/* custom stuff */
html{ height:100%;  margin-bottom:1px}

body{margin:0; padding:0}

p{ margin-top:0;  margin-bottom:5px}

fieldset{border:0; padding:5px 0}

span.pathway{display:block; height:16px; line-height:16px; vertical-align:middle; margin-top:5px; padding-left:15px; font-weight:normal}

span.pathway img{display:none}

span.pathway a{ padding-right:30px}

div#pathway{margin-bottom:10px; padding-left:8px}

a.readon{display:block; float:left; padding-left:20px; margin-top:10px; line-height:14px; height:16px}

/*** fonts ***/
body{line-height:125%; font-family:Tahoma,Helvetica,sans-serif}

/* size attributes */
body.f-smaller{font-size:10px}

body.f-default{font-size:11px}

body.f-larger{font-size:13px}

.small, 

.modifydate, 

.createdate, 

div.mosimage_caption{font-size:95%}

#nav a, 

#inset a{font-size:110%}

div.moduletable h3, 

td.side h3, 

.componentheading{font-size:130%}

td.contentheading{ font-size:150%;  line-height:120%;  padding-top:5px;  padding-bottom:9px}

.componentheading{ margin-bottom:15px}

td.componentheading{padding-bottom:15px}

/* font family */
h1, 

h2, 

h3, 

h4, 

h5, 

.contentheading, 

.componentheading, 

.sectiontableheader{font-family:Trebuchet MS,Helvetica,sans-serif; font-weight:bold}

a:link, 

a:visited{text-decoration:none}

a:hover{text-decoration:none}

/* component heading */
.componentheading{margin-top:5px; margin-bottom:10px; padding-bottom:0; height:25px; line-height:25px; text-indent:15px; margin-left:-15px; margin-right:-5px}

/* module settings */
div.moduletable h3{margin-top:5px; margin-bottom:10px; padding-bottom:0; height:25px; line-height:25px}

div.moduletable{margin-bottom:10px}

td.left div.moduletable, 

td.right div.moduletable{margin-bottom:15px}

table.controller td.user1, 

table.controller td.user2, 

table.controller td.user3, 

table.controller td.user4{padding:0 15px}

div.moduletable h3{text-indent:15px; margin-left:-15px}

td.user2 div.moduletable h3{margin-right:-15px}

td.user4 div.moduletable h3{margin-right:-15px}

div.moduletable ul{margin:5px 0; padding:0 2em}

div.moduletable ul li{padding-bottom:3px}

/* side modules */
td.left div.module div div div{ background:none;  padding:10px 10px 15px 17px}

td.right div.module div div div{ background:none;  padding:10px 15px 15px 10px}

td.right div.module-menu div div div, 

td.left div.module-menu div div div{ background:none;  padding:10px 0 15px 0px}

td.left div.module div div div div, 

td.left div.module-menu div div div div, 

td.left div.module-color div div div div, 

td.right div.module div div div div, 

td.right div.module-menu div div div div, 

td.right div.module-color div div div div{ padding:0}

div.module h3, 

div.module-menu h3{ margin:0 -10px;  padding-top:2px;  padding-bottom:7px;  margin-bottom:4px; text-indent:10px}

td.left div.module-menu h3{text-indent:17px}

div.module-menu h3{ margin:0}

td.left div.module-color div div div{ background:none;  padding:10px 10px 15px 17px}

td.right div.module-color div div div{ background:none;  padding:10px 15px 15px 10px}

div.module-color h3{ margin:0 -10px;  padding-top:2px;  padding-bottom:7px;  margin-bottom:4px; text-indent:10px}

/* default menu link styles */
a.mainlevel{display:block}

a.sublevel{}

a.mainlevel:hover{text-decoration:none}

a.sublevel:hover{text-decoration:none}

#inset a.mainlevel{display:inline; background:none; padding:0 15px}

/** regular joomla menu **/
a.mainlevel{display:block; height:16px; line-height:15px; padding:0; padding-left:20px; margin-bottom:3px}

div.module-menu a.mainlevel{ height:30px;  line-height:26px}

td.right div.module-menu a.mainlevel{padding-left:30px}

td.left div.module-menu a.mainlevel{padding-left:30px}

td.right div.module-menu a.mainlevel:hover{ background-position:0 -30px}

td.left div.module-menu a.mainlevel:hover{ background-position:100% -30px}

a#active_menu:link, 

a#active_menu:visited{font-weight:bold}

td.right div.module-menu a#active_menu{ background-position:0 -60px}

td.right div.module-menu a#active_menu:hover{ background-position:0 -30px}

