HTML { width: 100%;}

BODY { background-color: RGB(255,255,255); 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(100,142,182);
	text-decoration: none;
	font-weight: 600;
	}



#content {
	position: absolute;
	width: 80%;
	left: 10%;
	top: 445px;
	text-align: center
	background-color: yellow;
	}


#main {
	position: absolute;
	width: 60%;
	height: auto;
	top: 5px;
	left: 20%;
	border: solid;
	border-width: 4px;
	border-color: RGB(100,142,182);
	background-color: RGB(195,194,200);
        z-index: 10;
	}

	


#sidebar {
	position: absolute;
	width: 17.5%;
	height: auto;
	top: 5px;
	left: 0%;
	background-color: RGB(195,194,200);
	border: solid;
	border-width: 4px;
	border-color: RGB(100,142,182);
	text-align: center;
        z-index: 7;
	}

#sidebar2 {
	position: absolute;
	width: 17.5%;
	height: auto;
	top: 5px;
	left: 82.5%;
	text-align: center;
	background-color: RGB(195,194,200);
	border: solid;
	border-width: 4px;
	border-color: RGB(100,142,182);
        z-index: 7;
	}


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


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




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;}





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


TABLE.calendar {
	text-align: center;
	border-style: ridge;
	border-width: 6px;
	}

TR.days {
	font-weight: bold;
	font-size: 125%;
	}
TR.days TD {
	width: 200px;
	}
TR.month {
	font-weight: bolder;
	font-size: larger;
	background: black;
	color: white;
	}

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: 10px;
	left: 10%;
	width: 400px;
	height: 100px;
	color: black;
	border-style: ridge;
	border-width: 5px;
	border-color: RGB(247,147,47);
	background-color: white;
	display: none;
	}