/*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:url(../images/blue/bg.jpg);
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;
}
img{
padding:0px;
}
/*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/bulatan.png) 0px 3px no-repeat;
padding-left:22px;
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%; 
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:1024px;
height:169px;
text-align:center;
}

#logo{
float:left;
width:208px;
height:131px;
}
#logo2{
float:left;
width:816px;
height:131px;
background:url(../images/blue/sidelogo.jpg) no-repeat;
}
#topnav{
	float:left;	
	width:1024px;
	height:38px;
	background:#000000;
	background:url(../images/blue/logobottom.jpg) no-repeat;	
	letter-spacing:3px;
	font-size:13px;
	padding-top:0px;
}
#topnav .moduletable{
margin:0px;
}
#topnav a{
	text-decoration:none;
	padding-right:30px;
	padding-left:30px;	
	border-left:1px solid #000000;
	color:#FFFFFF;
	float:right;
}
#topnav a:hover{
text-decoration:none;
color:#000000;
}


.boxfluid{
width:90%;
text-align:left;}
.boxfixed{
width:1024;
text-align:left;
}

#slogan{
float:right;
font-size:16px;
}

#nav{
width:100%;
}

#nav table{border-collapse:collapse;}

#user4{
width:100%; 
;
}
#user4{
margin-top:0!important;

}
#user4 .boxfluid, #user4 .boxfixed{
padding:0px 0px 0px 0px;}

#pathway{float:left;width:55%;}
#pathway a{color:#000000;}
#search{float:right;}
#search form{margin:0;}
#search .button{
margin-left:2px;
border:#d87d0b 1px solid; color:#d4e9f4; font-weight:bold;}



#wrapper{
width:1024px; 
/*background:url(../images/blue/bluegradient.png) top left repeat-x;*/
margin-top:0px!important;
}

#container{
margin:0px;

}



#left, #middle, #middleoneside, #middlewide{ float:left; overflow:hidden; }
#left{margin-right:1%;}
#right{float:right; width:300px;

}

#left{ text-align:left; width:200px; voice-family: "\"}\""; voice-family:inherit; width:200px;}
html>body #left{width:200px;}

#left .moduletable {
	padding:10px; 	
	width:200px;	
}
#right .moduletable{
	padding:0px; 	
	width:300px;		
}
#left .moduletable h3{	
	background:url(../images/blue/topbar_left.jpg) no-repeat;
	margin-top:0px;
	margin-left:-10px;
	margin-right:-10px;
	padding:12px 6px;
}

#left .moduletable_menu h3{
background:url(../images/blue/menubar.jpg) repeat-y;
margin:0px;
padding:6px 0px 2px 20px;
}
#left_top{
	background:url(../images/blue/topmenu.jpg) no-repeat;
	width:200px;
	height:31px;
}

#left_bot{
	background:url(../images/blue/botmenu.jpg) no-repeat;
	width:200px;
	height:30px;
	
}

#right .moduletable h3{
margin-left:0px;
width:300px;
padding-left:0px;

}

#left .moduletable_menu, #left .moduletable_menu h3{
color:#fff;
}
#left .moduletable, #left .moduletable h3{
color:#000000;
}
#left .moduletable a{color:#fff;}




#middle{
width:490px;
float:left;

padding-right:12px;
}
#middle img{
padding-right:7px;
}
#middleoneside{
width:79.5%;}
#middlewide{
width:100%;}
#middle .hack, #middleoneside .hack, #middlewide .hack{
padding:1px 15px 0px 0px;

}
/*border:#afafaf 1px solid;
background:url(../images/bg.png) top left repeat-x;}*/


#right .moduletable-grey h3{
color:#fff;
}

#right .moduletable h3{
color:#FFFFFF;
}

#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%; color:#747474;  padding:6px 0px; }
#footer .boxfluid, #footer .boxfixed{text-align:center;}
#footer a{
color:#FF0000; 
text-decoration:none;
font-weight:bold;
}



table.pollstableborder td{
text-align:left;
}
div.banneritem img{
display:block;
margin:0 auto;
text-align:center;
}

/*-------------*/