td.left div.module-menu a#active_menu{ background-position:100% -60px}

td.left div.module-menu a#active_menu:hover{ background-position:100% -30px}

li.active_menu a:link, 

li.active_menu a:visited{ font-weight:bold}

a.sublevel:link, 

a.sublevel:visited{font-weight:normal}

/* headings */
h1{line-height:100%; font-size:200%}

h2{ line-height:100%;  font-size:150%}

h3{ line-height:100%;  font-size:120%}

h4{ line-height:100%;  font-size:110%}

.small, 

.modifydate, 

.createdate{font-weight:normal; font-style:italic}

.modifydate{height:20px; vertical-align:bottom}

.createdate{height:20px; vertical-align:top; vertical-align:top; padding-bottom:5px; padding-top:0px}

/** some joomla class stuff */
table.contenttoc{ margin:5px;  padding:5px}

table.contenttoc td{ padding:0 5px}

td.buttonheading{ vertical-align:middle}

td.buttonheading img{margin-right:5px}

td.sectiontableheader{ font-weight:bold;  padding:4px;  line-height:20px;  background:#ECF0F4}

tr.sectiontableentry1 td, 
tr.sectiontableentry2 td, 

td.sectiontableentry1, 
td.sectiontableentry2{ padding:4px}

table.contentpaneopen, table.contentpane{ border-collapse:collapse;  padding:0;  margin:0;  width:100%}

table.contentpaneopen td p{ padding-right:10px}

div.contentpane, div.contentpaneopen{ width:100%}

.clr{clear:both}

div.mosimage{ margin:5px}

table.adminform textarea{ width:auto;  color:#666}

/** width stuff **/
.w-wide div.wrapper{width:929px}

.w-thin div.wrapper{width:782px}

/** template layout stuff **/
body{height:100%; padding:0; margin-bottom:1px}

div.wrapper{margin:auto; position:relative}

div#header2{ height:103px}

span#logo{ float:left;  display:block;  width:387px;  height:103px}

#top{height:80px; padding-top:20px; overflow:hidden; margin-left:50px; margin-right:15px}

table.controller{ width:100%;  padding:0}

td.user1, td.user2, td.user3, td.user4{width:50%}

td#midleft, td#midright{width:177px; padding-top:15px}

td.rocket{ width:30%;  padding-left:15px}

td.footer{ padding-top:22px;  text-align:center;  width:40%}

td.xbuttons{ text-align:right;  width:30%;  padding-top:25px;  padding-right:10px}

.w-wide table#maintable{width:929px}

.w-thin table#maintable{width:782px}

td.side{ width:177px;  padding-top:1px}

td.side.leftbottom div.corner, 

td.side.rightbottom div.corner, 

td.thefoot div.corner{ height:58px}

div#vtop{ overflow:hidden;  height:8px}

div#render{ height:136px;  overflow:hidden}

div#mainbody{padding-top:12px; width: 100%}

div#mainbody div.padding{padding:15px}

/* accessibility stuff */
#access{position:absolute; z-index:10000; top:22px; right:185px; width:200px; height:21px; overflow:hidden}

#access #selectors{float:right; height:7px}

#access span{background-repeat:no-repeat}

#access a{text-decoration:none}

.font-selector, 

.width-selector{ float:right; display:block; position:absolute; top:14px; width:16px; height:7px}

.f-smaller #selectors .font-selector{right:109px}

.f-default #selectors .font-selector{right:83px}

.f-larger #selectors .font-selector{right:57px}

.w-thin #selectors .width-selector{right:31px}

.w-wide #selectors .width-selector{right:5px}

#access #buttons{float:right}

#access .button{display:block; float:right; width:16px; height:14px; margin:0 5px; background-repeat:no-repeat}

/*horizontal menu */
div#horizmenu{height:26px; position:relative}

/* some page content things */
.hide{display:none}

form{border:0; margin:0; padding:0}

table.blog span.article_seperator{display:block; height:20px}

blockquote{margin:10px; line-height:140%}

blockquote div{padding:5px 45px}

pre{padding:10px}

table.pollstableborder td{text-align:left; padding:2px 0}

input#mod_search_searchword{width:120px}

table#adminform #toolbar{background:none}

span.alert{display:block; padding:10px 10px 10px 50px; margin:15px 0}

span.alert{color:#57861A; border-top:3px solid #c2df88; border-bottom:3px solid #c2df88; background:#e2eecb url(../images/alert.png) 10px 50% no-repeat}

#sf-container{position:relative; z-index:99}