/* Screen cascading style sheet for 1807 Website */

body {
  background: #fff9e7;
  font-family: Verdana, Arial;
  font-size: 0.8em;
  margin: 0px;
  padding: 0px;
}

a:link {color: #666699; font-weight: bold; text-decoration: none}
a:visited {color: #666699; font-weight: bold; text-decoration: none}
a:hover {color: #000065; font-weight: bold; text-decoration: none}
a:active {color: #666699; font-weight: bold; text-decoration: none}

address {margin-left: 20px}

h1 {color: #000000; font-size: 1.5em; margin: 10px 0; padding: 0px; text-align: left}
h2 {color: #666699; font-size: 1.2em; margin: 25px 0 -10px 0; padding: 0px; text-align: left}

img {border: 0px}

img.agt {border: 0px; float: right; margin-left: 10px;}
img.w3c {border: 0px; float: left; margin-left: 10px;}

input {background: #FFFFCC}
select {background: #FFFFCC}

p {text-align: justify}

td.join_head {background: #336600; color: #FFFFCC; font-size: 1.4em; font-weight: bold; text-align: center}
td.join_title {background: #336600; color: #FFFFCC; font-weight: bold; text-align: right}

ul {list-style: square;}
ul.refs li {margin: 10px 0}

#border_wrap {
  margin: 20px auto;
  text-align: left;
  width: 800px;
}
 
#container {
  float: left;
  border: 1px solid #FFCC33;
  text-align: left;
  width: 800px;
}

#footer {
  float: left;
  background: url(images/footer1.gif);
  color: #FFCC33;
  font-size: 0.85em;
  height: 70px;
  width: 800px;
}

#footer_address {
  float: left;
  margin-top: 27px;
  padding: 10px;
  width: 250px;
}

#footer_ht {
  float: right;
  margin-top: 35px;
  padding: 10px;
  text-align: right;
  width: 250px;
}

#footer a:link {color: #FFCC33; font-weight: bold}
#footer a:visited {color: #FFCC33; font-weight: bold}
#footer a:active {color: #FFCC33; font-weight: bold}
#footer a:hover {color: #C0C0C0; font-weight: bold}

#header {
  float: left;
  background: url(images/header.gif);
  height: 100px;
  width: 800px;
}

.logo {
  float: left;
  text-align: center;
  width: 33%;
}

#main {
  float: right;
  background: #FFFFFF;
  padding: 20px 20px;
  width: 600px;
}

#navback {
  float: left;
  background: url(images/nav1.gif) repeat-y;
  width: 800px;
}

#navpanel {
  float: left;
  background: url(images/nav1.gif);
  width: 160px;
}

#nav {
  float: left;
  color: #FFCC33;
  margin: 30px 0px;
  text-align: left;
  width: 160px;
}

#nav ul {
  border-bottom: 1px solid #FFCC33;
  font-size: 0.8em;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 159px;
}

#nav li {
  width: 100%;
}

#nav li a {
  background: url(images/navbck.gif);
  border-top: 1px solid #FFCC33;
  color: #FFCC33;
  display: block;
  padding: 6px 0px 5px 5px;
  text-decoration: none;
}

#nav li a:hover {
  background: #808080;
  color: #FFFFFF;
}

#nav li a.current {
  background: #808080;
  color: #FFFFFF;
}

html>body #nav li a {
  width: auto;
}

#survey_download {
  background: #C0C0C0;
  border: 1px solid #FFCC33;
  font-size: 1.2em;
  margin: 10px auto;
  text-align: center;
  width: 200px;
}

#survey_download a:link {color: #000000; display: block; font-weight: bold; padding: 5px; text-decoration: none}
#survey_download a:visited {color: #000000; display: block; font-weight: bold; padding: 5px; text-decoration: none}
#survey_download a:hover {background: #808080; color: #000000; display: block; font-weight: bold; padding: 5px; text-decoration: none}
#survey_download a:active {color: #000000; display: block; font-weight: bold; padding: 5px; text-decoration: none}

#toolkit {
  float: right;
  background: url(images/toolkit.gif);
  color: #FFCC33;
  margin-left: 10px;
  padding: 0 7px 7px 0;
  text-align: center;
  height: 300px;
  width: 200px;
}

#toolkit h2 {color: #FFCC33; font-size: 1.2em; margin: 10px 0; text-align: center}

#toolkit_download {
  background: #C0C0C0;
  border: 1px solid #FFCC33;
  margin: 10px auto;
  text-align: center;
  width: 100px;
}

#toolkit_download a:link {color: #000000; display: block; font-weight: bold; padding: 5px; text-decoration: none}
#toolkit_download a:visited {color: #000000; display: block; font-weight: bold; padding: 5px; text-decoration: none}
#toolkit_download a:hover {background: #808080; color: #000000; display: block; font-weight: bold; padding: 5px; text-decoration: none}
#toolkit_download a:active {color: #000000; display: block; font-weight: bold; padding: 5px; text-decoration: none}