html, body {
 background: white;
 margin: 0px;
 margin-bottom: 20px;
 font-size: 10pt;
 font-family: verdana, arial, sans-serif;
 text-align: center;
 }

 body.admin {margin: 0px;}
 
#container {width: 800px; margin: 0px auto 20px auto; text-align: left; }

#leftbar {
 width: 155px;
 text-align: left;
 float: left;
 margin-top: 20px;
}

#leftbar.admin {
 width: 155px;
 text-align: left;
 float: left;
 margin-left: -10px;
 padding: 10px;
 background: #eee;
}

#mainbody {
 text-align: left;
 padding: 5px;
 margin-left: 165px;
 margin-top: 20px;
}

ul#navbar {
 list-style-type: none;
 margin-left: 0;
 margin-top: 0px;
 margin-bottom: 20px;
 padding-left: 0;
}

#newsbar {
 text-align: right;
 margin: 4px;
}

#nextevent {width: 50%; float: left; }

#latestpics {width: 50%; float: right; }

#eventsummary { float: left; margin-top: 20px; font-weight: bold; }

#eventmap {width: 400px; margin-top: 20px; margin-right: 20px; float: right; }

#footer {
 margin-bottom: 20px;
 margin-top: 20px;
 clear: both;
 text-align: left;
 }

h4 { margin: 0; text-transform: uppercase; }

.small { font-size: 8pt; }

a:link { color: red; }
a:hover { text-decoration: none; }
a:visited { color: red;}

.latest-images-thumbnail {
	background-color: #eee;
	border: 0px;
	padding: 5px;
}