/* CSS layout */
body {
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
	text-align: center;
	/*background: #d3d2d1;*/
	background: #000000;
}

img {
	border: 0;
}

p { 
	font-size: 11px; 
	margin: 1em 0.5em 0.5em 0.5em; 
}

h3 { 
	font-size: 11px; 
	margin: 1em 0.5em 0.5em 0.5em; 
}

#h3c {
	text-align: center;
}

h4 {
	font-size: 14px;
	margin: 0.0em 0.5em 0.5em 0.5em;
	text-align: center;
}

h5 {
	font-size: 11px; 
	font-weight: bold;
	margin: 0.5em 0.5em 0.0em 0.5em;
}

h6 {
	font-size: 12px;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-top: 0.0em;
	margin-bottom: 0.0em;
	color: #FF0000;
}

#h4c {
	font-size: 14px;
	margin: 0.0em 0.5em 0.5em 0.5em;
	text-align: center;
}

header_style1 {
	color: #FF0000;
	text-align: center;
}

#h_img {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 0.0em 0.5em 0.5em 0.5em;
}

#middle {
	text-align: center;
}

td {
	vertical-align:top;
}

a {
	color: black;
	text-decoration:underline;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
}

a:hover {
	color: #FF0000;
}

li {
	list-style: decimal;
	padding: 3px 0px 4px 2px;
	margin-bottom: 2px;
	list-style:decimal;
}

#li2 {
	list-style:circle;
	padding: 3px 0px 4px 2px;
	margin-bottom: 2px;
}

#li3 {
	list-style:disc;
	margin-bottom: 0px;
}



#table1 {
	width:750px;
	text-align:left;
	background: #FFFFFF;
	margin-bottom: 2px;
	border: 1px solid black;
	/*height:208px;*/
}

#table2 {
	width: 750px;
	border: 1px solid black;
}

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


#level1 {
	margin: auto;
	text-align: left;
	width: 750px;
	background: #FFFFFF;
	margin-bottom: 2px;

}

#top_nav {
	background: #FF0000;
	text-align: center;
	vertical-align:middle;
	border: 2px solid black;
	width: 746px;
	height: 100px;
}

#top_nav_wide {
	background: #FF0000;
	text-align: center;
	vertical-align:middle;
	border: 2px solid black;
	width: 840px;
	height: 100px;
}


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

#nav_list {
	background: #000000 url(images/menu_select.gif) left center repeat-y;
	padding: 3px 0px 4px 36px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style: none;
}

#nav_selected_list {
	background: #000000 url(images/menu_selected.gif) left center repeat-y;
	padding: 3px 0px 4px 36px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style: none;
}

#nav_text {
	font-size: 12px; 
	font-weight: bold;
	padding: 3px 0px 4px 36px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style: none;
}


#nav a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
}

#nav a:hover {
	color: #FF0000;
}


#contact_link {
	color: black;
	text-decoration:underline;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
	margin: 0.0em 0.5em 0.5em 0.5em;
}


#right_col {
	width: 500px;
	position: absolute;
	left: 250px;
	top: 0px;
	float: right;
}

#right_col li {
	padding: 3px 0px 4px 36px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style: none;
}


#page_content {
	margin-left: 251px;
	float: center;
}

#footer
{
	margin: 0;
	padding: 0;
}


#nav
{
	margin: 0;
	padding: 0;
}


#top_nav
{
	margin: 0;
	padding: 0;
}

#volunteer_temp {
	width: 250px;
	height: 75px;
}

#volunteer {
	width: 250px;
	height: 75px;
}

#volunteer a {
	display: block;
	width: 250px;
	height: 75px;
	background: url(images/volunteerButton.jpg) no-repeat top left;
}

#volunteer a:hover {
	background-position: right;
}

#events {
	padding-bottom: 0.5em;
	color: black;
}

#events h1 {
	background: #FF0000;
}

#events a:hover {
	color: #FF0000;
}


#forms {
	color: black;        
}

#forms h1 {
	background: #000000;
}

#forms img {
	padding-left: 0.5em;
}

#forms a {
	color: black;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
}

#forms a:hover {
	color: #FF0000;
}

#links {
	padding-bottom: 0.5em;        
	color: black;        
}

#links h1 {
	background: #FF0000;
}

#links a {
	color: black;
	text-decoration: none;
	padding-left: 0.5em;
	font-weight: bold;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
}

#links a:hover {
	color: #FF0000;
}


.spacer {
	clear: both;
	font-size: 1px;
	height: 5px;
	margin: 0 0 -4px 0;
}

.red {
	color: #FF0000;
}

.black {
	color: #000000;
}

.lightgray {
	color: #F5F4F3;
}

.white {
	color: #FFFFFF;
}


.right {
	text-align: right;	
}

.more {
	font-weight: bold;
	color: #000000;		
	text-decoration: none;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
}

#large_font {
	font-size: 14px;
}

#volunteer_link  a {
	font-size: 12px;
	font-weight: bold;
	color: red;	
	text-align: center;
	text-decoration: none;
	font-family: tahoma, helvetica, arial, sans-serif;

}

#volunteer_link a:hover {
	color: black;
}

#button_link  a {
	font-size: 12px;
	font-weight: bold;
	color: red;	
	text-align: center;
	text-decoration: none;
	font-family: tahoma, helvetica, arial, sans-serif;

}

#button_link a:hover {
	color: white;
}



#temp {
	margin: 0;
	padding: 0;
}

#temp2 {
	margin: 0;
	padding: 0;
	text-align: center;
}


#temp2 a {
{
   font-size:14px;
   font-family: tahoma, helvetica, arial, sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   width:180px;
   height:30px;
   text-decoration: none;
   background-color:#EE0000;
   border-style:solid;
   border-color:#000000;
   border-width:1px;
   vertical-align:middle;
   text-align: center;
}


#temp2 a:hover {
	color: #000000;
}

#temp3 {
	margin: 0;
	padding: 0;
	text-align: center;
}


#temp3 a {
{
   font-size:11px;
   font-family: tahoma, helvetica, arial, sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   width:180px;
   height:30px;
   text-decoration: none;
   background-color:#EE0000;
   border-style:solid;
   border-color:#000000;
   border-width:1px;
   vertical-align:middle;
   text-align: center;
}


#temp3 a:hover {
	color: #000000;
}

a.volunteer_buttonz {
	/* Sliding right image */
	background: transparent url('button_right.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
	a.volunteer_buttonz span {
	/* Background left image */ 
	background: transparent url('button_left.png') no-repeat; 
	display: block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 5px 18px;
} 
	a.volunteer_buttonz:hover span{
	text-decoration:underline;
}


a.volunteer_button1 {
	clear:both;	
	display:block;	
	float:left;	
	padding:5px;	
	margin:0 10px 10px 0;	
	background:#E9E9E9;	
	border:1px solid #999999;	
	text-decoration:none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;	
	line-height:16px;	
	text-align:center;	
	color:#000066;}
	
a.volunteer_button1:hover {	
	color:#FFFFFF;	
	background:#999999;
}