/* CSS Document */
body		{margin: 0; padding: 0; background: black url(../images/cdp_hinverse.jpg) right top no-repeat; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}


a	{font-weight: bold; text-decoration: none; color: white; font-size: 1.1em;}
a:hover {text-decoration: underline;}

div#text	{background: black; margin:  10px 180px 15px 205px;}

div#nav		{float: left; background: #304000; width: 200px; margin: 0; padding-top: 20px; padding-bottom: 0px; border-top: 5px solid #C9DCF4; border-bottom: 15px solid #C9DCF4;}

div#nav a 			{	display: block;
								width: 190px;  
								padding: 5px; 
								margin: 0;
								color: white; 
								text-decoration: none;
								border-bottom: 1px solid #C9DCF4;
								}
								
div#nav a:hover	{background: white; color: black;}
								
div#nav a.sub 	{	color: white;
								text-align: right;
								text-decoration: none;
								font-weight: normal;
								 margin-left: 15px;
								 width: 175px;}
								 
div#nav a.sub:hover	{background: white; color: black; }

div#nav a.extra		{font-style: italic; font-weight: normal; padding-top: 15px; padding-bottom: 5px;; color: white; border: 0px;}

div#tools	{		float: right; 
					background: black; 
					width: 175px; 
					margin-top: 175px; 
					margin-right: 0; 
					padding-top: 20px; 
					padding-bottom: 0px;
					border-top: 5px solid #C9DCF4; 
					border-bottom: 15px solid #C9DCF4;}
div#tools a		{display: block; width: 175px; padding: 5px; margin: 0; color: white; text-decoration: none; border-bottom: 1px solid #C9DCF4;}
div#tools a:hover	{background: white; color: black}
div#tools a.extra		{font-style: italic; font-weight: normal; padding-top: 15px; padding-bottom: 5px;; color: white; border: 0px; background: black; font-size: 1em; padding: 0.25em; }

h1		{	color: white;
				font-weight: normal; 
				font-size: 1.5em;
				border-bottom: 1px solid white;
				text-align: right; 
				margin: 0px 0px 10px 0px; 
				padding: 0.25em 0.5em 0.25em 0em; 
				background: none;
				}
				
h2	{	font-weight: bold; font-size: 1.25em; color: white; margin: 0px 0px 10px 0px;
			padding: 10px 10px 5px 5px; border-bottom: 1px solid white;}
			
h3	{	color: white; margin: 0px 0px 10px 0px; padding: 10px 10px 2px 5px; font-weight: normal;}
h4 	{margin: 0px 0px 10px 0px; padding: 10px 10px 2px 5px; }

p	 		{	margin: 0px 10px 20px 10px;}

p.box 	{	width: 300px; background: #304000; color: white; padding: 1em;}

p.picture		{background: black; vertical-align: top; border: 1px solid white; font-size: 1.2em;}
p.picture img				{margin-top: 5px; margin-left: 5px; margin-right: 0px; margin-bottom: 5px; vertical-align: top; }

a.list		{margin: 0; padding: 0; color: white; }

li			{padding: 0.25em; color: white;}

table.menu	{background: black; margin-bottom: 1em;} 
table.menu td	{background: #304000; width: 50%; padding: 0.25em; }
table.menu td a {font-weight: normal; color: white;}

div.bar	{background: #304000; padding: 0.25em; text-align: right; color: white;}
div.bar a	{color: white;}
div.bar a: visited {color: white;}

div.top		{border-top: 1px solid white; color: white; padding: 0.5em; text-align: right;}

div#footer	{margin-top: 2em; border-top: 1px solid white; color: white; padding: 0.5em; text-align: right;}

table#funders	{border: 0px; width: 600px;}
table#funders td.wcc {background: url(../images/wcc_inverse.jpg) right top no-repeat; height: 100px; width: 50%;}
table#funders td.cdp {background: url(../images/cdp_inverse.jpg) right top no-repeat; height: 100px; width: 50%;}
table#funders td.rw {background: url(../images/routewayslogo.jpg) right top no-repeat; height: 100px; width: 50%;}