/* CSS Document */

body  {
	margin: 0px 0px;
	top: 0px;
	left: 0px;
	background: url(images/main_BG.jpg) repeat-x top left;
}

h1  {
	margin-top: 0px;
	margin-bottom: 18px;
	font: bold 18px Arial, Helvetica, sans-serif;
	
}

form  {
	margin-top: 0px;
	margin-bottom: 0px;
}

#main_outline  {
	position: relative;
	margin: auto;
	width: 901px;
	min-height: 700px;
	background: #FFF;
	color: #404040;
	z-index: 1;
}

#gutter_top  {
	position: absolute;
	top: 0px; 
	left: 0px;
	wdith: 901px;
	height: 19px;
	background: url(images/gutter_top.jpg);
}

#gutter_right  {
	position: absolute;
	top: 19px;
	left: 878px;
	width: 23px;
	height: 749px;
	background: url(images/gutter_right.jpg) no-repeat top left;
}


#gutter_left  {
	position: absolute;
	top: 19px; 
	left: 0px;
	width: 24px;
	height: 749px;
	background: url(images/gutter_left.jpg) no-repeat top left;
}

#content_wrapper  {
	background: #FFF;
}

#header  {
	position: relative;
	top: 19px;
	left: 24px;
	width: 854px;
	height: 104px;
	background: url(images/headerBG.jpg); 
}

#menu  {
	position: relative;
	top: 19px;
	left: 24px;
	width: 854px;
	height: 25px;
	background: url(images/menuBG.jpg);
	z-index: 1;
}

#leftCol {
position:relative;
background:#FFFFFF none repeat scroll 0%;
display:block;
left:24px;
top:25px;
width:525px;
height: auto;
clear: both;
}

#rtCol {
position:absolute;
background:#FFFFFF none repeat scroll 0%;
display:table-cell;
float:right;
left:550px;
padding-left:8px;
top:153px;
width:331px;
clear: both;
}

#footer  {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 854px;
	height: 42px;
	background: url(images/bottomNavBG.jpg) no-repeat top left;
	text-align: center;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-top: 15px;
}

#footer table  {
	width: 854px;
	text-align: center;
}
#footer a:link, #footer a:active, #footer a:visited  {
	color: #2B2E31;
	text-decoration: none;
}
#footer a:hover  {
	color: #0E5184;
}

.wrapper  {
	position: relative;
	top: 0px;
	left: 0px;
	background: #FFF;
}

#video  {
	position: relative;
	top: 0px;
	left: 0px;
	width: 321px;
	height: 287px;
}
	
	
.callout_spacer  {
	height: 10px;
}

#copyright_wrapper  {
	position: relative;
	top: 25px;
	margin: auto;
	width: 854px;
	text-align: center;
	font: normal 10px Arial, Helvetica, sans-serif;
}

.content_wrapper  {
	position: relative;
}

.content  {
	padding-left: 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #404040;
	min-height: 280px;
}	


/*  ***   Menu Styles  **** */
.toplink a:link, .toplink a:visited, .toplink a:active  {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #00467C;
	text-transform: uppercase;
	text-decoration: none;
	height: 30px;
}
.toplink a:hover  {
	text-decoration: underline;
	height: 30px;
}

#menu_home  {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 56px;
	height: 25px;
	text-align: center;
	padding-top: 5px;
}

#menu_about  {
	position: absolute;
	top: 0px;
	left: 58px;
	width: 93px;
	height: 25px;
	text-align: center;
	padding-top: 5px;
}

#menu_news  {
	position: absolute;
	top: 0px;
	left: 153px;
	width: 127px;
	height: 25px;
	text-align: center;
	padding-top: 5px;
}

#menu_volunteers  {
	position: absolute;
	top: 0px;
	left: 280px;
	width: 112px;
	height: 20px;
	text-align: center;
	padding-top: 5px;
}

