/* CSS Document */
body {
background:url(images/bg.jpg) left top repeat-x;
font-family: Georgia, "Times New Roman", Times, serif;
}
a:link {
color: #008FB8;
}
a:hover, a:active {
color: #fff;
background: #008FB8;
}
a:visited {
color: #4C4C4D;
}
#container {
width: 750px;
margin: 0 auto;
}
#top {
width: 100%;
padding: 2em 0;
}
#top #logo {
line-height: 1;
float: left;
width: 25%;
}
#top img {
border: none;
}
#top #nav {
margin: 0;
padding: 0;
text-align: right;
float: right;
}
#top #nav li {
list-style: none;
margin: 0;
padding: 0 1em;
float: left;
height: 30px;
}
#top #nav li a {
line-height: 2.5em;
}
#top #nav li a:link, #top #nav li a:visited {
text-decoration: none;
color: #4C4C4D;
font-weight: 600;
}
#top #nav li a:hover {
text-decoration: underline;
color: #008FB8;
background: transparent;
font-weight: 600;
}
#top #nav li a:active {
text-decoration: underline;
color: #00A0E2;
background: transparent;
font-weight: 600;
}

#main, #secondary{
width: 722px;
padding: 10px;
margin-top: 2em;
}
#main {
background:transparent url(images/main_bg.jpg) top no-repeat;
line-height: 175%;
font-size: 90%;
}
#main .box {
padding: 10px;
}
#main h1 {
color: #008FB8;
font-weight: normal;
}
#main h2, #main h3, #main h4 {
font-weight: normal;
margin-top: 1.5em;
}
#main .left {
width: 400px;
float: left;
padding-left: 20px;
}
#main .right {
float: right;
width: 282px;
}
#main .left a, #secondary .box a {
font-variant:small-caps;
color: #008FB8;
font-weight: bold;
text-decoration: none;
}
#main .left a:hover, #secondary .box a:hover {
color: #fff;
background-color: #008FB8;
}
#secondary {
clear: both;
margin: 0;
font-size: 80%;
line-height: 175%;
}
#secondary .box {
width:200px;
float: left;
padding: 0 20px;
}
#secondary h2 {
font-variant: small-caps;
color: #4C4C4D;
}
#footer {
border-top: 1px solid #ADADAD;
font-size: 70%;
margin: 0;
padding: 0;
}
.align-right {
text-align: right;
}
.webs {
padding: 10px;
font-size: 80%;
line-height: 120%;
clear: left;
}
.webs img {
padding: 10px;
border: 1px solid #ADADAD;
margin: 0 20px 0 0;
float: left;
clear: both;
}
#main label {
display: block;
}
#main .hide {
display: none;
}
.warning {
color: red;
}
#submenu {
float: right;
width: 200px;
border-left: 2px dotted #ccc;
margin: 2em;
line-height: 1.2em;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.breadcrumb{
text-transform: lowercase;
margin-top: -0.5em;
float: right;
text-align: right;
font-size: 0.75em;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */