/* CSS Document */

body {
	background-image: url(images/bgcolor.jpg);
	text-align:center;
}

p {
	padding:0px;
	margin:0px;
	font-family: Helvetica, Arial, sans-serif;
}

div {
	font-family: Helvetica, Arial, sans-serif;
	padding:0px;
	margin:0px;
}

em {
	font-style:italic;
}

ul {
	padding:0px;
	margin:0px;
}

li {
	font-family: Helvetica, Arial, sans-serif;
	padding:0px;
	margin:0px;
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 10px 10px 10px;
	margin: auto;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	color:#cc0000;
	padding: 0px;
	margin:10px 0 10px 10px;
}

td {
	text-align:left;
}

#main_container_admin_update {
	text-align:center;
	padding: 0px;
	margin: auto;
	width: 1200px;
}

#main_container_admin_top {
	padding: 0px;
	margin: auto;
	background-image:url(images/admin_header.jpg);
	background-repeat:no-repeat;
	height: 49px;
}

#main_container_admin_bottom {
	padding: 0px;
	margin: auto;
		background-image:url(images/admin_footer.jpg);
	background-repeat:no-repeat;
	height: 67px;
}

#main_container_splash {
	text-align:left;
	padding: 0px;
	margin: auto;
	background-image: url(images/splash_paper_bag.jpg);
	background-repeat: no-repeat;
	width: 1024px;
	height: 700px;
}

#main_container_general {
	text-align:left;
	padding: 0px;
	margin: auto;
	width: 1024px;
}

#main_container_admin {
	background-image:url(images/admin_table_body.jpg);
	background-repeat:repeat-y;
	text-align:center;
	padding: 0px;
	margin: auto;
	height:1200px;
	width: 950px;
}

#main_container_admin_filter {
	text-align:center;
	padding: 0px;
	margin: auto;
	width: 1200px;
	height:auto;
}

#admin_filter_top {
	padding:0px;
	margin:auto;
	height:60px;
}

#content_container_admin_filter {
	padding:0 0 0 50px;
	margin:auto;
	text-align:left;
}

#content_container_admin_filter p {
	font-family: Helvetica, Arial, sans-serif;
	padding:0px;
	margin:auto;
}

#admin_filter_footer {
	padding:0px;
	margin:0 0 0 1px;
	height:73px;
}

#title_container {
	padding:0px;
	margin:auto;
}

#menu_bar {
	padding:0px;
	margin:auto;
	background-image:url(images/volunteer_menu_bar.jpg);
	background-repeat:no-repeat;
	height:57px;
}

#navlist li {
display: inline;
list-style-type: none;
padding-left:20px;
}

#navlist.active {
	text-decoration:underline;
}

#content_top {
	padding:0px;
	margin:auto;
	background-image:url(images/volunteer_body_top.jpg);
	background-repeat:no-repeat;
	height:25px;
}

#content_container {
	padding:0px;
	margin:auto;
	background-image:url(images/volunteer_body_repeat.jpg);
	background-repeat:repeat-y;
	height:auto;
}

#content_container_admin {
	padding:20px 50px 0 50px;
	margin:auto;
	text-align:left;
}

#content_container h1 {
	padding: 0 0 10px 30px;
	margin: 0px;
}

#content_container p {
	font-family: Helvetica, Arial, sans-serif;
	padding: 0 0 20px 30px;
	margin: 0px;
}

#alert_container {
	font-family: Helvetica, Arial, sans-serif;
	width:900px;
	padding: 0 100px 20px 0;
	margin: auto;
	text-align: center;
	font-size: 24px;
	font-weight:bold;	
}

#alert_container p {
	font-family: Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:red;
}

#text_container {
	float:left;
	padding: 0px;
	margin: 0 0 0 30px;
	width: 650px;
}

#text_container_calendar {
	float:right;
	padding: 0px;
	margin: 0 130px 0 0;
	width: 650px;
	height: 600px;
}

