/* custom stuff */
html{
height:100%;
margin-bottom:1px
}
body{
margin:0;
padding:0
}
p{
margin-bottom:5px;
margin-top:0
}
fieldset{
border:0;
padding:5px 0
}
span.pathway{
display:block;
font-weight:bold;
height:16px;
line-height:16px;
margin-bottom:10px;
margin-top:5px;
vertical-align:middle
}
span.pathway img{
margin: 0px 5px;
vertical-align:middle
}
div#pathway{
margin-bottom:10px;
padding-left:8px
}
a.readon{
line-height:30px
}
/*** fonts ***/
body{
color:#666666;
font-family:Verdana,Helvetica,sans-serif;
line-height:125%
}
table#footuserblock{
color:#999999
}
/* size attributes */
body.f-smaller{
font-size:10px
}
body.f-default{
font-size:11px
}
body.f-larger{
font-size:12px
}
.small,
.modifydate,
.createdate,
div.mosimage_caption{
font-size:95%
}
div.moduletable h3{
font-size:110%
}
.contentheading,
.componentheading{
font-size:150%
}
#nav li a{
font-size:110%
}
.componentheading{
margin-bottom:15px
}
td.componentheading{
padding-bottom:15px
}
/* font family */
h1,
h2,
h3,
h4,
h5,
.contentheading,
.componentheading,
#nav,
.sectiontableheader{
font-family:Arial,Helvetica,sans-serif;
font-weight:bold
}
a:link,
a:visited{
text-decoration:underline;
border-bottom: 0
}
a:hover{
color:#000000;
text-decoration:underline
}
/* module settings */
div.moduletable h3{
color:#333333;
font-weight:normal;
margin:0;
padding:0;
padding-bottom:5px;
text-align:center;
text-transform:uppercase
}
td#sidenav div.moduletable{
padding:0 5px
}
td#sidenav div.moduletable h3{
height:33px;
line-height:33px;
margin:0 -5px 10px -5px;
margin-bottom:10px;
padding:0;
padding-left:25px;
text-align:left
}
td#sidenav.left div.moduletable h3{
background:url(../images/left_h3_bg.png) 0 0 no-repeat
}
td#sidenav.right div.moduletable h3{
background:url(../images/right_h3_bg.png) 0 0 no-repeat
}
td.left div.moduletable,
td.right div.moduletable{
margin-bottom:15px
}
div.moduletable ul{
margin:5px 0;
padding:0 2em
}
div.moduletable ul li{
padding-bottom:3px
}
/* Typography and Headings */
.contentheading,
.componentheading{
border-bottom:1px solid #CCCCCC;
color:#000000;
font-weight:normal;
padding:3px 0
}
/* headings */
h1,h2,h3,h4,h5{
padding-bottom:5px
}
h1{
color:#000000;
font-size:200%
}
h2{
font-size:175%
}
h3{
color:#333333;
font-size:150%
}
h4{
font-size:125%
}
h5{
font-size:110%;
text-transform:uppercase
}
.small{
color:#999999
}
/** 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{
background:#F0F0F0;
border-bottom:1px solid #DDDDDD;
color:#333333;
font-weight:bold;
line-height:20px;
padding:4px
}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td{
border-bottom:1px solid #EFEFEF;
padding:4px
}
td.sectiontableentry1,
td.sectiontableentry2{
border-bottom:1px solid #EFEFEF;
padding:4px
}
table.contentpaneopen,table.contentpane{
border-collapse:collapse;
margin:0;
padding:0;
width:100%
}
div.contentpane,div.contentpaneopen{
width:100%
}
.clr{
clear:both
}
div.mosimage{
margin:5px
}
table.adminform textarea{
color:#666666;
width:auto
}
/** width stuff **/
/* this sets the wide width in px */
.w-wide div.wrapper{
width:930px
}
/* this sets the narrow width in px */
.w-thin div.wrapper{
width:780px
}
/* accessibility stuff */
div#header #access{
background:none;
height:16px;
overflow:hidden;
padding-right:10px;
position:absolute;
right:0;
top:0;
width:400px;
z-index:10000
}
div#header #buttons{
background:none
}
#access #selectors{
height:8px;
position:relative
}
#access span{
background-repeat:no-repeat
}
#access a{
text-decoration:none
}
#access #buttons{
float:right
}
#access .button{
background-repeat:no-repeat;
display:block;
float:right;
height:16px;
margin:0 5px;
width:16px
}
#access .button2{
background-position:50% 50%;
background-repeat:no-repeat;
display:block;
float:right;
height:16px;
margin:0 1px;
width:13px
}
/** template layout stuff **/
#page_bg{
background:#333333;
height:100%;
margin-bottom:1px;
padding:0
}
div.wrapper{
margin:auto;
position:relative
}
div#header{
background:url(../images/head_shad_r.png) 100% 0 repeat-y
}
div#header .hd1{
background:url(../images/head_shad_l.png) 0 0 repeat-y
}
div#header .hd2{
background:url(../images/head_shad_b.png) 0 100% repeat-x;
border:0px
}
div#header .hd3{
background:url(../images/head_shad_br.png) 100% 100% no-repeat
}
div#header .hd4{
background:url(../images/head_shad_bl.png) 0 100% no-repeat;
padding:0 9px 18px 9px
}
div#header div#header-body{
background:url(../images/head_carbon.png) #000000 0 0 no-repeat;
height:124px
}
img#logo{
border:0;
height:81px;
left:23px;
position:absolute;
top:43px;
width:260px
}
div#header-menu{
}
div#topbox,
div#footbox{
background:url(../images/tbox_shad_r.png) #D8D8D8 100% 0 repeat-y
}
div#topbox .tb1,
div#footbox .fb1{
background:url(../images/tbox_shad_l.png) 0 0 repeat-y
}
div#topbox .tb2,
div#footbox .fb2{
background:url(../images/tbox_shad_b.png) 0 100% repeat-x
}
div#topbox .tb3,
div#footbox .fb3{
background:url(../images/tbox_shad_br.png) 100% 100% no-repeat
}
div#topbox .tb4,
div#footbox .fb4{
background:url(../images/tbox_shad_bl.png) 0 100% no-repeat
}
div#topbox .tb5,
div#footbox .fb5{
background:url(../images/tbox_shad_t.png) 0 0 repeat-x
}
div#topbox .tb6,
div#footbox .fb6{
background:url(../images/tbox_shad_tr.png) 100% 0 no-repeat
}
div#topbox .tb7,
div#footbox .fb7{
background:url(../images/tbox_shad_tl.png) 0 0 no-repeat;
padding:9px
}
div#mainbox{
background:url(../images/mbox_shad_r.png) #FFFFFF 100% 0 repeat-y
}
div#mainbox .mb1{
background:url(../images/mbox_shad_l.png) 0 0 repeat-y
}
div#mainbox .mb2{
background:url(../images/mbox_shad_b.png) 0 100% repeat-x
}
div#mainbox .mb3{
background:url(../images/mbox_shad_br.png) 100% 100% no-repeat
}
div#mainbox .mb4{
background:url(../images/mbox_shad_bl.png) 0 100% no-repeat
}
div#mainbox .mb5{
background:url(../images/mbox_shad_t.png) 0 0 repeat-x
}
div#mainbox .mb6{
background:url(../images/mbox_shad_tr.png) 100% 0 no-repeat
}
div#mainbox .mb7{
background:url(../images/mbox_shad_tl.png) 0 0 no-repeat;
padding:9px
}
div#reflectbox{
background:url(../images/reflect_m.png) 0 0 repeat-x
}
div#reflectbox div{
background:url(../images/reflect_r.png) 100% 0 no-repeat
}
div#reflectbox div div{
background:url(../images/reflect_l.png) 0 0 no-repeat;
height:100px;
overflow:hidden
}
div.modulebox-silver{
background:url(../images/silver/box_br.png) 100% 100% no-repeat
}
div.modulebox-silver div.bx1{
background:url(../images/silver/box_bl.png) 0 100% no-repeat
}
div.modulebox-silver div.bx2{
background:url(../images/silver/box_tr.png) 100% 0 no-repeat
}
div.modulebox-silver div.bx3{
background:url(../images/silver/box_tl.png) 0 0 no-repeat;
margin:0;
padding:0
}
div.modulebox-white{
background:url(../images/white/box_r.png) #F7F7F7 100% 0 repeat-y
}
div.modulebox-white div.bx1{
background:url(../images/white/box_l.png) 0 0 repeat-y
}
div.modulebox-white div.bx2{
background:url(../images/white/box_br.png) 100% 100% no-repeat
}
div.modulebox-white div.bx3{
background:url(../images/white/box_bl.png) 0 100% no-repeat
}
div.modulebox-white div.bx4{
background:url(../images/white/box_tr.png) 100% 0 no-repeat
}
div.modulebox-white div.bx5{
background:url(../images/white/box_tl.png) 0 0 no-repeat;
margin:0;
padding:0
}
div.modulebox-silver div.moduletable h3{
background:url(../images/silver/box_h3_divider.png) 0 100% repeat-x;
margin:0 -9px;
margin-bottom:5px
}
div.modulebox-black{
background:url(../images/black/box_br.png) 100% 100% no-repeat
}
div.modulebox-black div.bx1{
background:url(../images/black/box_bl.png) 0 100% no-repeat
}
div.modulebox-black div.bx2{
background:url(../images/black/box_tr.png) 100% 0 no-repeat
}
div.modulebox-black div.bx3{
background:url(../images/black/box_tl.png) 0 0 no-repeat;
margin:0;
padding:0
}
div.modulebox-black div.moduletable h3{
background:url(../images/black/box_h3_divider.png) 0 100% repeat-x;
color:#FFFFFF;
margin:0 -9px;
margin-bottom:5px
}
div.modulebox-black div.moduletable{
color:#CCCCCC
}
div.modulebox-black a:hover{
color:#FFFFFF
}
table#miduserblock div.moduletable,
table#botuserblock div.moduletable{
padding:13px
}
table#topuserblock,
table#mainblock,
table#miduserblock,
table#botuserblock,
table#footuserblock{
border:0;
width:100%
}
table#topuserblock tr,
table#mainblock tr,
table#miduserblock tr,
table#botuserblock tr{
vertical-align:top
}
table#topuserblock td{
padding:10px;
width:33%
}
table#miduserblock td,
table#botuserblock td{
padding-right:3px;
width:50%
}
table#footuserblock td{
padding:10px;
width:33%
}
table#topuserblock td.sep{
background:url(../images/tbox_sep.png) 100% 0 repeat-y
}
td#sidenav{
width:199px
}
td.left{
background:url(../images/left_bg.png) 100% 0 repeat-y
}
td.right{
background:url(../images/right_bg.png) 0 0 repeat-y
}
td#mainbody{
width:100%
}
td#mainbody div.padding{
padding:5px 2px 5px 5px;
}
div#top-padding{
padding-bottom:3px
}
div#bot-padding{
padding-top:4px
}
div#whitebox-padding{
padding-bottom:0px;
padding-right:2px;
padding-top:1px
}
div#whitebox-padding div.padding{
padding:15px
}
div.sidenav{
width:199px
}
td.right div.sidenav div.padding{
padding:6px 6px 6px 7px
}
td.left div.sidenav div.padding{
padding:6px 8px 6px 5px
}
div#inset{
float:right;
margin-left:15px;
width:200px
}
div.nav {
	text-align: right;
}
.nav a {
	text-decoration: none;
}
/*****************************
****       splitmenu     ****
*****************************/
#nav{
margin:0;
overflow:hidden;
padding:0
}
#nav ul{
margin:0;
margin-left:2px;
padding:0
}
#nav li{
display:block;
float:left;
margin:0;
padding:0;
padding-right:2px
}
#nav a{
cursor:pointer;
font-weight:bold;
text-decoration:none
}
#nav li.on li.on a{
text-decoration:underline
}
#nav li a{
color:#CCCCCC;
display:block;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
padding:0 10px;
text-transform:uppercase
}
/* submenu */
div.moduletable ul.submenu{
list-style:none;
margin:0;
padding:0
}
ul.submenu ul{
list-style:none
}
ul.submenu li{
border:0;
margin:0;
padding:0
}
ul.submenu a:link,
ul.submenu a:visited{
background:url(../images/menu_sep.png) 0 100% repeat-x;
display:block;
font-weight:bold;
padding:1px 5px 6px 5px;
text-decoration:none
}
ul.submenu ul a:link,
ul.submenu ul a:visited{
background:none;
padding:0
}
ul.submenu a:hover,
ul.submenu ul a:hover{
color:#000000
}
ul.submenu ul li{
background:none;
margin-left:10px
}
ul.submenu ul ul li{
background:none;
margin-left:20px
}
/* some page content things */
.hide{
display:none
}
form{
border:0;
margin:0;
padding:0
}
blockquote{
background:url(../images/bq_start.png) #E6E6E6 0 0 no-repeat;
color:#333333;
line-height:140%;
margin:10px
}
blockquote div{
background:url(../images/bq_end.png) 100% 100% no-repeat;
padding:5px 45px
}
pre{
background:#FFFFFF;
border:1px solid #CCCCCC;
border-left:5px solid #CCCCCC;
color:#333333;
padding:10px
}
table.blog span.article_seperator{
display:block;
height:20px
}
table.pollstableborder td{
padding:2px 0;
text-align:left
}
input#mod_search_searchword{
width:120px
}
.highlight{
background-color:#FFFFCC
}
table.contentpaneopen p{
margin-top:10px
}

