body  {
	font: 100% Tahoma, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #BFBFBF;
	width: 46em;
	margin: 0 auto;
}
div {
	margin: 0;
	padding: 0; 
	
}
#masthead {
	border-top: 1px solid gray;
	border-right: 2px outset Gray;
	background-color: #ffffff;
	border-bottom: #72C7E7 Double medium;
	border-left: 1px solid #595959;
	height: 90px;
	padding: 20px 15px; 
} 
#mastheadrpt {
	border-top: 1px solid gray;
	border-right: 2px outset Gray;
	background-color: #ffffff;
	border-bottom: #72C7E7 Double medium;
	border-left: 1px solid #595959;
	height: 140px;
	padding: 20px 15px; 
} 
.eventTitle {
	margin: 0; 
	padding: 10px 0; 
	font-size: 12px;
	color: #d16f1a;
	font-weight:bold;
	font-size:16px;
}
.eventDate {
	margin: 0; 
	padding: 10px 0; 
	font-size: 12px;
	color: #363534;
	font-weight:bold;
	font-size:14px;
}

.eventOption {
	margin: 0; 
	padding: 10px 0; 
	color: #000000;
	font-size:12px;
}
#mainContent {
	padding: .1em 1em;
	background-color: #FFFFFF;
	border-right: 2px outset #595959;
	border-bottom: 2px outset #595959;
	border-left: 1px solid #595959;
} 
#contentArea {
	margin-top: 40px;
	font-size:12px;
	background-color: #ffffff;
	
} 
#image{
	
	background-image: url(logo.gif);
	background-repeat: no-repeat;
}
#footer {
	padding: 0 1em;
	background-color: #005AA9;
	clear: both;
} 
#footer p {
	margin: 0;
	padding: 10px 0;
	font-size: .9em;
}

/* Miscellaneous classes for reuse */
.fltright { /* this class can be used to float an element right in your page. Remember that whatever you apply this class to must have a width. */
	float: right;

	
	margin-right: 5px;
	margin-bottom: 40px;
}
.fltleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
}
.clearall { /* this class should be placed on a div or other block level element if you want a container to contain a floated element.  */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}