body {text-align: center;}

#container{
width: 95%;
margin: .5em auto;
text-align: left;
background-color: #ffffff;
color: black;
font-family: arial, helvetica, sans-serif;
}
#top{
padding: .5em;
}
#top h1
{padding: 0;
margin: 0;
}

#breadcrumb {
font-size: small;
padding: .25em;
margin: 0 0 0 6px;
}
#leftnav
{
float: left;
width: 7%;
margin: 0;
padding: .5em;
height: 100%;
}
html p {
height: auto;
margin-left: 0;
}
#content{
margin-left: 25%;
padding: .5em;
height: 100%;
}
#footer{
clear: both;
font-size: small;
padding: .5em;
color: black;
border-top: 3px solid #ffcccc;
}
#leftnav p {margin: 0 0 1em 0;}
#content h2 {margin: 0 0 .5em 0;}

a:link {color:blue;}
a:visited {color:purple; }
a.textlink:visited {color:black; }
a:hover {color:red; }
a.textlink:hover {color:black; }
a:active {color:red; }
a.textlink:active {color:black; }

img
{  border-style: none;
}

h1 {
color: black;
font-family: italic; 
padding: 0;
text-align: center;
background-image: url(redgradtop1.jpg);
}
h2 {color:black; 
width: 30%;
margin-bottom:-10px;
background-image: url(redgradtop1.jpg);
border :3px solid #990000; border-style: ridge;
}
h1.text {
color: black;
font-family: italic; 
padding: 0;
text-align: center;
background: #c00000;
}
h2.text {color:black; 
width: 30%;
margin-bottom:-10px;
background: #c00000;
border :3px solid #990000; border-style: ridge;
}
h3 {background: #ffcccc;
color : #990000;
width: 30%;
}

#navcontainer
{
margin: 0 0 0 0px;
padding: 1px;
height: 20px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
background-image: url(redsm1.gif);
}
#navcontainer #text ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
background: #ffcccc;
}

#navcontainer ul li
{
display: block;
background: #ffffff;
width: 150px;
height: 18px;
border-top: 2px solid #cc0000; border-style: outset;
border-left: 3px solid #cc0000; border-style: outset;
border-bottom: 2px solid #cc0000; border-style: outset;
border-right: 3px solid #cc0000; border-style: outset;
padding: 0;
margin: 0 0 1px 0;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
background-image: url(redsm1.gif);
font-weight: bold;
}
#navcontainer #text ul li
{
display: block;
background: #ffffff;
width: 150px;
height: 18px;
border-top: 2px solid #cc0000; border-style: outset;
border-left: 3px solid #cc0000; border-style: outset;
border-bottom: 2px solid #cc0000; border-style: outset;
border-right: 3px solid #cc0000; border-style: outset;
padding: 0;
margin: 0 0 1px 0;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
background: #ffcccc;
}

#navcontainer ul li a
{
background: #ffffff;
width: 150px;
height: 18px;
border-top: 2px solid #cc0000; border-style: outset;
border-left: 3px solid #cc0000; border-style: outset;
border-bottom: 2px solid #cc0000; border-style: outset;
border-right: 3px solid #cc0000; border-style: outset;
padding: 0;
margin: 0 0 1px 0;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
background-image: url(redsm1.gif);
font-weight: bold;
}
#navcontainer #text ul li a
{
background: #ffffff;
width: 150px;
height: 18px;
border-top: 2px solid #cc0000; border-style: outset;
border-left: 3px solid #cc0000; border-style: outset;
border-bottom: 2px solid #cc0000; border-style: outset;
border-right: 3px solid #cc0000; border-style: outset;
padding: 0;
margin: 0 0 2px 0;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
background: #ffcccc;
}

#navcontainer a:visited
{
background: #ffcccc;
background-image: url(redsm1.gif);
color: #000000;
border-style: outset;
font-weight: bold;
}
#navcontainer #text a:visited
{
background: #ffcccc;
color: #000000;
border-style: outset;
}
#navcontainer ul li a:hover
{
color: #cc0000;
background: #ffcccc;
border-style: inset;
}

#navcontainer a:active
{
background: #ffcccc;
color: #000000;
border-style: outset;
}
#navcontainer #currentpage a
{
background: #ffcccc;
color: #000000;
border-style: ridge;
font-weight: bold;
}
#navcontainer #currentpage 
{
background: #ffcccc;
color: #000000;
border-style: ridge;
font-weight: bold;
}
#navcontainer #text 
{
background: #ffcccc;
color: #000000;
border-style: ridge;
font-weight: bold;
}
#navcontainer #text a 
{
background: #ffcccc;
color: #000000;
border-style: ridge;
font-weight: bold;
}

#navcontainer li#active a
{
background: #c60;
border: 1px solid #ffcccc;
color: #000000;
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 #ffffff;
border-top: 1px solid #ffffff;
border-right: 1px solid #aaa;
}
#subnavcontainer
{
width: 10em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
background-color: #cc3333;
color: #333;
}

#subnavcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#subnavcontainer li
{
border-bottom: 1px solid #990000;
margin: 0;
}

#subnavcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #990000;
background-color: #c00000;
color: #ffffff;
text-decoration: none;}

html>body #subnavcontainer li a { width: auto; }

#subnavcontainer li a:hover
{
border-left: 10px solid #cc3333;
background-color: #990000;
color: #ffffff;
}
#mainlinks {width: 50%;
text-align: left;
height: auto;
}

#mainlinks a {
height: 18px;
width: 160px;
text-decoration: none;
color: black;
font-weight: bold;
background-color: #ffcccc;
border: 2px #cc3333;
border-style: ridge;
padding: 2px;
margin: 0px 0px 20px 0px;
}
html #mainlinks a
{height: 1%;
display: inline;
}

#mainlinks a:visited {
text-decoration: none;
color: black;
font-weight: bold;
background-color: #ffcccc;
border: 2px #cc3333;
border-style: outset;
}

#mainlinks a:hover {
text-decoration: none;
color: black;
font-weight: bold;
background-color: #ffcccc;
border: 2px #cc3333;
border-style: inset;
}
#mainlinks a:active {
text-decoration: none;
color: black;
font-weight: bold;
background-color: #ffcccc;
border: 2px #cc3333;
border-style: outset;
}
.spacer {line-height: 18px;
}
.floatright {float: right;
width: 50px;
clear: right;
}
.floatleft {float: left;
width: 100px;
clear: left;
}
.centered {text-align: center;}
.italic {font-style: italic;}
.smaller {font-size: smaller;}

div.float {float: left;
}

div.right {text-align: right;
}
div.clear {clear: both; margin: 0px}


</style>

</body>
</html>