<!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>

