body {
	background-image:url(/images/homepattern.jpg);
	margin:0px;
	background-color:#000000;
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:0px;
	scrollbar-track-color:#330000;
}
#exterior {
	width: 830px;
	margin-top:0px;
}
#header {
height: 100px;
	text-align: center;
	vertical-align: middle;
}
#nav {
	height: 30px;
	width: 100%;
	text-align: center;
	padding-top:10px;
	color:#000033;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	}
/*in theis case, interior nav is being styled as a sidebar. 
it is posisitioned by default just under the start of the 
interior frame (under nav) */	

#interior {
position:relative;
width:830px;
}

#leftcolumn {
width:175px;
float:left;
margin-top:5px;
margin-right:5px;
}	

#evdetails {
	position: relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	border:1px solid #FF0000;
	width: 175px;
	
	padding:5px;
	}
#interiornav {
	position: relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	border:1px solid #FF0000;
	width: 175px;
	top: 5px;

	float: left;
	padding:5px;
	}
#evdesc {
	position: relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	border:1px solid #FF0000;
	width: 175px;
	padding:5px;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	}
#content {
	position: relative;
	width:800px;
	border:1px solid #FF0000;

	overflow:auto;
	padding:10px;
	}
#detailcontent {
	position: relative;
	width:618px;
	top: 5px;
	left:10px;
	border:1px solid #FF0000;
	overflow:auto;
	padding:10px;
	float: left;
	}
#frontpagecontent {
	position: relative;
	height: 350px;
	width: 800px;
	float: none;
	padding-top:15px;
	}


/*the events list */

#eventlistborder {

width:720px;
padding:5px;
}
#eventlistinterior {

width:700px;
}
#eventslist{

width:690px;
padding:5px;

overflow:auto;
}
#eventlistdaterow {
background-color:#330000;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
width:674px;
float:left;
text-align:left;
padding:3px;
}
#eventlistcontentrowodd {

width:680px;
background-color:#220000;
float:left;
overflow:auto;
}
#eventlistcontentroweven {

width:680px;
float:left;
overflow:auto;
}
#eventlistthumb {
	position:relative;
	float:left;
	border:1px solid #330000;
	width:90px;
	min-height:84px;
	padding:3px;
}
#eventlistdetails {
position:relative;
float:left;
border:1px solid #330000;
width:150px;
vertical-align:middle;
min-height:80px;
	padding:5px;
}
#eventlistdescription {
position:relative;
width:322px;
border:1px solid #330000;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #EEE;
text-align: left;
min-height:80px;
vertical-align:middle;
	padding:5px;
}
#eventlistaction {
position:relative;
float:left;
border:1px solid #330000;
min-height:80px;
width:85px;
	padding:5px;
}
#interiorfooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	float:none;
	margin-top:25px;
	}
#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	width:800px;
	float:none;
	margin-top:25px;
	}
#rsvpform {
border:6px solid #330000;
background-color:#220000;
padding:10px;
}

/*event detail*/
#eventdescription {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12.5px;
}