body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #333333;
background-color: #c0c0c0;
}

p {
width: 80%;
}

li {
list-style-type: none;
line-height: 150%;
line-style-image: bullet;
}

h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #000000;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #000000;
border-bottom: 2px solid #00a000;
}

h3 {
font-family: George, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #000000
border-bottom: 2px solid #00a000;
}



a:link {
color: rgb(0, 96, 255);
text-decoration: underline;
font-weight: bold;
}


li :link {
color: rgb(0, 96, 255);
text-decoration: none;
font-weight: bold;
}

a:visited {
color: rgb(0, 96, 255);
text-decoration: underline;
font-weight: bold;
}

li a:visited {
color: rgb(0, 96, 255);
text-decoration: none;
font-weight: bold;
}

a:hover {
color: rgb(255, 0, 0);
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;
}

a.nav:hover {
color: inherit;
padding-bottom: inherit;
font-weight: normal;
text-decoration: none;
}

li a:hover {
/* display: block; */
color: rgb(255, 0, 0);
font-weight: bold;
background-color: rgb(160, 160, 160);
}

a:active {
color: rgb(150, 0, 150);
font-weight: bold;
}


#navigation {
position: absolute;
width: 210px;
height: 600px;
margin: 0;
margin-top: 50px;
border-right: 2px solid #00a000;
font-weight: normal;
}


#main {
position: absolute;
padding: 0 0 20px 0; /* top right bottom left */
margin-top: 50px;
margin-left: 285px;
width: 600px;
}

#main li {
padding: 5px 0 5px 0; /* top right bottom left */
list-style: disc;
}


#events {
position: absolute;
width: 300px;
right: 0;
padding: 0 0 20px 0;
margin-top: 50px;
margin-left: 80px;
}