/*layout CSS */
body {
text-align:center; /*center hack*/
}
#footer {clear:both;}
.clear{clear:both;}

/*global reset*/

* {
margin:0;
padding:0;
}
body {
font-size:76%;
font-family: Arial, Helvetica, sans-serif;
background:#fff url(../images/bg.png) top left repeat-x;
line-height:1.3;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0; 
}
li,dd { 
margin-left:1em;
}
fieldset { 
padding:.5em; 
border:0;
}
a img{
border:0 none;
}
/*general*/

/*-----LINK TEXT COLORS-----*/
a {
font-weight:bold;
color:#1881ac;
}

a:hover{
color:#000;
}
a:focus, a:active{
outline:none;
}

ul{list-style:none; margin:0; padding:6px 0px;}
li{background:url(../images/blue/bullet.png) 0px 6px no-repeat;
padding-left:10px;
margin-bottom:3px;}
h1,.componentheading{
font-size:1.7em;
font-weight:normal;
}
h2,.contentheading{
font-size:1.5em;
font-weight:normal;
}
h3{
font-size:1.3em;
font-weight:bold;
}
h4{
font-size:1.2em;
font-weight:bold;
}
h5{
font-size:1.1em;
font-weight:bold;
}
h6{
font-size:1em;
font-weight:bold;
}
#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
}
.moduletable{
margin-bottom:1em;
padding:0 10px; /*padding for inside text*/ 
}
.moduletable h3{
padding:0.25em 0;
margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/ }


/*layout*/
#top{
width:100%; 
position:relative; 
color:#9b9b9b;
font-family:"lucida grande","lucida sans unicode", "lucida sans", "trebuchet ms", verdana, sans-serif;
letter-spacing:3px;
font-size:11px;
padding-top:16px;
}
#top a{
text-decoration:none;}
#top a:hover{
text-decoration:underline;}
#top .moduletable{
padding:0;
margin:0;
}
#header{
width:100%;
position:relative;
padding-top:10px;}

.boxfluid{
width:90%;
text-align:left;}
.boxfixed{
width:780px;
text-align:left;
}
#logo{
float:left;}
#slogan{
float:right;
font-size:16px;
padding-top:20px;}

#nav{
margin-top:16px;
width:100%; position:relative;
background:url(../images/blue/nav.png) top left repeat-x;

height:41px;}
#nav table{border-collapse:collapse;}

#user4{
width:100%; position:relative;
background:url(../images/blue/pathway.png) top left repeat-x;
font-weight:bold; font-size:14px;
color:#383838;
height:39px;}
#user4{
margin-top:0!important;
margin-top:-3px;
}
#user4 .boxfluid, #user4 .boxfixed{
padding:10px 0px 0px 0px;}

#pathway{float:left;}
#pathway a{color:#fff;}
#search{float:right;}
#search form{margin:0;}
#search .button{
margin-left:2px;
border:#d87d0b 1px solid; color:#d4e9f4; font-weight:bold;}



#wrapper{
width:100%; 
background:url(../images/blue/bluegradient.png) top left repeat-x;
padding-top:8px;
position:relative;
margin-top:0!important;
margin-top:-3px;}

#container{
position:relative;
margin-top:8px;}


#left, #middle, #middleoneside, #middlewide{ float:left; overflow:hidden;}
#left{margin-right:1%;}
#right{float:right; width:20%;}

#left{width:20%; voice-family: "\"}\""; voice-family:inherit; width:19%;}
html>body #left{width:19%;}

#left .moduletable, #left .moduletable-grey, #right .moduletable, #right .moduletable-grey, #left .moduletable_menu{padding:10px; margin-bottom:10px;}

#left .moduletable h3, #left .moduletable-grey h3, #right .moduletable h3, #right .moduletable-grey h3, #left .moduletable_menu h3{
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
padding:12px 6px;
}

#left .moduletable h3, #left .moduletable_menu h3{
background:url(../images/blue/h3_left1.gif) top left repeat-x;
color:#fff;}

#left .moduletable, #left .moduletable_menu{
background-color:#1881ac;
color:#fff;}

#left .moduletable a{color:#fff;}

#left .moduletable-grey{
background-color:#c1c1c1;}

#left .moduletable-grey h3{
color:#1881ac;}

#middle{
width:59%;
}
#middleoneside{
width:79.5%;}
#middlewide{
width:100%;}
#middle .hack, #middleoneside .hack, #middlewide .hack{
padding:26px 16px;
border:#afafaf 1px solid;
background:url(../images/bg.png) top left repeat-x;}


#right .moduletable-grey h3{
background-color:#454545;
color:#fff;}

#right .moduletable h3{
background-color:#1881ac;}

#left h3, #right h3{
color:#fff;
font-family:"trebuchet ms", verdana, Arial, Helvetica, sans-serif;
margin:0;}

#bottom{
color:#ffffff;
padding:18px 0px;
background-color:#414141;
border-bottom:#cbcbcb 15px solid;
}
#bottom td, #bottom p, #bottom a{
color:#fff;}

#bottom h3{
font-weight:bold;
font-size:13px;
}
#bottom a{
color:#f8b920;}
#bottom a:hover{
color:#fff;}
#bottom li{background:none;
padding:0;}
#bottom li a{
background:url(../images/blue/bullet-yellow.png) 0px 6px no-repeat;
padding-left:10px;}
#bottom li a:hover{
background:url(../images/bullet-white.png) 0px 6px no-repeat;}
#user5, #user6{
width:49.5%;
float:left;}

#user5{
background:url(../images/bottomdot.png) top right repeat-y;}

#user5 .padding{ 
padding:0 10% 0 20%;}
 #user6 .padding{
 padding:0 20% 0 10%;
 }

#footer{width:100%; position:relative; color:#747474;  padding:6px 0px;}
#footer .boxfluid, #footer .boxfixed{text-align:center;}
#footer a{color:#747474;}



table.pollstableborder td{
text-align:left;
}
div.banneritem img{
display:block;
margin:0 auto;
text-align:center;
}