@charset "UTF-8";
body {
	font:"Lucida Bright", Georgia, "Times New Roman", Times, serif;
	background:#242021 url(images/bodybg.png) top repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a:link{
	text-decoration:none;
	color:#0066CC;}
a:visited{
	text-decoration:none;
	color:#003399;}
a:hover{
	color:#0066FF;
	text-decoration:none;}

a:active{
	text-decoration:none;}
img {
	border:none;}
	
#container {
	width: 879px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	height:428px;
	background:none;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	z-index:1;
	position:relative;}

#nav{
	height:225px;
	background:url(images/navbar.png) top center no-repeat;
	z-index:2;
	margin-top:-223px;
	position:relative;	

}

#mainContent {
	padding: 15px 0px 15px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:url(images/shadow.png) center repeat-y;
	margin-top:0px;
}
#left{
	width:605px;
	display:block;
	float:left;
	clear:right;
	padding: 0px 10px 15px 15px;
}
#right{
	width:220px;
	display:block;
	float:left;
	clear:right;
	padding: 0px 10px 0px 0px;
}
#right img{
	padding-bottom:10px;
}
#center{
	width:820px;
	padding:25px;
	width:95%;
}
.eventdes{
	 width:100%;
	 padding:0px;	
	 display:block;}
.heading{
	font-size:18px;
	color:#000;
	display:block;
	padding:25px 0px 5px 0px;
	line-height:normal;
	margin:0px;
	width:70%;
}
.givemespace{
	display:block;
	margin-bottom:25px;}
.dateetc{
	font-size:18px;
	color:#900;
	display:block;
	line-height:normal;
	margin:0px;
	padding:0px 0px 5px 0px;
	width:75%;
}
.subhead{
	font-size:18px;
	color:#666;
	display:block;
	line-height:normal;
	margin:0px;
	padding:0px;
	width:70%;
	}


 #footer {
	width:854px;
	height:55px;
	display:block;
	background:#181818;
	margin:0px 0px 0px 10px;
	padding: 5px 0px 30px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
}
 #footer p {
 	color:#fff;
	font-size:14px;
}

#footer a:link{
color:#FF3300;}
#footer a:visited{
color:#FF3300;}
#footer a:active{
color:#FF3300;}
#footer a:hover{
color:#ccc;}
.promo {
font-size:11px;
color:#F2F2F2;
font-family:Arial, Helvetica, sans-serif;
padding-top:8px;
display:block;
}
#bottomcontent {
	background:url(images/shadowbottom.png) center no-repeat;
	height:22px;
	margin:0px;
	padding:0px;}


.intro{
	font-size:20px;
	color:#666;
	display:block;
	width:514px;
	padding:0px 0px 15px 35px;
	font-family:"Lucida Bright", Georgia, "Times New Roman", Times, serif;
}
.regular{
	padding-left:35px;
	padding-right:25px;
	text-align:justify;}
	
/*Menu*/
ul.menu {list-style:none; margin:0; margin-left:5px;padding:0;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#fff; text-decoration:none; height:35px;padding:0px;}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:35px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:none; border-top:none; width:162px; margin:0;}
ul.menu ul li a {display:block; height:20px; padding:5px; background-color:#333;font:10px Helvetica, Arial, Verdana, sans-serif;}
ul.menu ul li a:hover {background-color:#FF3300;}
ul.menu ul ul {left:148px; top:-1px;}
ul.menu .menulink {border:none; padding:0px 3px 0px 0px;}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/menu/mactive.png) repeat-x;}

ul.menu .sub {background:#333 136px 8px no-repeat}


.red{
	color:#CC3300;
	padding-left:25px;
	font-size:20px;}
	
table {
	font:12px Helvetica,Arial,Verdana;
	line-height:1.5;}
table .top
	{padding-top:30px;
	padding-bottom:5px;}
	
table .darkgrey
	{background:#333;
	color:#fff;}
	
table .lightgrey{
	background:#161616;
	color:#fff;}
.tablehead {
	background:url(images/tabletop.png) left bottom no-repeat;}
	
.fancy{
	font-family:"Lucida Bright", Georgia, "Times New Roman", Times, serif;
	}
.stillwhite a:link{
	color:#fff;
	text-decoration:none;}
	
.stillwhite a:visited{
	color:#CCCCCC;}
.stillwhite a:hover{
	color:#CC3300;}


.letter{
	font: 32px "Lucida Bright", Georgia, "Times New Roman", Times, serif;
	color:white;
	background:#000;
	padding:15px;}
.letter a:link{
	color:#fff;}
.letter a:hover{
	color:#fff;}
.letter a:visited{
	color:#fff;}
	
.volunteer{
	padding-left:25px;
	color:#333333;
	border:2px solid #333;
	font-size:14px;}
	
.volunteertype{
	color:#CC3300;
	font-size:18px;}
.volunteerhead{
	color:#fff;
	font-size:22px;
	background:#000;}
	
.dontdrift
{width:80%;
display:block;}
.oneColFixCtrHdr #container #mainContent #center .heading strong {
	font-family: Arial, Helvetica, sans-serif;
}
.color {
	color: #800040;
}
.oneColFixCtrHdr #container #mainContent #center p .darkgrey strong {
	color: #400000;
}
.oneColFixCtrHdr #container #mainContent #center p u {
	color: #000;
}