#text_container_map {
	float:left;
	padding: 0px;
	margin: 0 0 0 30px;
	width: 870px;
	height: 1795px;
}

#text_container_donate {
	padding: 0px;
	margin: 0 0 0 30px;
	width: 870px;
}

#text_container_about {
	float:right;
	padding: 0px;
	margin: 0 130px 0 0;
	width: 675px;
}

#member_information_container {
	float:left;
	padding:0px;
	margin:0px;
}

#slideshow_container {
	padding: 0px;
	margin: 30px 0 0 325px;
	width: 320px;
	height: 300px;
}


#member_login {
	float:right;
	padding: 80px 0 0 5px;
	margin: 0 125px 0 0;
	width: 195px;
	height: 195px;
	background-image:url(images/volunteer_member_box.jpg);
	background-repeat:no-repeat;
	text-align:center;
}

#splash_links {	
	padding: 0px;
	margin-left: 40px;
	width: 880px;
	height: 276px;
	background-image:url(images/splash_wht_button_box.jpg);
}

#splash_links img{
	padding:0px;
	margin: 45px 0 0 60px;
}	

#sponsor_social_logos {
	padding:0px;
	margin:auto;
}

#social_logos {
	padding:0 0 0 90px;
	margin:0px;
	width: 200px;
	float:left;
}

#sponsor_logos {
	font-family: Helvetica, Arial, sans-serif;
	padding: 7px 0 20px 0;
	margin:auto;
	float:left;
	text-align:center;
}

#footer_container {
	padding:0px;
	margin:auto;
	height:96px;
	background-image:url(images/volunteer_footer.jpg);
	background-repeat:no-repeat;
}

#footer_container_about {
	padding:0px;
	margin:auto;
	height:96px;
	background-image:url(images/volunteer_footer.jpg);
	background-repeat:no-repeat;
}

#footer_container p {
	font-family: Helvetica, Arial, sans-serif;
	padding-right:100px;
	margin-left:-30px;
	text-align: center;
	font-size:14px;
}

#footer_container_about p {
	font-family: Helvetica, Arial, sans-serif;
	padding:-20px 0 0 30px;
	margin:0 0 0 -125px;
	text-align: center;
	font-size:14px;
}

#footer_container_splash {
	padding:0px;
	margin:auto;
	height:75px;
}

#footer_container_splash p {
	text-align: center;
	font-size:14px;
	padding-right:100px;
}

#footer_image {
	
}

#navcontainer {	
	float:left;
}

#navcontainer ul { 
	list-style-type: none; 
}

.clear {
	clear:both;
}

.nav_img {
	padding: 3px 0 2px 0;
}

.form_label {
	text-align:right;
}

.county_section {
	text-align:center;
}

.main_list {
	padding: 0 0 0 40px;
	margin: auto;
	font-weight:bolder;
}

.sub_list {
	padding-left: 15px;
	margin: auto;
}

.list {
	padding-left:50px;
}

.sponsor td{
	text-align:center;
}

//this is for the slideshow on the about us pages

div#show3 {
background-color:#efefef;
width:140px;
margin:0 auto;
border:1px solid #444444;
}
div#show3 table td, div#show4 table td {
height:24px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input,  div#show4 table input {
outline-style:none;
}
.style1 {font-family: Arial, Helvetica, sans-serif}

//making the form labels appear in the fields this information was located at: http://www.alistapart.com/articles/makingcompactformsmoreaccessible

form#login {
	padding:6px;
	position:relative;
	border:1px solid grey;
}
 
div#username,
div#password {
	position:relative;
	float:left;
	padding-left:5px;
	margin-right:3px;
}
 
input#username-field,
input#password-field {
	width:10em;
}
 
label.overlabel {
	color:#999;
}
label.overlabel-apply {
	position:absolute;
	top:3px;
	left:15px;
	z-index:1;
	color:#999;
}