html,body {
margin:0;
padding:0
}
body {
font: 85%/1.3 Verdana,Arial,sans-serif;
text-align: left;
/* background: #fff; */
padding-bottom:20px
}
a {
color: #0066B3;
background: inherit;
text-decoration: none;
}
h1 {
font: bold 2.1em Arial, Arial, Sans-Serif;
color: #036DA7;
}
h2 {
font: bold 1.5em Arial, Arial, Sans-Serif;
padding: 0;
margin-top: 0;
}
h3 {
font: bold 1.1em Arial, Arial, Sans-Serif;
padding: 0;
margin-top: 0;
}
div#header {
width:100%;
overflow:hidden;
background: #BBD9EE;
}
div#header h1,div#menu {
width:770px;
margin:0 auto;
text-align:left;
}
div#header h1 {
padding: 30px 0 20px;
color: #fff;
}
ul#nav,ul#nav li {
list-style-type:none;
margin:0;
padding:0;
}
ul#nav {
float:left;
font-size: 80%;
}
ul#nav li {
float:left;
margin-left: 3px;
text-align: center;
}
ul#nav a {
float:left;
width: 95px;
padding: 5px 0;
background: #E7F1F8;
text-decoration:none;
color: #666;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
ul#nav a:hover {
background: #fff;
color: #000;
}
ul#nav li.activelink a,ul#nav li.activelink a:hover {
background: #FFF;
color: #003;
}
div.right {
float: right;
width: 76%;
padding: 1em;
padding-top: 0px;
margin-bottom: 1.2em;
text-align: justify;
}
div.left {
float: left;
width: 20%;
margin: 0 0 10px 0;
}
div.left .box {
padding: 1em;
margin: 0 0 1em 0;
background: #FFF6BF;
border: 1px solid #AAA;
}
p.subtitle {
margin-top: 0px;
margin-bottom: 3px;
}
div.content {
font: 95%/1.3 Verdana,Arial,sans-serif;
margin: 0 auto;
padding: 15px;
background: #e7f1f8;
}
ul {
padding: 0;
margin: 0;
}
li {
list-style-type: none;
}