@charset "UTF-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, ul, li, table, tr, td, div, span {
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;}


/*GENERAL*//*-------------------------------------------------------------------------*/
.clear-both {
	height: 0px;
	clear:both;}
.clear-right {
	clear:right;}

body {
	background: #7e99b1 url(images/pg-bg.jpg) top left repeat-x;}
	
.wrapper {
	margin: 15px 0 0 0;
	background-color:#e2ceba;
	width: 800px;
	margin:0 auto;
}

/*TOP SECTION*//*-------------------------------------------------------------------------*/
.top-section {
	margin: 0 0 0 0;
	background:url(images/top-section-bg.jpg) top center no-repeat;
	width: 800px;
	height: 357px;}
.mast-head {
	height:77px;
	}
.mast-head h1 {
	text-indent:-3000px;}
	
.event-info{
	margin: 15px 0 0 25px;}
	
.event-info h2{
	padding:0px;
	margin: 0px;
	float:left;
	width: 260px;
	font: 38px"Times New Roman", Times, serif;
	color:#bcaa92;}
	
	.event-info h2 .when {
		color:#183452;}
		
	.event-info div.time-details {
		margin-top:4px;
		color:#bcaa92;
		font: 14px"Times New Roman", Times, serif;
		float: left;
		}
	
.event-info h3{
	font: 22px"Times New Roman", Times, serif;
	line-height: 1.3em;
	color:#bcaa92;}
	
	.event-info h3 .where {
		color:#183452;}

.event-info h4{
	font: 20px"Times New Roman", Times, serif;
	line-height: 1.4em;
	color:#bcaa92;}
	
	.event-info h4 .donation {
		color:#183452;}

.event-info p, .event-info p a {
	margin-top: 1em;
	width: 370px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color: #e6d2b8; }

.event-info p a:hover {
	text-decoration:none;}
	
/*MAIN CONTENT*//*-------------------------------------------------------------------------*/
.main-content{
	background:url(images/main-content-bg.jpg) top center no-repeat;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	height:auto;
}
.main-content p{
	margin: 0px 0 0 25px;}
.rsvp {
	height:34px;
	background: #183452;
	width: 270px;
}
.rsvp a{
	display:block;
	height:32px;
	font: 22px "Times New Roman", Times, serif;
	text-decoration:none;
	color: #7894b5;
	padding: 4px 0 0 40px; 
	margin: 0px 0 0 0px;
	background:url(images/rsvp-arrow.gif) left top no-repeat;}
	.rsvp a span{
		font-weight:normal;
		font-size: 16px;}
	.rsvp a:hover{	
		color: #99b0cb;}
.quotes p{
	margin:15px 0 0 25px;
	font: italic 18px Arial, Helvetica, sans-serif;
	color:#8f6c41;
	width: 500px;
	float:left;}
.byline {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #4c361a;
	float:right;}
	
.directions {
	margin:50px 0 0 0;}
.directions h2{
	background:#8f6c41;
	float:left;
	width: 165px;
	height:34px;
	font: normal 22px "Times New Roman", Times, serif;
	text-decoration:none;
	color: #443017;
	padding: 4px 0 0 25px; 
	margin: 0px 0 0 0px;
	}	
.address {
	color: #dac1a6;
	float:left;
	width: 175px;
	height:34px;
	background:#8f6c41 url(images/directions-arrow.gif) left top no-repeat;
	padding: 4px 0px 0 40px;
	margin: 0 0 0 -40px;
	}
.directions h3 {
	font:16px Arial, Helvetica, sans-serif;
	color:#51647a;}
.directions .text {
	width: 450px;}
.directions .text-block{
	width: 200px;
	margin:25px 0 0 25px;
	float:left;
	
	}
.directions p {
	margin:0 0 0 0;
	color:#533d22;
	}
.google-map {
	margin:-32px 0 0 -25px;
	width:325px;
	float:right;}
	
.cd {
	float:right;
	width: auto;
	padding: 0 4px 0 4px;
	margin: 0 25px 0 0px;
	font: bold 12px "Times New Roman", Times, serif;
	color:#183452;
	text-align:center;}
	
	.cd img {
		border: solid 2px #183452;
		margin: 0 0 4px 0px;}
		
.video-wrapper {
	margin:50px 0 0 0;}

.video-wrapper h2{
	background:#8f6c41 url(images/video-arrow.gif) center right no-repeat;
	width: 240px;
	height:34px;
	font: normal 22px "Times New Roman", Times, serif;
	text-decoration:none;
	color: #443017;
	padding: 4px 0 0 25px; 
	margin: 0px 0px 0 0px;
	}	

.video {
	width: 325px;
	margin: 30px 0px 25px 25px;
	float:left;}