<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#invertedtabs{
margin-left: 5px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#invertedtabs ul{
font: bold 9px Arial, Verdana, sans-serif;
margin:0;
margin-left:4;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 0px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}

#invertedtabs a{
float:left;
color: white;
/*background: #8b0000 url(color_tabs_left2.gif) no-repeat left bottom;*/
background: #000000 url(color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #8b0000;
}

#invertedtabs a:hover span{
background-color: #8b0000;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #8b0000;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
/*background: #8b0000;*/
background: #000000;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/***my css***/
/*typography*/
body{font: 76% trebuchet ms, verdana,arial,sans-serif;text-align:center;}
h1,h2,h3,h4{font-family: "Trebuchet MS",arial,sans-serif}
h1{font-size: 120%}
h2{font-size: 100%;text-transform:uppercase;letter-spacing:1px;}
h3{font-size:100%;text-transform:uppercase;letter-spacing:1px;margin:5 5px}
h4{font-size:80%;font-style:normal;text-transform:uppercase;letter-spacing:1px;margin:20 0px}

h2,p{margin: 0 5px;padding:0}
p{padding-bottom: 0.7em;line-height: 1.3}
/*a{text-decoration: none}*/
address{padding: 3px 15px;font-style:normal}
div#relax p{font-size: 120%}

span.textondark{font: 160% trebuchet ms, verdana,arial,sans-serif;}

.formFields{background-color: white; color: #3f3e3a; font-size: 10pt; font-family: trebuchet ms, arial;} 
.formButtons{background-color: #000000; color: white; font-size: 10pt; font-family: trebuchet ms, arial;} 

/*layout*/
html{height: 100%; margin-bottom: 1px}
html,body{margin:0;padding:0 0 20px}

td.title{text-align:right;text-transform:uppercase;font-weight:bold;font-size:9pt;}
td.eofMsg{text-align:center;}
td.userMsg{text-align:center; background-color:#FFFFFF;}
td.displayHeader{text-align:center;}
td.displayHeaderItem{font-weight:bold;}

td {
	font-size: 10pt;
} 

div#container{width:992px;margin: 0 auto;text-align:left}
div#header{margin:0 0 10px;padding: 0 0 5px}
div#header h1{margin:0 5px;padding:60px 0 2px}
div#header a{margin-left: 10px}
div#sidebar{float: right;width: 150px}
div#sidebar div{padding: 5px 0;margin-bottom: 5px}
div#sidebar div#menu{margin: 0 5px}
div#nav ul,div#nav li{margin:0;padding:0;list-style-type:none;line-height: 1.5}
div#nav a{margin-left:5px;padding-left:10px}

form{margin: 5px 0;padding: 5px 0}
form h3{margin-bottom: 10px}
form div{padding: 5px 0}
form input#find{width: 90px;margin-left:10px}

div#adminlogonrows{width:600px;padding:5px 0}
div#content{width:992px;padding:0px 0;margin-left:auto;margin-right:auto;}
div#content2{width:600px;padding:0px 0}
div#contentWIDE{width:1024px;padding:0px 0}

div#relax{margin: 0 15px 10px;padding: 5px 0}
div#relax p, div#relax h2{margin: 0 5px}
div#footer{clear: right;margin-top: 10px}

/*colors*/
body{background-color: #3f3e3a}
div#header{background-color: #84B7FF}
div#header h1{background-color: #657DA6}
h1 a{color: #8b0000}
h1 a:hover{color: #fff}
h2{color: #4F512A}
h3{color: ##3f3e3a}

td.title{color: #3f3e3a}
hr{color: #3f3e3a;}
td.eofMsg{color: #8b0000;font-style: italic;}
td.userMsg{color: #8b0000;font-style: italic;}
span.userMsg{color: #8b0000;font-style: italic;}
td.displayHeader{background-color:#efefef;}
td.displayHeaderItem{background-color:#efefef;color: #3f3e3a;}

span.asterisk{color: #8b0000; font-weight:bold; font-size: 12pt}
span.textondark{color: white;}

div#nav{background-color: #95B3DE}
div#nav a{background: url(bullet.jpg) no-repeat center left;color: #2660B1}
div#nav a:hover{color: #FFF}
div#sidenotes{background-color:#B1C0D5}
/*form{background-color: #efefef;}*/

div#adminlogonrows{background-color: ##FFFFFF}
div#content{background-color: ##FFFFFF}
div#content2{background-color: ##FFFFFF}
div#contentWIDE{background-color: ##FFFFFF}

blockquote{background-color: #CDFFAA}
div#relax{background: url(relax.jpg)}
div#relax h2{color: #F7DEB5}
div#relax p{color: #fff}
div#footer{background-color: #CCC;color: #333}

A.links:link{COLOR: #4F512A;TEXT-DECORATION: underline;}
A.links:visited{COLOR: #4F512A;TEXT-DECORATION: underline;}
A.links:active{COLOR: #4F512A;TEXT-DECORATION: underline;}	
A.links:hover{COLOR: #3f3e3a;TEXT-DECORATION: underline;}

.toplinks {
font-family: arial;
font-size: 8pt;
}

A.toplinks:link{COLOR: #FFFFFF;TEXT-DECORATION: none;}
A.toplinks:visited{COLOR: #FFFFFF;TEXT-DECORATION: none;}
A.toplinks:active{COLOR: #FFFFFF;TEXT-DECORATION: none;}	
A.toplinks:hover{COLOR: #FFFFFF;TEXT-DECORATION: underline;}	

span.grayNoLinks{color: gray;font-size:11px}

td.smalltext{font-size: 10px}

A.smLinks:link{TEXT-DECORATION: none;font-size: 11px}
A.smLinks:visited{TEXT-DECORATION: none;font-size: 11px}
A.smLinks:active{TEXT-DECORATION: none;font-size: 11px}	
A.smLinks:hover{TEXT-DECORATION: underline;font-size: 11px}	

span.smLinks {font-size: 11px}

.returnlinks{COLOR: white;TEXT-DECORATION: none;font-size: 12px}

A.returnlinks:link{COLOR: white;TEXT-DECORATION: underline;font-size: 12px}
A.returnlinks:visited{COLOR: white;TEXT-DECORATION: underline;font-size: 12px}
A.returnlinks:active{COLOR: white;TEXT-DECORATION: underline;font-size: 12px}	
A.returnlinks:hover{COLOR: #FFFFFF;TEXT-DECORATION: underline;font-size: 12px}	

/* RICH TEXT EDITOR */
#navTree #current span {
background-color: #000000;
}

.navTree .current span {
background-color: #000000;
}

ul.exampleList {
    margin:0;
    margin-bottom: 1em; /*margin between menu and rest of content*/
    padding:0;
    list-style:none;
}  
/* RICH TEXT EDITOR END */

</style>

