@charset "utf-8";
/* CSS Document */

div {margin:0; padding:0}

body {
	background:url(../images/bg.jpg) repeat-x;
	margin:0; padding:0;
	}
#wrapper {
	margin:0 auto 10px auto;
	width:974px;
	background:#FFF;
	}
#wrapper #nav {
	width:974px;
	height:72px;
	background:url(../images/header/secondary_page_nav_bg.jpg) top left no-repeat;
	display:block;
	position:relative;
	z-index:100;
	}
	#wrapper #nav ul {
	position:absolute;
	left:498px;
	top:14px;
	list-style:none;
	margin:0;
	padding:0;
		}
	#wrapper #nav li {
	list-style:none;
	margin:0; padding:0;
	float:left;
		}	
#wrapper #header {
	width:974px;
	height:152px;
	background:url(../images/header/secondary_header.jpg) top left no-repeat;
	display:block;
	position:relative;
	}	
/****************** Main 3 Column Content Area ***************************/
#wrapper #content {
	background:url(../images/sec_mid_content_bg.jpg) top left repeat-y;
	}
/****************** Left Nav Column **************************************/
#wrapper #content #content_left {
	float:left;
	width:198px;
	margin-left:18px;
	font:bold 11px Arial, Helvetica, sans-serif;
	}
#wrapper #content #content_left h5 {
	margin:10px 0; padding:0 14px;
	font-size:14px;
	color:#000;
	background:url(../images/sec_nav_arrow.gif) top left no-repeat;
	display:block;
	height:16px;
	}	
#wrapper #content #content_left p {
	display:block;
	padding:0 0 3px 10px; margin:3px 3px;
	background:url(../images/sec_nav_listarrow.gif) top left no-repeat;
	border-bottom:dotted 1px #666;
	color:#868686;
	}
#wrapper #content #content_left ul {
	margin:0; padding:0 0 5px 20px;
	font-size:10px;
	}	
#wrapper #content #content_left ul li {
	background:none;
	border:none;
	color:#000;
	list-style:none;
	padding:3px;
	}	
	#wrapper #content #content_left ul li a {
		color:#000;
		}
#wrapper #content #content_left a {
	text-decoration:none;
	color:#868686;}	
#wrapper #content #content_left a:hover {
	color:#333;}
#wrapper #content #content_left a.black {
	color:#000;
	}	

/****************** Middle Column ***************************************/	
#wrapper #content #content_mid {
	float:left;
	width:380px;
	margin-left:67px;
	line-height:15px;
	font:12px Arial, Helvetica, sans-serif;
	}
#wrapper #content #content_mid h1 {
	padding:0; margin:10px 0;
	font-size:15px;
	font-weight:bold;
	}
#wrapper #content #content_mid a {
	color:#CC9933;
	font-weight:bold;}
#wrapper #content #content_mid a:hover {
	color:#000;
	}		
	
/***************** Right Column *********************************/	
#wrapper #content #content_right {
	float:left;
	margin-left:40px;
	padding-top:10px;
	}	
	
/**************** For Two Column Layout ******************/
#wrapper #content #content_mid2 {
	float:left;
	width:600px;
	margin-left:67px;
	line-height:15px;
	font:12px Arial, Helvetica, sans-serif;
}	
#wrapper #content #content_mid2 h1 {
	padding:0; margin:10px 0;
	font-size:15px;
	font-weight:bold;
	}
#wrapper #content #content_mid2 .box {
	clear:both;
	}
#wrapper #content #content_mid2 .rightimg {
	float:right;
	margin-left:30px;
	clear:both;
	margin-bottom:8px;
	}
#wrapper #content #content_mid2 a {
	color:#CC9933;
	font-weight:bold;
	}
#wrapper #content #content_mid2 a:hover {
	color:#000;
	}		

/****************FOOTER***********************/	
#wrapper #up_footer {
	display:block;
	height:75px;
	width:974px;
	background:url(../images/sec_mid_bottom_content.jpg);
	}	
#wrapper #footer {
	display:block;
	padding-top:30px;
	width:974px;
	height:28px;
	background:url(../images/hp_footer_bg.jpg) top left no-repeat;
	font:11px Arial, Helvetica, sans-serif;
	}	
#wrapper #footer #fleft {
	float:left;
	color:#F3DC2A;
	margin-left:35px;
	}
#wrapper #footer #fleft a {
	color:#999
	}	
#wrapper #footer #fleft a:hover {
	text-decoration:none;
	}	
#wrapper #footer #fright {
	float:right;
	color:#999;
	margin-right:10px;
	text-align:right;
	}	
#wrapper #footer #fright a {
	color:#666}	
	
	.learnmorelink {
		padding-right:15px;
		background:url(../images/learn_more_small.gif) top right no-repeat;
		}