body {font: 11px Verdana, sans-serif;  margin: 10px; 
background-color: #f4f1ea;
line-height: 15px

}
a {color: #7a8b2e}
a:visited {color: #c4ca3a}
#bodyContainer {
position: relative;
background-color: white; padding: 0px; border: 1px solid #aaaaaa
}

#main { margin: 25px auto 0px 25px; position: relative}
#navigation {background-color: transparent; width: 100%; position: absolute; top: 120px; left: 100px; }
#navigation, #navigation li {list-style-type: none; margin: 0px; padding: 0px}

#navigation li {float: left;}
#navigation a {background-color:transparent;display: block; padding: 2px 7px 2px 7px; color: #7a8b2e; text-decoration: none; font: bold 11px Arial, sans-serif; text-transform: uppercase; }
#navigation a:hover {background-color: transparent; color: #c4ca3a}
#contact {display: none; float: right; padding: 60px 15px 0px 0px; margin: 0px; color: #7a8b2e; }
#contact a {color: white}
h1 {
height: 150px;
background-color: white; 
padding:0px; 
font-weight: normal; 
color: #6f7db1; 
margin: 0px; 
font-size: x-large;
text-indent: -1000px;
background-image: url(CCOmasthead.gif); background-repeat: no-repeat;
}
h1 a{color: #7a8b2e}

h2 {font-weight: bold; font-size: small; 
font-family: Arial, sans-serif;
color: #7a8b2e;
clear: left;
}

#events {float: right; width: 170px; margin-top: 25px}
#events img {margin-bottom: 10px; display: block}
#main img {margin: 0px 10px 10px 0px; display: block; float: left; border: 1px solid #aaaaaa}
#main { margin-right: 15px}
.event {margin-bottom: 10px}
.event h3 {color: #7a8b2e ;font: 10px Arial; font-weight: bold; margin: 10px; padding: 3px 3px 3px 0px; border-bottom: 1px solid #7a8b2e; text-transform: uppercase}
.event ul, .event li {list-style-type: none; margin: 0px; padding: 0px; font-size: 11px}
.event ul li {padding: 0px 10px 0px 10px}
div.clear {clear: right}
#main div.clear img {border: none; float: none; display: block; margin: 0px}
body    {
font-size: 11px;
line-height: 15px;
    }