/* CSS Document */

html{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0;}

body{margin:0px auto; background-color:#3D556B;  }

/* -- Main Layout Structure -- */
	#container { margin:0 auto; width:920px; text-align:center;}
	#pagebody {float:left; width:920px; padding:10px; background-color:white;}/*need this div layer PNG logo banner over pattern background*/
		#pagebody span {display:none;}/*for image replacement of logo*/
		#pagebody h3 {font-size:12px; color:#333; margin-left:0px; padding-left:25px; padding-right:25px; text-align: left;}	
	#banner {float:left; width:920px; height:140px; margin:0px; background-image:url(img/banners/banner.jpg); background-repeat:no-repeat;}
	#logo a {float:left; width:300px; height:140px; margin:0px; background-color:transparent;}
	#ubar {float: right; width: 100%; height:30px; margin-top:0px; padding-top:10px; text-align:center; }
	#navwrapper {float: right; width:auto; margin:100px 0px 0px 0px; padding-left:10px; background-color:white;}
	#navbar {float: right; width:100%; height:40px; text-align:center;}
	#centerbox {float:right; width:100%; background-color:transparent; margin-top:10px; min-height:400px;}
	
/*for home page only*/	
	#body_a #centerbox {margin-top:10px;}
	#body_a #content { width:920px; height:410px; background-image:url(img/homepage/images_homePage_1.jpg);}
	#columnbox {float:right; width:100%; margin-top:10px;}
	#columnbox h3 {font-size:20px; font-weight:normal; color:white; margin:0px; padding:5px 10px 5px 10px; text-align: left; background-color:#3D556B;}	
	#leftcolumn {float:left; width:310px;}
	#rightcolumn {float:right; width:300px;}
	#centercolumn {float:left; width:290px; margin-left:10px;}

/*for primary nav pages*/	
	#leftpic {float:left; margin:0px; width:200px; height:300px;}
	#content {float:left; margin:0px; width:530px;}

/*for primary pages w/ sub nav and for sub navigation pages, add this div INSIDE the content div */	
	#sublinks {float:right; margin:0px; width:160px; background-color:#DADBDF;}

/* -- footer -- */
	#footerBlock {clear: both; margin:15px 0px 5px 10px; width:100%; float:left; background-color:transparent;}
	#footerBlock p {font-size:11px; color:white; padding-top:0px; padding-left:0px;}
	#footerBlock a:link, #footerBlock a:visited {color:#E86D1F;}
	#footerBlock a:hover {color:white;}
	
/* -- Utility Navigation -- */
	#unav {margin:0px 20px 0px 0px; padding:0px; list-style-type:none; float:right; background-color:transparent;}
	#unav li, #subnav li {margin:0; padding:0; float:left;}
	#unav a {float: left; width:80px; color:white; text-decoration:none; border-bottom:none; text-align:right; font-size:11px; line-height:2;}
	#unav a:hover {color:#E86D1F;}   

/* -- Main Navigation -- */
	#nav {margin:10px 0px 0px 0px; padding:0px; list-style-type:none; float:left; background-color:#3B3E4D;}
	#nav li, #subnav li {margin:0; padding:0; float:left;}
	#nav a {float: left; width:120px; color:white; text-decoration:none; border-bottom:none; text-align:center; font-size:16px; font-weight:normal; line-height:2;}
	#nav a:hover {background-color:#3D556B;}  
	
/* -- Sub Navigation -- */
	#subnav {margin:0px; padding:0px; list-style-type:none; float: left; background-color:transparent;}
	#subnav a {float:left; width:140px; color:#3D556B; text-decoration: none; border-bottom:1px solid #3D556B; text-align: left; margin:10px; font-size:11px; background-color:none;}
	#subnav a:hover {background-color:none; color:white; border-bottom:1px solid white;}  
	
/* -- Body id's for "You Are Here" Nav/Sub Nav cues -- */

	/* -- These make the utility nav text ORANGE when "up" -- */
	#body_a #unav_one a, #body_b #unav_two a, #body_c #unav_three a {color:#E86D1F;}
	/* -- These make the utility subnav text ORANGE and underlined when "up" -- */
	#body_b #nav_sub1 a, #body_one #nav_sub1 a, #body_two #nav_sub1 a, #body_three #nav_sub1 a, #body_four #nav_sub1 a, #body_five #nav_sub1 a
	{color:#E86D1F; border-bottom:1px solid #E86D1F;}
	
	/* -- These make the primary nav tabs ORANGE BACKGROUND when "up" -- */
	#body_one #nav_one a, #bodyone_sub2 #nav_one a, #bodyone_sub3 #nav_one a, #bodyone_sub4 #nav_one a, #bodyone_sub5 #nav_one a,
	#body_two #nav_two a, #bodytwo_sub2 #nav_two a, #bodytwo_sub3 #nav_two a, #bodytwo_sub4 #nav_two a, #bodytwo_sub5 #nav_two a, 
	#body_three #nav_three a, #bodythree_sub2 #nav_three a, #bodythree_sub3 #nav_three a, #bodythree_sub4 #nav_three a, #bodythree_sub5 #nav_three a,
	#body_four #nav_four a, #bodyfour_sub2 #nav_four a, #bodyfour_sub3 #nav_four a, #bodyfour_sub4 #nav_four a, #bodyfour_sub5 #nav_four a, 
	#body_five #nav_five a, #bodyfive_sub2 #nav_five a, #bodyfive_sub3 #nav_five a, #bodyfive_sub4 #nav_five a, #bodyfive_sub5 #nav_five a 
	{background-color:#E86D1F; color:white;}
	
	/* -- These make the subnav links ORANGE TEXT and UNDERLINED when "up" -- */
	#body_one #nav_sub1 a, #bodyone_sub2 #nav_sub2 a, #bodyone_sub3 #nav_sub3 a, #bodyone_sub4 #nav_sub4 a, #bodyone_sub5 #nav_sub5 a, #bodyone_sub6 #nav_sub6 a,
	#body_two #nav_sub1 a, #bodytwo_sub2 #nav_sub2 a, #bodytwo_sub3 #nav_sub3 a, #bodytwo_sub4 #nav_sub4 a, #bodytwo_sub5 #nav_sub5 a, 
	#body_three #nav_sub1 a, #bodythree_sub2 #nav_sub2 a, #bodythree_sub3 #nav_sub3 a, #bodythree_sub4 #nav_sub4 a, #bodythree_sub5 #nav_sub5 a,
	#body_four #nav_sub1 a, #bodyfour_sub2 #nav_sub2 a, #bodyfour_sub3 #nav_sub3 a, #bodyfour_sub4 #nav_sub4 a, #bodyfour_sub5 #nav_sub5 a,
	#body_five #nav_sub1 a, #bodyfive_sub2 #nav_sub2 a, #bodyfive_sub3 #nav_sub3 a, #bodyfive_sub4 #nav_sub4 a, #bodyfive_sub5 #nav_sub5 a
	{color:#E86D1F; border-bottom:1px solid #E86D1F;}


/* -- Banners for Prim. Nav Pages -- */

/*WHO WE ARE*/ #body_one #banner, #bodyone_sub2 #banner, #bodyone_sub3 #banner, #bodyone_sub4 #banner, #bodyone_sub5 #banner {background-image:url(img/banners/banner.jpg);}
/*PROGRAMS*/ #body_two #banner, #bodytwo_sub2 #banner, #bodytwo_sub3 #banner, #bodytwo_sub4 #banner,#bodytwo_sub5 #banner {background-image:url(img/banners/banner.jpg);}
/*GET INVOLVED*/ #body_four #banner, #bodyfour_sub2 #banner, #bodyfour_sub3 #banner, #bodyfour_sub4 #banner, #bodythree_sub5 #banner {background-image:url(img/banners/banner.jpg);}
/*DONATE*/ #body_five #banner, #bodyfive_sub2 #banner, #bodyfive_sub3 #banner, #bodyfive_sub4 #banner, #bodyfive_sub5 #banner {background-image:url(img/banners/banner.jpg);}
/*CONACT*/ #body_b #banner, #bodyb_sub2 #banner, #bodyb_sub3 #banner, #bodyb_sub4 #banner, #bodyb_sub5 #banner {background-image:url(img/banners/banner.jpg);}
/*MISSION*/ #body_c #banner, #bodyc_sub2 #banner, #bodyc_sub3 #banner, #bodyc_sub4 #banner, #bodyc_sub5 #banner {background-image:url(img/banners/banner.jpg);}


/* -- Typography -- */
p {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#3B3E4D;
	text-align:left;
	padding:0px 30px 10px 20px;
	line-height:1.25em;
	margin:0px;
	}
		
h1 {
	font-size:22px;
	color:#3D556B;
	margin:0px;
	padding:30px 30px 15px 20px;
	text-align: left;
	text-transform:none;
	line-height:1.25em;
	}	
	
h2 {
	font-size:14px;
	color:#3D556B;
	margin:0px;
	padding:10px 30px 10px 30px;
	text-align: left;
	text-transform:none;
	line-height:1.25em;
	}
	

a:link {color:#E86D1F; text-decoration:none; }	
a:visited {color:#E86D1F; text-decoration:none; }
a:hover {color:#3D556B; text-decoration:underline;}	
a:active {color:#3D556B; text-decoration:underline;}

ol {margin-top:0px; width:300px;}	

.bold {font-weight:bold; color:#3D556B;}

.italic {font-style:italic; color:#3D556B;}
		
.numberbullets {
	text-align:left;
	list-style-position:outside;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#3B3E4D;
	text-align:left;
	padding:0px 30px 10px 10px;
	line-height:1.25em;
	margin:0px 0px 10px 20px;
	}