/* CSS Document for the One D Scorecard */

/* --------------- GLOBAL STYLES /* ---------------*/

* {margin:0; padding:0;}

body {background:url(../images/mainBG.jpg) repeat-x #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

p {margin-bottom:10px;}

h1 {font-size:16px; margin:20px 0 10px 0;}

img {border: none;}

.flt_left {float:left;}

.flt_right {float:right;}

#container {width:960px; margin:0 auto;}

#header {width:100%; height:110px;}
	
	#nav {height:30px; list-style:none; float:right;}
		#nav li {float:left;}
			#nav li a, #nav li a:visited {display:block; height:23px; padding:7px 10px 0 10px; text-align:center; color:#fff; text-decoration:none; border-right: 1px solid #666;}
			#nav li a:hover, #nav li a.selected {background:url(../images/nav_select.jpg) repeat-x; color:#333;}
			.methodology {width:75px;}
			.oneD {width:40px;}
			.nei {width:30px;}
			.partners {width:102px;}
			
	a img#logo {margin-top:37px; border:none;}
	
	#presented {float:right; margin:7px 0 0 563px;; height:65px;}
		#presented h4 {color:#666; font-size:10px; font-weight:normal; padding-bottom:3px;}
		#presented hr {color:#666; border-collapse:collapse;}
		
ul#flexNav {position:relative; width:100%; height:40px; background:url(../images/flexNav_BG.jpg) repeat-x; list-style:none; margin-top:10px;}
	ul#flexNav li#fn_left {position:absolute; top:0; left:0;}
	ul#flexNav li#fn_right {position:absolute; top:0; right:0;}
	ul#flexNav li {float:left;}
	ul#flexNav li a, ul#flexNav li a:visited {display:block; height:20px; margin:0 15px 0 10px; padding:9px 0 0 25px; color:#000; font-size:10px; text-align:center; text-decoration:none; background-repeat:no-repeat;}
		.education {background-image:url(../images/g_education.jpg); background-position:10px 7px; width:180px;}
		.economic {background-image:url(../images/g_economic.jpg); background-position:6px 7px; width:142px;}
		.life {background-image:url(../images/g_life.jpg); background-position:20px 7px; width:128px;}
		.race {background-image:url(../images/g_race.jpg); background-position:26px 7px; width:142px;}
		.transit {background-image:url(../images/g_transit.jpg); background-position:7px 7px; width:118px;}
	ul#flexNav li a:hover {text-decoration:underline;}
		
/* --------------- INDEX STYLES ---------------*/

#index_content {clear:both; width:100%; height:540px;}
	#headingTop{ height:40px; width: 100%;}
	.topThanks { text-align: center; font-size: 12px; font-weight: bold;}
	#logoQuad1 {width: 460px; height: 220px; float: left; padding: 0 10px;}
	#logoQuad2 {width: 460px; height: 220px; float: left; padding: 0 10px;}
	#logoQuad3 {width: 460px; height: 220px; float: left; padding: 0 10px;}
	#logoQuad4 {width: 460px; height: 220px; float: left; padding: 0 10px;}
	#bottomThanks { width: 100%; height: 60px; clear:both;}
	
	#index_left {float:left; width:450px; height:540px;} 
		#index_left img {margin-top:50px;}
		
	#index_right {float:left; width:500px; height:540px; display:inline; padding: 0 10px 0 0;}
	
		#index_right a, #index_right a:visited {color:#566524;}
		#index_right a:hover {text-decoration:none;}
		#index_right a img {border:none; margin:5px 0 0 10px;}

#content_box { width:398px; float:right; clear:both;}

h1.home_header {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:30px; background:url(../images/index_header_BG.png) no-repeat; width:398px; height:50px; padding:10px 0 0 10px;} 

p.home_paragraphs {width:313px; margin:-20px 0 0 0; padding:10px 70px 20px 15px; border-bottom:solid 1px #666; background:url(../images/content_box_BG.png) repeat-y;}


/* --------------- INNER STYLES ---------------*/

ul.inner {margin:0 0 10px 35px; line-height:18px; list-style:square;}

ol.inner {margin:0 0 10px 35px; line-height:18px;}	

	
/* --------------- FOOTER STYLES ---------------*/

#footer {width:100%; position:relative;}

	#footer span {display: block; position: relative; top:25px; left:0; color:#999; font-size:9px;}
		#footer span a, #footer span a:visited  {color:#999;}
		#footer span a:hover {text-decoration:none;}
	
	#footer a img {margin-right: 10px; border:none;}
		#footer img#first_logo {margin-left: 304px;}