HTML { width: 100%;}

BODY { background-color: RGB(71,116,61); font-family: "Book Antiqua", Arial, Helvetica, Sans-Serif; color: RGB(0,0,0); margin-top: 50px; margin-left: 50px; margin-right:50px;}



A:link {
	color: RGB(0,0,0); 
	text-decoration: none;
	font-weight: 600;
	}
A:visited {
	color: RGB(0,0,0); 
	text-decoration: none;
	font-weight: 600;
	}
A:active {
	color: RGB(0,0,0); 
	text-decoration: none;
	font-weight: 600;
	}
A:hover {
	color: RGB(0,145,0);
	text-decoration: none;
	font-weight: 600;
	}
#sidebar A:hover {
	color: RGB(0,100,0);
	text-decoration: none;
	font-weight: 600;
        }




#content {
	position: absolute;
	width: 80%;
	left: 10%;
	top: 308px;

	}


#main {
	position: absolute;
	width: 60%;
	height: auto;
	top: 5px;
	left: 20%;
	border: solid;
	border-width: 4px;
	border-color: RGB(94,47,0); 
	background-color: RGB(255,255,255);
        color: RGB(0,0,0);
	}

	


#sidebar {
	position: absolute;
	width: 17.5%;
	height: auto;
	top: 5px;
	left: 0%;
	background-color: RGB(200,150,80);
	border: solid;
	border-width: 4px;
	border-color: RGB(94,47,0); 
	text-align: center;
	}

#sidebar2 {
	position: absolute;
	width: 17.5%;
	height: auto;
	top: 5px;
	left: 82.5%;
	text-align: center;
	background-color: RGB(200,150,80);
	border: solid;
	border-width: 4px;
	border-color: RGB(94,47,0); 
	}


#header {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0%;
	text-align: center;
	}


#footer {
	position: absolute;
	width: 80%;
	height: 100px;
	top: 2800px;
	right: 2%;
	bottom: auto;
	left: 2%;
	text-align: center;
	}




BLOCKQUOTE.bigletter:first-letter {font-size: 200%; font-weight: 900; text-indent: 0em;}

UL.links {list-style-image: url("icons/icon.jpg");}
UL.none {list-style: none;}

.important {
        text-align: center;
        font-variant: small-caps;
        font-weight: bold;
        color: RGB(255,0,0);
        }
.notice {
        text-align: center;
        font-variant: small-caps;
        font-weight: bold;
        color: RGB(0,150,0);
        }




/* ==================== Calendar ====================== */


#main TABLE {
        color: RGB(0,0,0);
        }

A:link.event {
	color: RGB(0,0,0); 
	text-decoration: underline overline;
	font-weight: 900;
	}
A:visited.event {
	color: RGB(0,0,0); 
	text-decoration: underline overline;
	font-weight: 900;
	}
A:active.event {
	color: RGB(0,0,0); 
	text-decoration: underline overline;
	font-weight: 900;
	}
A:hover.event {
	color: RGB(100,142,182);
	text-decoration: none;
	font-weight: 900;
	}

A:hover.event span {
	display: block;
	}


span.event {
	position: absolute;
	top: 30px;
	left: 10%;
	width: 400px;
	height: 80px;
	color: black;
	border-style: ridge;
	border-width: 5px;
	border-color: RGB(247,147,47);
	background-color: white;
	display: none;
	}