@import url("content.css");



* { margin: 0; padding: 0; }  

img { border: 0; }
input { font-size: 1.0em; }  
table, th, td { font-size: 1.0em; }
.float_left { float: left; }
.float_right { float: right; }

body {
	text-align:center;
	background-image: url(../images/framework/bg-main.gif);
	background-repeat:repeat-x;
	background-color:#35748A;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

#wrapper{
margin:0px auto;
width:960px;
text-align:left;
}

#utility{
margin:0px auto;
padding:5px 0px 0px 0px;
width:960px;
height:25px;
}

.utility_spacer{
margin:0px 10px 0px 10px;
float:left;
width:1px;
height:20px;
background-color:#C1C1C1;
}

#utility_textprint{
	float:left; margin: 0 10px 0 0;
	list-style: none; 
}
#utility_textprint li { width: 20px; height: 20px; overflow: hidden; float: left; }
#utility_textprint a, #utility_textprint a:visited {  display: block; height: 20px; text-align: center; color: #fff; text-decoration: none; }

.font1 { background: #005362; font-size: 1.0em; line-height: 17px; } 
.font2 { background: #4c8691; font-size: 1.8em; line-height: 17px; } 
.font3 { background: #81aab2; font-size: 2.2em; line-height: 17px; } 



#utility_link { font-size: 1.1em; float:right; list-style: none; }
#utility_link li { float: left; margin: 0 0 0 10px; padding: 0 10px 0 0; border-right: 1px solid #c1c1c1; }
#utility_link a, #utility_link a:visited { color: #fff; text-decoration:none; }
#utility_link a:hover { text-decoration:none; }

#main{
margin:0px auto;
float:left;
width:955px;
background-color:#ffffff;
padding:5px 0px 0px 5px;
}

#top{
margin:0px auto; position: relative;
float:left;
width:950px;
height:149px;
background-color:#005362;
background-image:url(../images/framework/bg-top.gif);
}

#logo{
margin:0px auto;
float:left;
width:218px;
height:90px;
}

#message{
margin:0px auto;
float:left;
width:472px;
height:114px;font-size: 1.1em;
}
#message h1{margin:27px 0px 0px 0px; font-size: 2.2em; color:#FFFFFF;}
#message h2{margin:11px 0px 5px 0px; font-size: 1.4em; color:#FFFFFF;}
#message a{color:#FFFFFF;  font-weight:bold; text-decoration:none; background-image:url(../images/buttons/arrow-top.gif); background-position: top right; background-repeat:no-repeat; padding:0px 18px 0px 0px;}
#message a:hover{color:#BBF4FE; text-decoration:none;  background-image:url(../images/buttons/arrow-topb.gif);}
#message a:visited {color:#FFFFFF; font-weight:bold; text-decoration:none; background-image:url(../images/buttons/arrow-top.gif); background-position:center right; background-repeat:no-repeat; padding:0px 18px 0px 0px;}
#message a:visited:hover{color:#BBF4FE; text-decoration:none; background-image:url(../images/buttons/arrow-topb.gif);}

#search{
	margin:12px 0 0 0; padding: 0 10px 0 0; 
	position: absolute; right: 0; top: 0; 
	height:40px; 
}

.search_form{
	float:left; width:135px; height:15px;
	padding:3px 5px 1px 25px; 
	background: url("../images/m-glass.gif") #fff 0% 0% no-repeat;
	border: 0;
	color:#005362; 
}
.search_submit {
	font-weight: bold; text-transform: uppercase; cursor: pointer;
	border: 0; width: 80px; height: 19px; margin: 0 0 0 5px; 
	background: url("../images/buttons/search.gif") 0% 0% no-repeat;
}


#nav{
	width:940px;
	min-height:40px;
	padding: 5px;
	border-top:1px solid #5D929B;
	background: url("../images/framework/bg-nav.gif") 0% 0% repeat-x;
	clear: both;
	font-size: 1.1em;
	list-style: none;
}
* html #nav { height: 40px; }

#nav li { margin: 0 10px 0 0; float: left; text-align: center; width: 170px; height: 30px; padding: 5px; font-weight: bold; line-height: 30px; }
#nav a, #nav a:visited { display: block;height: 30px; color: #fff; text-decoration: none; }
#nav a:hover { text-decoration: underline; }

#nav #nav_btn001 { background: url("../images/framework/nav/1a.gif") 0% 0% no-repeat; line-height: normal; }
#nav #nav_btn001_current { background: url("../images/framework/nav/1b.gif") 0% 0% no-repeat; line-height: normal;  }

#nav #nav_btn002 { background: url("../images/framework/nav/2a.gif") 0% 0% no-repeat; }
#nav #nav_btn002_current { background: url("../images/framework/nav/2b.gif") 0% 0% no-repeat; }