#menu_volunteers ul  {
	position: absolute;
	top: 25px;
	left: 285px;
	visibility: hidden;
	z-index: 1000;
}

#menu_volunteers li  {
	position: relative;
	z-index: 1000;
	visibility: hidden;
}


#menu_resource {
	position: absolute;
	top: 0px;
	left: 392px;
	width: 135px;
	text-align: center;
	padding-top: 5px;
}

#menu_faq {
	position: absolute;
	top: 0px;
	left: 527px;
	width: 63px;
	text-align: center;
	padding-top: 5px;
}

#menu_contact {
	position: absolute;
	top: 0px;
	left: 592px;
	width: 82px;
	text-align: center;
	padding-top: 5px;
}

#menu_report {
	position: absolute;
	top: 0px;
	left: 674px;
	width: 115px;
	text-align: center;
	padding-top: 5px;
}

#menu_donate {
	position: absolute;
	top: 0px;
	left: 792px;
	width: 62px;
	text-align: center;
	padding-top: 5px;
	color: #F21622;
}
#menu_donate a:link, #menu_donate a:active, #menu_donate a:visited  {
	color: #F21622;
	text-decoration: none;
}
#menu_donate a:hover  {
	color: #F21622;
	text-decoration: underline;
}

.downMenu {
	z-index: 50;
	width: 150px;
	height:25px;
	border: 1px solid #7FA2BD;
	padding: 4px 4px;
}

.downMenu a:link {
	width: 150px;
	height: 25px;
	color: #7FA2BD;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	z-index: 50;
	padding: 4px 4px;
}

.downMenu a:visited {
	width: 150px;
	height: 25px;
	color: #7FA2BD;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	z-index: 50;
	padding: 4px 4px;
}

.downMenu a:hover {
	width: 150px;
	height: 25px;
	color: #00467C;
	text-decoration: underline;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	z-index: 50;
	padding: 4px 4px;
}

.downMenu a:active {
	width: 150px;
	height: 25px;
	color: #7FA2BD;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	z-index: 50;
	padding: 4px 4px;
}

#layer0  { position: absolute; left: 25px; top: 23px; visibility: hidden; z-index: 40; background: #FFF; border: 1px solid #7FA2BD;  }
#layer1  { position: absolute; left: 55px; top: 23px; visibility: hidden; z-index: 40; background: #FFF; border: 1px solid #7FA2BD;  }
#layer2  { position: absolute; left: 152px; top: 23px; visibility: hidden; z-index: 40; background: #FFF; border: 1px solid #7FA2BD;  }
#layer3  { position: absolute; left: 280px; top: 23px; visibility: hidden; z-index: 40; background: #FFF; border: 1px solid #7FA2BD;  }
#layer4  { position: absolute; left: 285px; top: 23px; visibility: hidden; z-index: 40; background: #FFF; border: 1px solid #7FA2BD;  }
#layer5  { position: absolute; left: 285px; top: 23px; visibility: hidden; z-index: 40; background: #FFF; border: 1px solid #7FA2BD;  }
#layer6  { position: absolute; left: 285px; top: 23px; visibility: hidden; z-index: 40; background: #FFF; border: 1px solid #7FA2BD;  }
#layer7  { position: absolute; left: 285px; top: 23px; visibility: hidden; z-index: 40; background: #FFF; border: 1px solid #7FA2BD;  }
#layer8  { position: absolute; left: 285px; top: 23px; visibility: hidden; z-index: 40; background: #FFF; border: 1px solid #7FA2BD;  }


.copyright {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #404040;
}
a.copyright {
	color: #404040; 
	text-decoration: none;
}
a.copyright:hover {
	color: #404040; 
	text-decoration:underline;
} 
a.copyright:active {
	color: #404040; 
	text-decoration:underline;
} 
a.copyright:visited {
	color: #404040; 
	text-decoration:none;
}

.botlinktext  {
	text-align: center;
}