body{



	/*background: #F5F5F5;*/



	width: 800px;



	font-family: geneva, arial,sans-serif;



	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */



	color: #808285;



	line-height: 1.166;



	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */



	padding: 0;



	position: inherit;



	/*background-image: url(/images/bkgrd/bkgrd_gender.gif);



	background-repeat: repeat;



	background-position: top center;



	background: url(/images/bkgrd/bkgrd_gender.gif) no-repeat 0 200px;*/



}







a:link, a:visited, a:hover {



	color: #669900;



	text-decoration: none;



}















a:hover {



	text-decoration: underline;



	}



/* overrides decoration from previous rule for hovered links */







h1, h2, h3, h4, h5, h6 {



	font-family: geneva, arial,sans-serif;



	color: #6D6F71;



	margin: 0px;



	padding: 0px;



}







h1{



 /*font-family: geneva, arial,sans-serif;*/



 font-size: 130%;



}







h2{



 font-size: 120%;



 /*color: #617011;*/



}







h3{



 font-size: 114%;



 /*color: #8CA820;*/



}







h4{



 font-size: 105%;



 padding: 2px 0px 4px 0px;



 /*color: #777777;*/



}







h5{



 font-size: 100%;



 font-weight: bold;



 color: #666666;



}







ul{



 list-style-type: circle;



}







ul ul{



 list-style-type: disc;



}







ul ul ul{



 list-style-type: none;



}







label{



 font: bold 80% Arial,sans-serif;



 color: #669900;



}



				







/***********************************************/



/* Layout Divs                                 */



/***********************************************/







#container{



	background: #FFFFFF;	



    margin-left: auto;



    margin-right: auto;



	/* the auto margins (in conjunction with a width) center the page */



	border-top: 1px solid #eeeeee;



    width: 50em;



    text-align:left;



}







#masthead{



	/*margin: 0;



	padding: 10px 0px;



	border-bottom: 1px solid #eeeeee;*/



	width: 100%;



}







#navBar{



	width: 180px;



	margin: 10px 5px 0px 0px;



	padding: 0px;



	border-right: 1px solid #f4f5d6;



	/*background-color: #c7e200;



	border-bottom: 1px solid #ccc;*/



}







#content{



    float:right;



	width: 600px;



	margin: 10px 0px 0px 0px;



	padding: 0px 5px 0px 5px;



}











/***********************************************/



/*Component Divs                               */



/***********************************************/







#siteName{



	margin: 0px;



	padding: 0px 0px 10px 10px;



	position: clear;



}











/*************** #pageName styles **************/







#pageName{



	padding: 0px 0px 10px 10px;



}











/************* #globalNav styles **************/







#globalNav{



/*color: #7E8A25;



font-size: 70%;*/



border: 0px 0px 1px 0px;



padding: 2px 0px 2px 0px;



/*white-space: nowrap;*/



}



/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line



   this will force a horizontal scrollbar if there isn't enough room for all links



   remove rule or change value to 'normal' if you want the links to line-wrap */







#globalNav img{



 display: block;



}







#globalNav a {



	font-size: 90%;



	padding: 0px 4px 0px 0px; 



}











/************* #breadCrumb styles *************







#breadCrumb{



	font-size: 80%;



	padding: 5px 0px 5px 10px;



}











/************** .feature styles ***************/







.feature{



	padding: 0px 10px 10px 10px;



	/*text-align:justify;*/



	font-size: 80%;



}







.feature h3{



	padding: 20px 0px 5px 0px;



	/*text-align: center;*/



}







.feature img{



	/*float: left;*/



	padding: 0px 10px 0px 0px;



	margin: 0 5px 5px 0;



}



/* adjust margins to change separation between the feature image and text flowing around it */











/************** .story styles *****************/







.story{



	border-top: 1px solid #c7e200;



	clear: both;



	padding: 10px 0px 10px 10px;



	font-size: 70%;



}







/*.story p{



	padding: 0px 0px 10px 0px;



}*/







.story img{



	float: left;



	vertical-align: middle;



	padding: 0px 15px 10px 10px;



	/*margin: 0 5px 5px 0;*/



}











/************** .story styles *****************/







.sponsor{



	border-top: 1px solid #c7e200;



	clear: both;



	padding: 10px 0px 10px 10px;



	font-size: 70%;



}







/*.sponsor a:link, a:visited, a:hover {



	color: #000000; 



}*/







/*.story p{



	padding: 0px 0px 10px 0px;



}*/







.sponsor img{



	vertical-align: middle;



	padding: 10px 10px 10px 10px;



	/*margin: 0 5px 5px 0;*/



}



/************* #siteInfo styles ***************/







#siteInfo{



	clear: both;



	border-top: 1px solid #f4f5d6;



	font-size: 70%;



	/*background-color: #77787B;



	padding: 10px 10px 10px 10px;



	margin-top: -1px;*/



}



/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)



	the bottom border of the navBar in cases where they "touch" */







#siteInfo img{



	padding: 4px 4px 4px 0px;



	vertical-align: middle;



}











/************* #search styles ***************/







#search{



	padding: 5px 0px 5px 10px;



	/*background-color: #eeeeee;



	border-bottom: 1px solid #cccccc;*/



	font-size: 90%;



}







#search form{



 margin: 0px;



 padding: 0px;



}







#search label{



	display: block;



	margin: 0px;



	padding: 0px;



}











/*********** #navBar link styles ***********/







#navBar ul a:link, #navBar ul a:visited {display: block;}



#navBar ul {list-style: none; margin: 0; padding: 0;}







/* hack to fix IE/Win's broken rendering of block-level anchors in lists */



#navBar li {border-bottom: 1px solid #F5F5F5;}







/* fix for browsers that don't need the hack */



html>body #navBar li {border-bottom: none;}











/*********** #sectionLinks styles ***********/







#sectionLinks{



	/*position: relative;



	margin: 0px;



	padding: 0px;



	border-bottom: 1px solid #cccccc;



	background-color: #eeeeee;*/



	margin: 0px;



	padding: 0px 0px 0px 10px;



	font-size: 70%;
	font: bold;
 



}







#sectionLinks h3{



	padding: 2px 0px 2px 0px;



}







#sectionLinks a:link{



	padding: 4px 0px 2px 0px;



	/*border-top: 1px solid #cccccc;*/



	width: 100%;



  voice-family: "\"}\""; 



  voice-family:inherit;



	width: auto;



}







#sectionLinks a:visited{



	/*border-top: 1px solid #cccccc;*/



	padding: 4px 0px 2px 0px;



}







#sectionLinks a:hover{



	/*border-top: 1px solid #cccccc;*/



	background-color: #c7e200;



	padding: 4px 0px 2px 5px;



}











/*********** .relatedLinks styles ***********/







.relatedLinks{



	margin: 0px;



	padding: 0px 0px 5px 10px;



	font-size: 70%;



}







.relatedLinks h3{



	padding: 10px 0px 2px 0px;



}











/************** #advert styles **************/







#advert{



	padding: 10px 0px 0px 10px;



	font-size: 80%;



	border-top: 1px solid #cccccc;



}







#advert img{



	display: block;



}











/************** #headlines styles **************/







#headlines{



	margin: 0px;



	padding: 10px 0px 20px 10px;



	font-size: 80%;



}







#headlines p{



	padding: 5px 0px 5px 0px;



}
















