html {
  overflow-y: scroll;
  margin: 0px auto;
}
body {
    width: 1020px;
    margin: 0px auto;
    text-align: center;
    font-size: 12px;
    color: #000000;
    background-color: #ffffff;
    background-image: url(../images/gradientfromtop.gif);
    background-repeat: repeat-x;
}
body, p, h1, h2, h3, h4, table, td, th, ul, li, ol, textarea, input {
  font-family: verdana,helvetica,arial,sans-serif;
}
p {
  text-indent: 50px;
}
h1 {
  font-size: 200%;
  margin-top: 0px;
  font-weight: normal;
}
h2 {
  font-size: 160%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: normal;
}
h3 {
  font-size: 120%;
  font-weight: normal;
}
h4 {
  font-size: 100%;
}
h5 {
  font-size: 90%;
}
h6 {
  font-size: 80%;
}
/*
h1, h2, h3, h4, h5, h6 {
  background-color: transparent;
  color: #00ff00;
}
*/
span.color_h1 {
  color: #92b901;
}
span.color_h2 {
  color: #92b901;
}
span.color_h3 {
  color: #92b901;
}


td.sidebar {
  width: 204px; 
  /*width: 20%; percentages doesnt seem to work on chrome and safari? */
  vertical-align: top;
  background-color: #384235;
  text-align: left;
}
.sidebar {
  font-family: verdana,helvetica,arial,sans-serif;
  color: #ffffff;
  font-weight: normal;
  text-indent: 20px;
}
.sidebar p {
  color: #ffffff;
  font-weight: normal;
  text-indent: 30px;
}
.sidebar h2 {
  color: #ffffff;
  font-weight: normal;
  text-indent: 20px;
  font-size: 130%;
}
.sidebar a:link {
  color: #dddddd;
  background-color: transparent;
  text-decoration: none;
}
.sidebar a:visited {
  color: #dddddd;
  background-color: transparent;
  text-decoration: none;
}
.sidebar a:hover {
  color: #ffffff;
  background-color: transparent;
  text-decoration: underline;
}
.sidebar a:active {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
}


.mainarea {
  color: #000000;
  font-weight: normal;
}
.mainarea h1 {
  color: #000000;
  font-weight: normal;
  font-size: 200%;
}
.mainarea h2 {
  color: #000000;
  font-weight: normal;
  text-indent: 0px;
  font-size: 160%;
}
.mainarea h3 {
  color: #000000;
  font-weight: normal;
  text-indent: 0px;
  font-size: 130%;
}
.mainarea p,ul {
  color: #000000;
  font-weight: normal;
  text-indent: 0px;
  font-size: 110%;
}
.mainarea a:link {
  color: #771100;
  background-color: transparent;
  text-decoration: none;
  font-size: 120%;
}
.mainarea a:visited {
  color: #551100;
  background-color: transparent;
  text-decoration: none;
  font-size: 120%;
}
.mainarea a:hover {
  color: #771100;
  background-color: transparent;
  text-decoration: underline;
  font-size: 120%;
}
.mainarea a:active {
  color: #551100;
  background-color: transparent;
  text-decoration: none;
  font-size: 120%;
}
td.mainarea {
    padding-top:25px;
    padding-bottom:25px;
    padding-right:50px;
    padding-left:50px;
    border-collapse: collapse;
    vertical-align: top;
    background-color: rgb(250,250,250);
    text-align: left;
}

.mainarea #table_fmt {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    width:100%;
    border-collapse:collapse;
    color:#000000;
}
.mainarea #table_fmt td, .mainarea #table_fmt th {
    font-size:1.2em;
    border:1px solid #000;
    padding:3px 7px 2px 7px;
    text-align:left;
    text-indent: 0px;
}
.mainarea #table_fmt th {
    font-size:1.4em;
    text-align:center;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#706352;
    color:#ffffff;
}
.mainarea #table_fmt tr.alt td {
    color:#000;
    background-color:#d5d0c9;
    text-align:left;
    text-indent: 0px;
}



.menubar {
  color: #ffffff;
}
.menubar h2 h3{
  color: #ffffff;
    text-align:left;
    text-indent: 20px;
}
td.menubar {
    border-style: none;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:20px;
    padding-right:20px;
    background-color: #424f32;
}
a.menubar {
    padding-left:20px;
    padding-right:20px;
}
a.menubar:link, a.menubar:visited {
  color: #dddddd;
  background-color: transparent;
  text-decoration: none;
  font-size: 130%;
}
a.menubar:hover, a.menubar:active {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
  font-size: 130%;
}

.hangingindent {
    padding-left: 22px ;
    text-indent: -22px ;
}




iframe {
  margin: 0px;
}
div {
  width: 100%;
}
table, th, td, input, textarea {
  font-size: 100%;
}
img {
  border:  none;
}
pre {
  font-family: "courier new";
  font-size: 110%;
  margin-left: 0;
  margin-bottom: 0;
}
hr {
  border:  none;
  background-color: #d4d4d4;
  color: #d4d4d4;
  height: 1px;
  clear: both;
}
a:link, a:visited {
  text-decoration: none;
  color: #cccccc;
  background-color: transparent;
}
a:hover, a:active {
  text-decoration: none;
  color: #ffffff;
  background-color: transparent;
}