html,body { margin: 0; padding: 0; }
body { font: 85%/1.3 TrebuchetMS,Arial,sans-serif;
       text-align: left; background: #fff; padding-bottom:1px;
       overflow:auto }
a { color: #0066B3; background: inherit; text-decoration: none; }
h1 { font: bold 2.1em Arial, Arial, Sans-Serif; color: #036DA7; }
h2 { font: bold 1.1em Arial, Arial, Sans-Serif; padding: 0; margin: 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: 15px 0 0; color: #fff; }

ul#nav,ul#nav li { list-style-type: none; margin: 0; padding: 0; }
ul#nav { float:right; 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 .box { 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 }

#left {
  padding: 1em;
  background: #eee;
  text-align: justify;
  min-height: 300px;
}

#right {
  float: right;
  width: 20%;
  min-width: 212px;
  margin: 0 0 0 1em;
  background: #fff;
}

#right .box {
  padding: 1em;
  margin: 0 0 1em 1em;
  background: #FFF6BF;
}

#footer {
  clear: both;
  background: #BBD9EE;
  padding: 1em;
  margin: 0;
}

#content {
  clear: both;
  font: 95%/1.3 TrebuchetMS,Arial,sans-serif;
  padding: 1em;
}

li#dl {
  margin-top: 10px;
}