* { margin:0; padding:0 }
html { height:100.1% }
BODY {
	font-size: 76%;
	background: #2C1908 url(images/top-bg.gif) repeat-x;
	font-family: Tahoma, Veranda, Arial;
	color: #32363A;
}
#wrapper { width:756px; margin:0 auto; }
#header { 
	width:736px; 
	height:27px; 
	background: url(images/header.gif) no-repeat; 
	text-align:right; 
	padding:5px 20px 0 0; 
	clear:both 
}
#header a, #footer a { color:#fff; text-decoration:none; font-size:0.9em }
#header a:hover { text-decoration:underline }
#mainBg { 
	background: url(images/main-bg.gif) repeat-y;
	width:750px; 
	margin:0 auto;  
	font-size:1.1em; 
	overflow:hidden; 
}
#sideMenu ul { width:244px; list-style: none; }
#sideMenu li a { 
	list-style: none;
	font-size:1.1em; 
	height:25px; 
	background:url(images/button.gif) no-repeat; 
	color:#fff; 
	display:block;
	padding: 3px 0 0 35px;
	text-decoration:none }
#sideMenu li a:hover { background:url(images/button2.gif) no-repeat; color:#fff; z-index: 10; }	
#joinUs { 
	background:#5E3310; 
	width:192px; 
	padding:10px 10px 0 20px; 
	color:#fff;
	z-index: 5;
}
#joinUsBanner {
	position: relative;
	top: -10px;
	left: -20px;
	}

#currentEvents {  /* Events section is set to auto scroll when height exceeds 165px */
	width:410px; 
	height:auto; 
	padding:10px; 
	overflow:auto;
	margin:0 0 10px 0;
	border:1px solid #65391F;
	font-size:0.9em;
	color:#431D07;
}
#currentEvents br { line-height:0.6em }

#footer { background:url(images/footer.gif) no-repeat; width:756px; font-size:0.9em; height:46px; color:#fff }
#copyright { width:460px; padding:20px 0 0 20px; float:left; font-size:1em }
#banner { width:435px; height:213px }

/* LINKS, TEXT, & CONTENT STYLES */
a { color:#2080A0; text-decoration:underline }
a:hover  { color: #522C00 } 
.featured { list-style:none }
.featured ul { list-style:none }
.featured li { background: url(images/arrow.gif) center left no-repeat; padding:0 0 1px 15px }
.pageTitle { font-weight:bold; font-size:1.1em; color:#65391F; }
.calendarFont { font-size:1.5em }
#leftContent { float:left; width:244px; overflow:hidden; color:#752E04; clear:left; text-align:left }
#rightContent { float:left; width:435px; margin:10px 0 0 33px }
.left { float:left; position: relative }
.right { float: right; position:relative }
h2 {  font-size:1.04em }
.eventsDate { background:#A45800; color:#fff; text-decoration:none; padding:0 3px; font-weight:bold }
.eventsMonth { 
	font-weight:bold; 
	font-size:1em; 
	background:#F7EBD8; 
	width:95%; 
	padding:0 4px; 
	clear:both; 
	margin:5px 0; 
	border-bottom:1px solid #B9ACA3
}

/* MISC & FORM STYLES */
.form { 
	border:1px solid #7F9DB9;
	height:15px; 
	width:155px; 
	background: #fff; 
	font-size:90%;
	padding:2px 0 0 5px
}
.clear { clear:both }
.spacer { height:5px; clear:both }


