/* 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: 5px; margin: 0;}
p {font-family : Verdana, Arial, sans-serif; font-size : 100%;}
TD,  LI, UL, OL {font-family : Verdana, Arial, sans-serif; font-size : 100%; text-align: left;}
TH {font-family : Verdana, Arial, sans-serif; font-size : 100%; text-align: center;}


/* 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: #006633; font: bold 22px Verdana, Tahoma, Arial, sans-serif; text-align: left;}
H2     {color: #006633; font: bold 20px Verdana, Tahoma, Arial, sans-serif; text-align: left;}
h3     {color: #006633; 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 13px Verdana, Tahoma, Arial, sans-serif; text-align: left;}

/* DEFINES SPECIAL CLASSES */

.header {
width: 700px;
height: 200px;
color: #006633;
background-image: URL(http://www.co.champaign.il.us/logo/ccnh/ccnh.jpg);
font: bold italic 17px Verdana, Helvetica, Arial, serif; 
text-align: center;
vertical-align: bottom;
padding: 0 20px 0 0;
background-repeat: no-repeat;
}

.sidebar {
width: 200px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
vertical-align: top;
background: #ffffb0;
padding-left: 10px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
border: 1px solid #000000;
}

.tablere {
background: #ffffb0;
border: 1px solid #808080;
font-size: 85%; 
padding: 2px 2px 2px 2px;
}

.tablenorm {
background: #ffffff;
border: 1px solid #808080;
}


/* 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: #ffffff; font-weight: normal; text-decoration: none; background-color: #800000; border: 1px solid #000000; padding: 3px;}
.sidebar dd a:hover {color: #FFFFFF; font-weight: normal; text-decoration: none; background-color: #006633; 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: #800000; font-weight: normal; text-decoration: underline; background-color: transparent;}
.content A:VISITED {color: #800000; font-weight: normal; text-decoration: underline; background-color: transparent;}
.content A:HOVER {color: #006633; font-weight: normal; text-decoration: underline; background-color: transparent;}
.content A:ACTIVE {color: #808080; font-weight: normal; text-decoration: underline; background-color: transparent;}


.footer {
width: 700px;
height: 100px;
background-image: url(http://www.co.champaign.il.us/logo/bottom1.jpg);
font-weight: bold;
text-align: left;
padding: 0 0 0 20px;
}
.footer A:LINK {color: #800000; font-weight: normal; text-decoration: underline; background-color: transparent;}
.footer A:VISITED {color: #800000; font-weight: normal; text-decoration: underline; background-color: transparent;}
.footer A:HOVER {color: #006633; 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;
}