body,
html {
    margin:0;
    padding:0;
    background:#008080;
    color:#000;
    font: 13px verdana, arial;
}

body {
    min-width:850px;
    height: 1000px;
    text-align: center;
    padding: 0;
    margin: 0;
}

p {font-size: 13px; color: #222; line-height: 1.3em;}
p b {font-size: 14px;}
a {color: #008080; font-size: 14px; font-weight: bold; text-decoration: none;}
a:hover {color: #fff; background-color: #008080;}

h1 {
  padding: 0;
  font: bold 18px arial;
  text-align: center;
  color: #008080;
}

h2 {padding: 0; font: bold 23px arial; color: #185f5f; left: 70px;}
h3 {padding: 0; font: normal 18px arial; color: #185f5f; left: 70px;}
h4 {padding: 0; font: bold 16px arial; left: 70px;}

ul {text-align: left; padding-left: 0px; margin-left: 10px;}
ul li {font-size: 13px; line-height: 1.5em; margin-left: 10px;}
ol {text-align: left; padding-left: 15px; _padding-left: 0px; _margin-left: 20px; }
ol li {font-size: 13px; line-height: 1.5em; margin-left: 10px;}
ul li a, ol li a {font-size: 14px !important; color: #008080;}

blockquote {
  display: block; 
  width: 600px;
  font-size: 13px; 
  font-weight: bold;
  line-height: 1.5em;
  color: #333; 
  background-color: #fefd81; /* #fce8ad;  #fff1d4; */
  padding: 10px 15px 10px 15px;
  margin: 0 auto;
  border: 2px solid #f7e094;
}

blockquote b.creds {font-size: 16px !important; color: #009;}


a.backtop {
  float: right;
  font: 11px arial !important;
  font-weight: bold !important;
  color: #008080 !important;
  text-decoration: none;
}

a.backtop:hover {color: #fff !important; background-color: #008080;}

#body_header {
    background: #008080 url(images/backdrop_header.jpg) top center no-repeat;
    margin:0 auto;
    width:827px;
    height: 211px;  
    border: 0px solid #008080;
    border-width: 0 0 0 0;
}

#body_wrapper {
    background: #008080 url(images/backdrop_body.jpg) top center repeat-y;
    margin:0 auto;
    width:827px;
    height: auto;  
    border: 0px solid #008080;
    border-width: 0 0 0 0;
    z-index: 1;
}

#body_footer {
    background: #008080 url(images/backdrop_footer.jpg) top center no-repeat;
    margin:0 auto;
    width:827px;
    height: 83px;  
    border: 0px solid #008080;
    border-width: 0 0 0 0;
}

#logo {
    position: relative;
    float: left;
    width: 127px;
    height: 115px;
    left: 100px;
    top: 35px;
}

#adhdlogo {
    position: relative;
    float: left;
    width: 127px;
    height: 115px;
    left: 120px;
    top: 35px;
}

#headertext {
    position: relative;
    float: right;
    width: 491px;
    height: 98px;
    right: 80px;
    top: 43px;
}

#adhdheader {
    position: relative;
    float: right;
    width: 416px;
    height: 99px;
    right: 130px;
    top: 43px;
}

.navigation {
    position: relative;    
    display: block;
    float: left;
    width: 100%;
    top: 52px;
    left: 53px;
    margin: 1em 0;
    text-align: center;
    border-left: 1px solid #ddd;
}

.navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navigation li {
    margin: 0;
    padding: 0;
    float: left;
    width: 90px;
    line-height: 2em;
    text-align: center;
    border-right: 1px solid #ddd;
}

.navigation a  {
    display: block;
    width: 100%;
    height: 19px;
    font: bold 15px arial;
    text-decoration: none;
    color: #008080;
    line-height: 19px;
}

.navigation a:hover {
    background: #008080 none;
    color: #fff;
}

.navigation a.current, .navigation a.current:hover {
    background: #f00 none;
    color: #fff;
}

.maintext {
  position: relative;
  text-align: left;
  padding: 0 70px 0 75px;
  margin-top: -15px;
  z-index: 2;
}

.maintext a img {border: 1px solid #fff;}
.maintext a:hover img {background: #fff;}

.floatleft {float: left; padding: 0 10px 0 0;}
.floatright {float: right; padding: 0 0 0 15px;}

.special {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-right: 50px;
  _margin-right: 25px;
  width: 250px;
  height: 300px;
  border: 2px solid #f00;
  z-index: 60;
}

#special_p {
  font: bold 13px arial;
}

#footer_left {
  position: relative;
  float: left;
  top: 25px;
  left: 50px;
  padding-left: 10px;
  font: bold 11px arial;
  text-align: left;
}

#footer_right {
  position: relative;
  float: right;
  top: 25px;
  right: 40px;
  padding-right: 10px;
  font: bold 11px arial;
  text-align: right;
}

#footer_left a, #footer_right a {font-size: 11px; color: #008080; text-decoration: none;}
#footer_left a:hover, #footer_right a:hover {color: #fff;}

#announcement {
  float: right;
  background: url(images/clipart_postit.jpg) top center no-repeat;
  width: 249px;
  height: 287px;
  margin-right: 0px;
  margin-top: -20px;
  overflow: none;
  z-index: 5;
}

#announcetext {
  font-size: 11px;
  width: 200px;
  margin: 45px 5px 5px 5px;
}

#signupform {
  margin-top: -10px;
  margin-bottom: 0px;
  padding: 0;
}

#form1  {
  padding: 0;
  margin: 0;
}

p.postit_body {text-align: left; font-size: 11px; width: 200px; padding: 0; margin: 0;}
p.center {text-align: center}
.quotes {width: 15px; height: 13px; margin: 0; padding: 0; border-width: 0px;}
.hilite_h2, .hilite_h2 a {font: 22px arial; font-weight: bold; line-height: 1.3em; padding-top; 3px;}
.hilite_h3, .hilite_h3 a {font: 16px arial; font-weight: bold;}
.small, .small a {font: 12px arial; font-weight: bold;}
.brdr {border: 2px solid #ffcc59; background-color: #faeab7;}
.blue {color: #008080 !important;}
.red {color: #e00 !important;}
.dblue {color: #009 !important;}

.menudrop {
    position: relative;    
    display: block;
    float: left;
    width: 100%;
    top: 61px;
    left: 115px; /* 43px; */
    _left: 105px; /* 33px; */
    text-align: center;
    font: bold 15px arial;
    z-index: 100;
}

.menudrop ul li a, .menudrop ul li a:visited {display:block; text-decoration:none; color:#006060; width:105px; height:25px; text-align:center; line-height:25px; overflow:hidden;}
.menudrop ul {padding:0; margin:0; list-style: none;}
.menudrop ul li {float:left; position:relative;}
.menudrop ul li ul {display: none; padding-top: 5px; margin-left: -10px; _margin-left: -20px;}

.menudrop ul li:hover a {color:#fff; background:#008080;}
.menudrop ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:95px;}
.menudrop ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menudrop ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menudrop ul li:hover ul li a {display:block; background:#ddd; color:#006060;}
.menudrop ul li:hover ul li a:hover {background:#008080; color:#000;}

a#selected, a#selected:hover {color:#fff; background-color:#f00;}

#contactform  {width: 450px; height: 580px; _height: 540px; background-color: #fff; margin: 0 auto;}

#progmenu {margin: 0 auto; text-align: center;}
#progmenu a, #progmenu a:visited {display: block; margin: 0 auto; text-decoration: none; color: #008080; width: 300px; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold;}
#progmenu a:hover {background: #008080; color: #fff;}