html{
  border:0;
  overflow-y: scroll;
}

body{
  height:100%;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
  background: #f3f3f3;
  color:#444444;
  margin:15px auto 0;
}

.highlight{
  padding:5px;
  background : #f3f3f3;
}

.pagewrapper{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  width: 1068px ;
  margin-left: auto ;
  margin-right: auto ;
  padding:0px;
}

.barswatch{
  float:left;
  width:100%;
  overflow:hidden;
  height:3px;
}

.pageheader{
  float:left;
  width:100%;
  overflow:hidden;
}

.pageheader img{
  float:left;
  border:0;
}

.opacity1{
   opacity: .086;
}
.opacity2{
   opacity: .107;
}
.opacity3{
   opacity: .134;
}
.opacity4{
   opacity: .168;
}
.opacity5{
   opacity: .210;
}
.opacity6{
   opacity: .262;
}
.opacity7{
   opacity: .328;
}
.opacity8{
   opacity: .410;
}
.opacity9{
   opacity: .512;
}
.opacity10{
   opacity: .640;
}
.opacity11{
   opacity: .800;
}
.opacity12{
   opacity: 1;
}

.pageheader img:hover{
  opacity: 1;
}

.main{
  background:white;
  float:left;
}

.content{
  min-height:500px;
  width:778px;
  float:left;
  padding:20px;
  margin-left:40px;
}
.clear { clear: both; }

.footer{
  background: white;
  float:left;
  width:1010px;
  padding-left:40px;
  padding-right:20px;
  padding-bottom:20px;
}

.footer p{
  border-top:1px dotted #9A9A9A;
  border-color:#9A9A9A;
}

.baseline{
  float:left;
  width:1070px;
  height:40px;
  background:#f3f3f3;
}

.topnav{
  background: #e3e3e3;
  float:left;
  width:100%;
}

.topnav li {
  display: inline;
}

.topnav a {
  padding: 16px;
  width: 160px;
  font-weight:bold;
  font-size:18px;
}

.topnav ul {
  padding-left: 0;
  list-style-type: none;
}

.topnav a:link, .topnav a:visited {
  color: black;
  text-decoration: none;
}

.topnav a:hover {
  color: white;
}

.topnav a.link1:hover{
  background-color: #92090d;
}

.topnav a.link2:hover{
  background-color: #145191;
}

.topnav a.link3:hover{
  background-color: #c7bc51;
}

.topnav a.link4:hover{
  background-color: #005300;
}

.topnav a.link5:hover{
  background-color: #3b073c;
}

.leftnav{
  float:left;
  width:190px;
  padding-top:20px;
  padding-left:20px;
}

.leftnav ul{
  padding:0px;
  margin:0px;
}

.leftnav .section{
 margin-bottom:10px;
}

.leftnav h1{
  margin-top:0px;
  font-size:18px;
  font-weight:bold;
  color:#303030;
}


.leftnav li {
  list-style: none;
  margin: 0;
  padding: 0.25em;
}

.leftnav a, .leftnav a:visited {
  text-decoration: none;
  color:black;
  padding: 0 0 0 5px;
  border-left: solid 4px #e3e3e3;
}

.leftnav li a { 
  text-decoration: none; 
  color:black;
}

.content p{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12pt;
  text-align : justify;
}

.content pre{
  font-size : 12pt;
  text-align : justify;
}

a {
  text-decoration : underline;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

a:hover{
   color:black;
}

.content h1 {
  font-size : 200%;
  font-weight : bold;
  margin-top:5px;
  margin-bottom:10px;
  color:black;
}

.content h2 {
  font-size : 140%;
  font-weight : bold;
  text-align : left;
  margin-top:5px;
  margin-bottom:5px;
  color:black;
}

.overlay {
    padding: 0;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width:100%;
    z-index: 100;
}

.leftnav li.year{
  border-left: solid 4px #e3e3e3;
}

.leftnav .date{
  display:inline-block;
  vertical-align:top;
}

.leftnav .datetitle{
  vertical-align:top;
  display:inline-block;
  margin-right:5px;
}

.leftnav .date a:hover{
  border:0;
}

.leftnav .date a{
  border:0;
  padding:0px;
}

.leftnav .date{
  color:#e3e3e3;
}

.leftnav .date ul{
  list-style-type: none;
}

.leftnav .date li{
  display: inline;
  padding:0px;
}

.leftnav .datecontainer{
  margin-bottom:7px;
}