#jcssmenu{
float:left;
margin:0/* all lists */
}
#jcssmenu ul{
margin:0;/* all lists */
padding:0
}
#jcssmenu li{
background:none;
cursor:pointer;
display:block;
float:left;
margin:0;/* all list items */
padding:0
}
#jcssmenu li ul{
height:auto;
left:-999em;/* using left instead of display to hide menus because display:none isn't read by screen readers */
position:absolute;/* second-level lists */
w\idth:15.9em;
width:16.4em;
z-index:99
}
#jcssmenu li ul ul{
margin:-1.5em 0 0 12em/* third-and-above-level lists */
}
#jcssmenu li li{
margin:0;
padding:0 1em 0 0;
width:14.9em
}
#jcssmenu ul a{
w\idth:10.8em;
width:14.8em
}
#jcssmenu li:hover ul ul,#jcssmenu li:hover ul ul ul,
#jcssmenu li.sfhover ul ul,#jcssmenu li.havechildsfhover ul ul,#jcssmenu li.havechild-activesfhover ul ul,
#jcssmenu li.sfhover ul ul ul,#jcssmenu li.havechildsfhover ul ul ul,#jcssmenu li.havechild-activesfhover ul ul ul{
left:-999em
}
/* This "unhides" the sub-menus (left:-999em is what hides them) */
#jcssmenu li:hover ul,#jcssmenu li li:hover ul,#jcssmenu li li li:hover ul,
#jcssmenu li.sfhover ul,#jcssmenu li.havechildsfhover ul,#jcssmenu li.havechild-activesfhover ul,
#jcssmenu li li.sfhover ul,#jcssmenu li li.havesubchildsfhover ul,#jcssmenu li li.havesubchild-activesfhover ul,
#jcssmenu li li li.sfhover ul,#jcssmenu li li li.havesubchildsfhover ul,#jcssmenu li li li.havesubchild-activesfhover ul{
left:auto
}
/* STYLING THE MENU
-----------------------------------*/
#jcssmenu li ul{
background:#FFFFFF;
border:1px solid #E9D8B3
}
#jcssmenu li ul li{
border-bottom:1px solid #E9D8B3
}
#jcssmenu li ul a{
text-decoration: none;
background:none;
border-right:none;
border-top:none;
color:#333333;
font-weight:normal;
line-height:normal;
padding:5px 10px
}
#jcssmenu li ul a:hover,
#jcssmenu li ul a:active,
#jcssmenu li ul a:focus{
color:#D3660D
}
#jcssmenu li a{
color:#E8E5CD;
display:block;
font-size:150%;
font-weight:bold;
margin:0;
font-family:Georgia,"Times New Roman",Times,serif;
text-decoration: none;
padding:14px 25px 11px 25px
}
#jcssmenu li a:hover,
#jcssmenu li a:active,
#jcssmenu li a:focus{
background:url(../images/arrow-down.gif) no-repeat top center;
color:#FFFFFF;
outline:none
}
#jcssmenu li a.active,
#jcssmenu li a.active:hover,
#jcssmenu li a.active:active,
#jcssmenu li a.active:focus{
background:#D3660D;
color:#FFFFFF
}
#jcssmenu li li a{
font-size:125%
}
#jcssmenu li li a.active,
#jcssmenu li li a.hover,
#jcssmenu li li a.active,
#jcssmenu li li a.focus{
background:none !important;
border-bottom:none !important;
color:#D3660D !important;
font-weight:bold !important;
text-decoration: none;
}
#jcssmenu li.havechild{
}
#jcssmenu li.havechild-active{
}
#jcssmenu li.havesubchild{
background:url(img/arrowchild.gif) no-repeat 94% 50%
}
#jcssmenu li.havesubchild-active{
background:url(img/arrowchild.gif) no-repeat 94% 50%
}
#jcssmenu ul li:hover,
#jcssmenu ul ul li:hover,
#jcssmenu ul li.sfhover,
#jcssmenu ul li.havesubchildsfhover,
#jcssmenu ul li.havesubchild-activesfhover,
#jcssmenu ul ul li.sfhover,
#jcssmenu ul ul li.havesubchildsfhover,
#jcssmenu ul ul li.havesubchild-activesfhover{
background:#FFFAE4;
color:#D3660D
}
#jcssmenu li:hover,
#jcssmenu li.sfhover,
#jcssmenu li.havechildsfhover,
#jcssmenu li.havechild-activesfhover,
#jcssmenu li:hover a.first-item,
#jcssmenu li.sfhover a.first-item,
#jcssmenu li.havechildsfhover a.first-item,
#jcssmenu li.havechild-activesfhover a.first-item{
background:url(../images/arrow-down.gif) no-repeat top center;
color:#FFFFFF
}
#jcssmenu li a.active-first-item,
#jcssmenu li a.active-first-item:hover,
#jcssmenu li a.active-first-item:active,
#jcssmenu li a.active-first-item:focus{
background:#D3660D;
color:#FFFFFF
}

#jcontent{float:left;width:100%}
#jcontainer{width:860px}
#jcontent div.innerpad{clear:both;margin:0;padding:0 15px;display:block;height:400px;}
html>body #jcontent div.innerpad{height:auto;min-height:400px}
#jcontainerwrap-c #jcontent {width:100%; float:none}