body {
  background: #EEEFF1;
  color: #030303;
  text-align: center;
}

a, a:link, a:visited { font-size:12pt; color:#996699;text-decoration:none;}
a:hover { color:#ffcc66}

#wrapper {
  text-align: center;
  margin: 0px auto;
  padding:10px;
  width: 807px;
  background:white; 
  border:solid grey;
  
}
#header, #main, #footer {
  text-align: left;
  width: 807px;
}

#header {
  padding: 3px;
  background: url(images/bg-top.png) top left no-repeat;
}

#header #logo {
  float: left;
  margin-right: 3px;
  width: 198px;
  height: 86px;
  background: #a57dc7 url(images/logo.png) top left no-repeat;
}
#header #graphic {
  float: left;
  width: 600px;
  height: 86px;
  background: #97a858 url(images/header-graphic.jpg) top left no-repeat;
}

#content {
  width: 490px;
  margin: 0px 100px 6px 200px;
  text-align: justify;
  
}

#box {width:150px;float:left;}

#content div {padding:10px;float:left;}

#floatdiv {
  margin-right: 3px;
  text-align: left;
  position:absolute;
  padding:6px;background:#FFFFFF;
  background:#EEEFF1;
  
}

#floatdiv div {margin-bottom:0px;margin-top:0px;padding:0px 0px 0px 5px; }
#floatdiv p  {margin-bottom:0px;margin-top:0px;padding:4px;text-align:left;}


#floatdiv h2 , #floatdiv h2 a {   color:#97a858; font-size:14pt; text-decoration:none;}


#floatdiv ul {
list-style: square url('images/arrow.gif');
padding-left:20px; margin:0px;
}

#ads {
 color:#999999;
 font-size: 11pt;
 /*position:absolute;
 top:60px; left:400px;*/
 margin:0px;
 text-align:left;
 width:101px;
 float:left;
}

#footer {
 text-align:center;
 color:black;
 width:807px;
 padding: 0px 0px 0px 20px;
  
}

.floathead {display:block; width:100%; font-size:18pt;color:#97a858;}
.floatborder {width:430px;background-color:#eeeeee;text-align:center}
.floater { display:table-cell;text-align:center}
.floater a img {border:none}