/* REDEFINES THE BASIC HTML TAGS */

BODY  {background-color : #FFFFFF; font-family : Verdana, Arial, sans-serif; font-size: 80%; margin: 0;}
Table {font-family : Verdana, Arial, sans-serif; font-size : 100%; border-collapse: collapse; padding: 5; margin: 0;}
P, TD, LI, UL, OL {font-family : Verdana, Arial, sans-serif; font-size : 100%;}

/* LINK COLORS */

A:LINK    {color: #800000; font-weight: bold; text-decoration: none;}
A:VISITED {color: #800000; font-weight: bold; text-decoration: none;}
A:HOVER   {color: #006633; font-weight: bold; background: #536B77; text-decoration: none;}
A:ACTIVE  {color: #808080; font-weight: bold; text-decoration: none;}

/* HEADING COLORS AND STYLES */

H1     {color: #256CBC; font: bold 22px Verdana, Tahoma, Arial, sans-serif; text-align: left;}
H2     {color: #000099; font: bold 20px Verdana, Tahoma, Arial, sans-serif; text-align: left;}
h3     {color: #000099; font-size: 13px; font-weight: bold;}
H4     {font: bold 13px Verdana, Tahoma, Arial, sans-serif; text-align: center;}
h5     {color: #000000; font-size: 13px; font-weight: bold;}
H6     {font: bold Verdana, Tahoma, Arial, sans-serif; font-size: 13px; text-align: left;}

/* DEFINES SPECIAL CLASSES */

.header {
width: 700px;
height: 200px;
color: #000099;
background-image: URL(http://www.co.champaign.il.us/logo/caclogo07.jpg);
font: bold italic 17px Verdana, Helvetica, Arial, serif; 
text-align: center;
vertical-align: bottom;
padding: 0 20px 0 0;}

.sidebar {
width: 200px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
vertical-align: top;
background: #ccecff;
padding-left: 10px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
border: 1px solid #000000;
}

/* MAIN NAVIGATION DEFINITION LIST */

.sidebar dl {background: transparent; padding: 0 10px 0 0; margin: 2px 0; line-height: 12px; font-size: 100%;}
.sidebar dt {color: #000000; font-weight: bold; letter-spacing: 3px; border-bottom: 1px solid #000000; padding: 10px 0 4px 0;}
.sidebar dd   {margin: 3px; padding: 3px 0;}
.sidebar dd a:link, .sidebar dd a:visited, .sidebar dd a:active {display: block; color: #ffffb0; font-weight: normal; text-decoration: none; background-color: #000099; border: 1px solid #000000; padding: 3px;}
.sidebar dd a:hover {color: #000099; font-weight: normal; text-decoration: none; background-color: #ffffb0; border: 1px solid #000000;}


.content {
width: 480px;
font-family : Verdana, Arial, sans-serif;
vertical-align: top;
text-align: justify; 
background: #F7F7F7;
line-height: 18px;
padding-left: 20px;
padding-right: 20px;
padding-top: 15px;
padding-bottom: 15px;
border: 1px solid #000000;
}

.content A:LINK {color: #000099; font-weight: normal; text-decoration: underline; background-color: transparent;}
.content A:VISITED {color: #808080; font-weight: normal; text-decoration: underline; background-color: transparent;}
.content A:HOVER {color: #800000; font-weight: normal; text-decoration: underline; background-color: transparent;}
.content A:ACTIVE {color: #006633; font-weight: normal; text-decoration: underline; background-color: transparent;}


.footer {
width: 700px;
height: 100px;
background-image: url(http://www.co.champaign.il.us/logo/bottomcac.jpg);
font-weight: bold;
text-align: left;
padding: 0 0 0 20px;
}
.footer A:LINK {color: #000099; font-weight: normal; text-decoration: underline; background-color: transparent;}
.footer A:VISITED {color: #006633; font-weight: normal; text-decoration: underline; background-color: transparent;}
.footer A:HOVER {color: #ffffb0; font-weight: normal; text-decoration: underline; background-color: transparent;}
.footer A:ACTIVE {color: #808080; font-weight: normal; text-decoration: underline; background-color: transparent;}

.spacer {width: 20px;}

span.tiny {
font-size: 80%;
letter-spacing: 1;
font-weight-bold
}

#wrapper {
	margin: auto;
	width: 720px;
	text-align: left;
	}
