body{
background: #ddd;
color: #000;
font-family: arial, helvetica, sans-serif;
font-size: 100.01%;
margin: 2px 20px 2px 20px;
padding: 0;
}
h1{
font-size: 1.8em;
color: #36a;
float: left;
margin: 0;
padding: 0;
}
h2{
font: italic bold 0.8em arial, helvetica, sans-serif;
color: #aaa;
float: right;
letter-spacing: 0.15em;
margin-top: 0.8em;
}
h3{
display: block;
width: auto;
font-size: 0.95em;
font-weight: bold;
color: #36a;
background-color: #eef7fc;
margin: 0.8em 0 0.4em 0;
padding: 3px 6px;
border: 1px solid #9bc;
border-right: none;
clear: both;
}
h4{
display: block;
width: auto;
font-size: 0.85em;
font-weight: bold;
color: #336;
margin: 0.8em 0 0.4em 0;
padding: 3px 0;
border-bottom: 1px solid #9bc;
clear: both;
}
h5,p{
font-size: 0.8em;
/*line-height: 1.5em;*/
margin: 0;
padding: 0.2em 0 0.4em 0;
}
ul{
list-style: none;
font-size: 0.8em;
}
li{
margin: 0 0 3px 0;
padding: 1px 2px 1px 6px;
border-left: 2px solid #ccc;
border-right: 10px solid #faf0e6;
background-color: #f9f9f9;
}
h5{
font-weight: bold;
padding-top: 0.6em;
}
a{
color: #06c;
text-decoration: none;
padding: 0 0 1px 0;
border-bottom: 1px dashed #06c;
}
a:hover, a:active{
border-bottom: 1px solid #06c;
}
img{
border: none;
}
acronym{
border: none;
background-color: #eee;
}
/*div areas*/

#siteintro{
width: auto;
margin: 0 0 2px 0;
padding: 0.5em 0.5em 0.4em 0.5em;
border-left: 2px dotted #333;
border-bottom: 1px solid #aaa;
border-right: 1px solid #9bc;
border-top: 1px solid #aaa;
background-color: #fff;
}
#siteintrostyle{
clear: both;
float: right;
color: #999;
font-weight: bold;
}
#siteintrostyle p{
display: inline;
padding: 0;
}
#siteintrostyle ul{
display: inline;
margin: 0;
padding: 0;
}
#siteintrostyle li{
display: inline;
}
#siteintrostyle a{
border: none;
}
#pagebodycontainer{
background-color: #fff;
}
#pagebody{
width: auto;
height: 10px;
}
html>body #pagebody{
height: auto;
}
#sitenavcontainer{
width: 24.99%;
float: right;
}
#sitenav{
width: auto;
margin: 0;
padding: 2px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
background-color: #eef7fc;
}
#sitenav ul{
list-style: none;
font: bold 0.7em arial, helvetica, sans-serif;
letter-spacing: 2px;
margin: 0;
padding: 0;
line-height: 1.25em;
}
html>body #sitenav ul{
line-height: normal;
}
#sitenav li{
margin: 0;
padding: 0;
background: #eef7fc;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: none;
}
#sitenav a, .nolink{
display: block;
width: auto;
margin: 0;
padding: 4px 8px 4px 18px;
height: 1px;
}
#sitenav a{
border: none;
color: #555;
}
html>body #sitenav a, .nolink{
height: auto;
}
#sitenav a:hover{
color: #06c;
background-color: #fff;
}
#sitenav li.group{
background-color: #06c;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
}
#sitenav li.group a, #sitenav li.group .nolink{
padding: 4px 8px;
color: #fff;
}
#sitenav li.group a:hover{
background-color: #fff;
color: #006;
}
#sitenav em{
text-decoration: underline;
font-style: normal;
}
#skipnav a{
position: absolute;
left: 0;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}
#skipnav a:active, #skipnav a:focus {
position: absolute;
left: 50%;
top: 1em;
width: auto;
height: auto;
background-color: #ddd;
font-size: 0.8em;
padding: 0.5em;
overflow: visible;
}
#contentareacontainer{
width: 75%;
float: left;
}
#contentarea{
height: 10px;
border-top: 1px solid #aaa;
border-right: 2px dotted #9bc;
border-left: 2px dotted #333;
background: #fff;
margin: 0;
padding: 0 0.6em 0.4em 0.6em;
}
html>body #contentarea{
height: auto;
}
#contentarea img{
float: right;
margin: 0.2em 0 1em 0;
}
#footercontainer{
clear: both;
width: auto;
background: transparent url(icon1.jpg) no-repeat bottom right;
margin: 2px 0 0 0;
padding: 0 0 50px 0;
}
#footer{
text-align: center;
width: auto;
margin: 0;
padding: 0;
border: 0.05em solid #68c;
background: #9bc;
}
#footer p{
margin: 0;
padding: 0.4em 0 0 0;
}
#footer ul{
list-style: none;
padding: 0 0 0.2em 0;
margin: 0.4em 0;
}
#footer li{
display: inline;
margin: 0;
padding: 0;
background-color: transparent;
border-left: none;
border-right: none;
}
#footer a, #sitemap a{
border: none;
}
#sitemap em{
font-style: normal;
font-weight: bold;
text-decoration: underline;
}
#sitemap li{
border-left: 2px solid #ccc;
border-right: 10px solid #faf0e6;
background-color: #f9f9f9;
font-size: 1.4em;
}
#sitemap li.sub1{
margin-left: 3em;
border-left: 2px solid #999;
border-right: 10px solid #faf0e6;
background-color: #f9f9f9;
font-size: 1em;
}
#sitemap li.sub2{
margin-left: 6em;
border-left: 2px solid #666;
border-right: 10px solid #faf0e6;
background-color: #f9f9f9;
font-size: 0.8em;
}
p.updated{
font: 0.7em georgia serif;
color: #633;
}
form{
font-size: 0.8em;
font-weight: bold;
color: #633;
padding: 0;
margin: 0.8em 0 0 0;
width: 90%;
}
label{
float: left;
clear: both;
text-align: right;
padding: 0.3em 0;
width: 18%;
}
input, textarea{
float: right;
font: bold 1em arial, helvetica, sans-serif;
background-color: #fcf9f6;
border: 1px solid #633;
padding: 0.25em;
margin: 0 0 1em 0;
width: 80%;
}
input.send{
width: auto;
float: right;
clear: both;
width: 18%;
}
.clear,.clearline{
clear: both;
width: auto;
line-height: 1px;
font-size: 1px;
}
.clearline{
height: 1px;
background: #aaa;
}
html>body.clear{
height: 1px;
}