<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

        <title>CSS Styles Page</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <style type="text/css">
BODY {background: white; color: black;}
a:link {color:blue;}
a:visited {color:purple; }
a:hover {color:red; }
a:active {color:red; }
h1 {background-color: white;
color: #FF0000;
font-family: cursive; 
padding:0;
}
h2 {background-color: #FFE0E0;
color:black; 
padding:0;
width: 40%;
border: red groove 5px;
margin-bottom:-10px;
}
.centered {text-align: center;}
.clear {clear: left;}
.cursive {font-style: cursive;}
.italic {font-style: italic;}
h3 {border :5px solid #CC0000; border-style: ridge;}
h4 {border :5px solid #CC0000; border-style: inset;}
h5 {border :5px solid #CC0000; border-style: outset;}
#navcontainer
{
margin: 10px 0 0 30px;
padding: 1;
height: 20px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #fff;
width: 145px;
height: 18px;
border-top: 3px solid #CC0000; border-style: outset;
border-left: 3px solid #CC0000; border-style: outset;
border-bottom: 3px solid #CC0000; border-style: outset;
border-right: 3px solid #CC0000; border-style: outset;
padding: 0;
margin: 0 0 10px 0;
color: black;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #CC0000;
background: #FFE0E0;
border-style: inset;
}

#navcontainer a:active
{
background: #FFE0E0;
color: #fff;
border-style: outset;
}

#navcontainer li#active a
{
background: #c60;
border: 1px solid #FFE0E0;
color: #fff;
border-style: outset;
}

#navcontainer
{
margin: 0;
padding: 0 0 0 12px;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#libnavcontainer
{
margin: 0;
padding: 0 0 0 12px;
}

#libnavcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#libnavcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#libnavcontainer A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #FFE0E0;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#libnavcontainer A:hover, #libnavcontainer A:active { background: #FF9494; }

#libnavcontainer A.active:link, #libnavcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #FF9494;
font-weight: bold;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #FF9494;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, .subnav A:active { color: #444; }
#subnav A.active:link, .subnav A.active:visited { color: #444; }
#subnav BR, .libnavcontainer BR { clear: both; }


</style>

</head>

<body>



</body>
</html>
