@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#B2B269;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
color: #660000;
padding: 0 .5em

}

a {
	color:#446073
}

#container { 
	width: 800px;
	background-image:url(home_images/container_bg.jpg);
	background-repeat:repeat-y;
	margin: 0 auto; 
	border: 2px solid #ffffff;
	text-align:left; 
} 

#plainContainer { 
	width: 800px;
	margin: 0 auto; 
	border: 2px solid #ffffff;
	text-align:left; 
} 


#header {
	background-color:#dbdbb7;

} 

#header h1 {
	margin: 0; 
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#navbar {
	background-color:#666632;
	height: 1.5em;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff
	
}


#navbar a {
	color: #ffffff;
	font-size:.7em;
	font-weight:bold;
	padding:.5em;
	text-decoration:none
	}
	
#navbar a:hover, a:active {
	color: #B2B257
	
}
	
#rightCol {
	margin-left:600px;
	background-color:#ffffff
}


#rightCol img {
	display:block;
	margin-left:auto;
	margin-right: auto;
	padding:.1em 0
	
	
}

#rightCol p {
	font-size:.75em;
	line-height:140%;
	color:#3F3F1F;
	padding: .25em 1em;

}

#mainContent { 
	float:left;
	width:600px;
} 

#mainContent p, ul {
	font-size:.75em;
	line-height:140%;
	color:#3F3F1F;
	padding: .25em 1em;

}



#fullContent {	
	width:auto
}


#fullContent  p, ul {
	font-size:.75em;
	line-height:140%;
	color:#3F3F1F;
	padding: .25em 1em;
	
}




#fullEvent {
	width:90%;
	background-color:#ffffff;
	margin:0 auto;
}

#fullEvent ul {
	margin-left:2em
}

.color {color:#656728}



#footer { 
	clear:both;
	background:#666632;
	clear:both;
	text-align:center
} 
#footer p {
	margin: 0; 
	padding: 10px 0;
	color:#FFFFFF;
	font-size:.7em

}
.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.uppercase {
text-transform:uppercase;
font-weight:bold
}

.left {
	width:48%;
	float:left}

.right {
	width: 48%;
	float:right
}
	
.clear {
	clear: both;
}