body {
text-align:center;
}

#container {
width: 800px;
height: 600px;
margin: 0 auto;
}

#header {
text-align: center;
position: relative;
height: 30px;
margin-bottom: 10px;
}

#banner {
height: 50px;
background-image:url("grass.gif");
}

#navbar {
text-align: center;
letter-spacing: 2px;
height: 30px;
margin-top: 10px;
margin-bottom: 10px;
}

#leftcol {
text-align: right;
width: 12%;
float: left;
}

#midcol {
padding-left: 20px;
text-align: left;
width: 70%;
float: left;
}

#rightcol {
font-style: italic;
text-align: left;
padding-left: 20px;
width: 12%;
float: left;
}

.event {
text-align: left;
margin-top: 20px;
border: 1px;
border-style: solid;
border-color: #C2DF82;
}

.eventtitle {
text-align: left;
font-family: Arial, san-serif;
font-size: 13px;
font-weight: bold;
background: #C2DF82;
padding-left: 4px;
}

.eventbody {
font-family: Arial, san-serif;
font-size: 12px;
color: #000000;
padding-left: 4px;
}

.news {
margin-top: 20px;
border: 1px;
border-style: solid;
border-color: #C2DF82;
}

.newstitle {
font-family: Arial, san-serif;
font-size: 12px;
font-style: italic;
background: #C2DF82;
padding-left: 4px;
}

.newsbody {
font-family: Arial, san-serif;
font-size: 12px;
color: #000000;
padding-left: 4px;
}

.newsbody p {
font-family: Arial, san-serif;
font-size: 12px;
color: #000000;
padding-left: 4px;
}

#footer {
margin-top: 30px;
padding-top: 10px;
font-size: 10px;
text-align: center;
clear: left
}

	
p {
font-family: Arial, san-serif;
font-size: 13px;
color: #000000;
}

h1 {
font-family: Vivaldi, san-serif;
font-size: 40px;
color: #009933;
}

h3 {
color: #009933;
}

ul {
font-family: Arial, san-serif;
font-size: 13px;
color: #000000;
}

a:link {
color: #009933;
text-decoration: none
}

a:visited {
color: #009933;
text-decoration: none
}

a:hover {
color: #b4b48e;
text-decoration: none
}

a:active {
color: #b4b48e;
text-decoration: none
}