

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>

