html {overflow:scroll}

body {padding: 0;
font: 100% "Trebuchet MS", tahoma, verdana, arial,  sans-serif;
color: #666;
background-position: 50% 0px;
text-align: center;
background-image: url(images/bg.gif);
margin-top: 8px;
margin-left: 0px;
margin-bottom: 4px;
margin-right: 0px;}

#container {width: 700px;
margin-left: auto;
margin-right: auto;
padding: 5px;
text-align: left;
border: 1px #cee4cd solid;
background-color: #ffffff;}

#banner {height:161px;
padding: 5px;
margin: 0;
border-bottom: none;
background:  url(images/head1.jpg) no-repeat;}

html>body #banner {height:150px}

#banner h1 {margin: 0px 5px 10px 5px;
padding-top: 30px;
border-bottom: none;
border-top: none;
font-size: 160%;
text-align: left;
color: #6b6b6b;
font:  "Trebuchet MS", tahoma, verdana, arial,  sans-serif;}

#banner h2 {font-size: 130%;
font-weight: bold;
text-align: left;
color: #9c9c9c;
padding-bottom: 0px;
margin-bottom: 0px;
margin-left: 5px;
padding-left: 0px;
line-height: 26px;}

html>body #nav {width:99%;}

#nav {background-color:#9c9c9c;
margin:5px 0;
width:100%;
height:28px;
font-size: 85%;
padding-left: 6px;}

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

#nav ul li {float:left;}

#nav ul li a {float:left;
padding:5px 10px;
height:18px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
display:block;}

#nav ul li a:hover {background-color: #e1cdb2;
color: #777777;}

#nav ul li a.selected,#nav ul li a.selected:hover {background-color:#5e9eb7;
color: #fff;}




#content {padding: 0px;
margin-left: 230px;
margin-bottom: 0;
line-height: 1.3em;}

#content img {margin-bottom: 10px;
margin-top: 10px;}

#sidebar {float: left;
width: 190px;
margin: 6px 5px 50px 5px;
padding: 3px;
line-height: 1.4em;
padding-top: 0px;
font-size: 75%;}

p {padding: 0px 5px 0px 5px;}

#content p {font-size: 80%;}

#content h2 {font-size: 90%;
border-bottom: 1px solid #5e9eb7;
color: #5e9eb7;
background: inherit;
margin-top: 16px;
margin-bottom: 6px;
margin-left: 0px;
padding-bottom: 6px;
padding-top: 6px;
padding-left: 4px;}

#content h3 {
font-size: 85%;
color: #5e9eb7;
margin-bottom: 0;
margin-left: 0px;
padding-bottom: 0;
padding-top: 6px;
padding-left: 4px;
}

.smalltext {
font-size: 90%;
line-height: 1.4em;
}

#content li {
font-size: 80%;
}

#sidebar h3 {font-size: 90%;
color: #878787;
background: inherit;
border-bottom: 1px #b9b9b9 solid;
font-size: 110%;
margin-top: 16px;
margin-bottom: 6px;
padding-bottom: 6px;
padding-left: 4px;
padding-right: 4px;}

#sidebar b {color: #5e9eb7;
margin-bottom: 4px;}

.image {float: right;
padding-left: 8px;
padding-bottom: 8px;
margin-top: 0px;
padding-top: 0px;
}

a {text-decoration: underline;
border-bottom: none;
color: #6d5c41;
background: inherit;}

p a:hover {color: #5e9eb7;
background: inherit;}

#threecols p {font-size: 1em;
background: inherit;
color: #666;
line-height: 1.5em;}

.col1 {float:left;
width:220px;
margin: 3px 0 5px 0;
padding: 5px;}

.col2 {float: left;
width: 220px;
margin: 3px 0 5px 0;
padding: 5px;}

.col3 {float: right;
width:220px;
margin: 3px 0 5px 0;
padding: 5px;}

#footer {clear:both;
margin: 0px 0px 0px 0px;
font-size: 65%;
text-align: center;
border-top: 1px solid #dfd0b9;
color: #fff;
background: #5e9eb7;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;}

#footer a:link, #footer a:visited {background: inherit;
color: #333;
border-bottom: none;}

#footer a:hover {border-bottom: none;
background-color: inherit;
color: #663300;}