#nav #nav_btn003 { background: url("../images/framework/nav/3a.gif") 0% 0% no-repeat; line-height: normal; }
#nav #nav_btn003_current { background: url("../images/framework/nav/3b.gif") 0% 0% no-repeat; line-height: normal; }

#nav #nav_btn004 { background: url("../images/framework/nav/4a.gif") 0% 0% no-repeat; }
#nav #nav_btn004_current { background: url("../images/framework/nav/4b.gif") 0% 0% no-repeat; }

#nav #nav_btn005 { background: url("../images/framework/nav/5a.gif") 0% 0% no-repeat; margin: 0; }
#nav #nav_btn005_current { background: url("../images/framework/nav/5b.gif") 0% 0% no-repeat; margin: 0; }

#nav #nav_btn006 { background: url("../images/framework/nav/1a.gif") 0% 0% no-repeat; margin: 0; }
#nav #nav_btn006_current { background: url("../images/framework/nav/1b.gif") 0% 0% no-repeat; margin: 0; }

#nav #nav_btn007 { background: url("../images/framework/nav/2a.gif") 0% 0% no-repeat; margin: 0; }
#nav #nav_btn007_current { background: url("../images/framework/nav/2b.gif") 0% 0% no-repeat; margin: 0; }

#nav #nav_btn008 { background: url("../images/framework/nav/3a.gif") 0% 0% no-repeat; margin: 0; }
#nav #nav_btn008_current { background: url("../images/framework/nav/3b.gif") 0% 0% no-repeat; margin: 0; }

#nav #nav_btn009 { background: url("../images/framework/nav/4a.gif") 0% 0% no-repeat; margin: 0; }
#nav #nav_btn009_current { background: url("../images/framework/nav/4b.gif") 0% 0% no-repeat; margin: 0; }

#nav #nav_btn010 { background: url("../images/framework/nav/5a.gif") 0% 0% no-repeat; margin: 0; }
#nav #nav_btn010_current { background: url("../images/framework/nav/5b.gif") 0% 0% no-repeat; margin: 0; }





.side_ad{
	margin: 0;
	border-top: 5px solid #fff;
	float:left;
	width:210px;
	padding:10px 10px 10px 10px;
	background-color:#F2F2F2;
	font-size: 1.1em;
}
 /* If there's no <li>, for some reason the side ad gets dumped into the <ul> */
#side_nav .side_ad { margin: 30px 0 0 0;  }

.side_ad p{ margin:13px 0px 0px 0px;}
.side_ad br{ margin:0px 0px 0px 0px;}
.side_ad hr { 	
	border: dotted #005362;
	border-width: 1px 0 0 0;
	height:1px;
	margin:10px 0px 10px 0px;
 }

.side_ad_download{
	width:173px;
	height:30px;
	float:left;
	background: url(../images/buttons/pdf.gif) 100% 0% no-repeat;
	font-size: 0.9em;
	padding:0px 35px 0px 0px;
}

.side_ad_download a, .side_ad_download a:visited { color:#005362; background: url("../images/buttons/arrow-side-nav001.gif") 100% 50% no-repeat; padding:0px 14px 0px 0px; }

.side_ad h1{
margin:0px 0px 0px 0px;
font-size: 1.4em;
color:#005362;
}

#download{
margin:0px auto;
background-image:url(../images/buttons/download003.gif);
width:100px;
height:25px;
display: block;
float:left;
}

#footer{
	margin:0px 0px 10px 0px;
	padding:7px 10px 0px 10px;
	width:923px;
	height:85px;
	background-color:#F2F2F2;
	float:left;
	font-size: 1.1em;
}

.footer_links { list-style: none; }
.footer_links li { float: left; margin: 0 20px 0 0; }
.footer_links span { 
	margin:0px 10px 0px 10px; float:left;
	display: block; width:1px; height:20px;
	background:#005362;
 } 


#footer a, #footer a:visited{color:#333333; text-decoration:none; float:left; padding:3px 0px 0px 0px;}
#footer a:hover{color:#333333; text-decoration:underline;}
#footer a:visited:hover{color:#333333; text-decoration:underline;}

#continuum{float:right; margin:0px auto;padding:39px 0px 0px 0px; display:none;}

#footer_valid { text-align:center; margin:10px 0px 10px 0px; clear: both; }

.brd001{
margin-right:10px;
margin-bottom:10px;
padding:10px 10px 10px 10px;
border:1px solid #CCCCCC;
background-color:#ffffff;
float:left;
}

.brd002{
margin-left:10px;
margin-bottom:10px;
padding:10px 10px 10px 10px;
border:1px solid #CCCCCC;
background-color:#ffffff;
float:right;
}


