a:link              { color:blue; text-decoration:none; }
a:visited           { color:blue; text-decoration:none; }
a:hover             { color:red; text-decoration:none; }
a:active            { color:blue; text-decoration:none; }


#border {
 margin: 0 auto;
 width: 663px;
 margin-top: 20px;
}

#wrapper {
 float:left;
 margin: 0 auto;
 background-image: url(images/border-mid.jpg);
 background-repeat: repeat-y;
 padding: 5px 15px 15px 15px;
}

#borderbottom {
 background-image: url(images/border-bottom.jpg);
 background-repeat: no-repeat;
}

img {
 border: none;
}

#header {
 
}
#navbar {
 padding: 4px;
 background-color: #663366;
 margin-bottom: 0px;
 color: #663366;
}

#centercolumn {
 font-size:12px;
 width: 300px;
 padding: 4px 0px 4px 7px;
 text-align: justify;
 text-decoration: none;
}

.block { display: block; }

#leftcolumn { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 165px;
 float: left;
 text-align: left;
 margin-bottom: 15px;
}
.mainnav {
 list-style: none;
}

ul.mainnav li a:link, ul.mainnav li a:visited {
 display: block;
 background-color: #FDFBFD;
 text-decoration: none;
 width: 160px;
 padding: 4px 0px 4px 7px;
 color: #999;
 border-bottom: 1px solid #E9E9E9;
 text-align: left;
}
li.border-top {
 border-top: 1px solid #E9E9E9;
}

ul.mainnav li a:hover {
 display: block;
 text-decoration: none;
 padding: 4px 0px 4px 7px;
 color: #B5B5B5;
 width: 160px;
 background-color: #F9F2F9;
}

.center { text-align: center; }

#centercolumn { /* Parent Wrapper for inside boxes */
 margin: 0px 5px 0px 15px;
 display: inline; /* IE Hack */
 float: left;
}

#rightcolumn {
 margin: 0px 0px 0px 11px;
 display: inline; /* IE Hack */
 float: left;
}

* {
 padding: 0;
 margin: 0;
 /*text-align: center;*/

}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
 background-color: #f7f7f7;
}

#divider {
 border-top: 1px solid #ccc;
 background-repeat: repeat-y;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 80%;
 margin-top: 2px;
}

#footer {
 border-top: 1px solid #ccc;
 text-align:left;
 font-size: 11px;
 background-repeat: repeat-y;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 97.7%;
 margin-top: 15px;
}



/* -----------------------------------------------Begin fading descriptor -------------- */

#coolmenu{
border: 1px solid black;
width: 170px;
background-color: #E6E6E6;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

html>body #leftcolumn a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: black;
color: white;
}

#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
text-align: center;
-moz-opacity:0;
}
/* -----------------------------------------------end fading descriptor -------------- */

/* -----------------------------------------------Begin hover extensions -------------- */
#dropmenudiv{
position:absolute;
background-color: #f7f7f7;
border:0px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:15px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;

}

#dropmenudiv a:hover{ /*hover background color; this is overridden by the dropmenu bkgd*/
background-color: #c7c7c7;
}

/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: square;
width: 135px;
background-color: #FF0000; /*no effect? */
}
/* -----------------------------------------------End hover extensions -------------- */