/* CSS Document */

body {
  margin: 0px;
  font-family: Arial, Sans-serif, Verdana ;
  background: #EEE url('./img/bg_01.gif') top left repeat-x;
  color: #999;
}

img {
  border: 0px;
}

p {
  font-size: 9pt;
  color: #333;
}

h1 {
  font-size: 14pt;
  color: #000;
  font-weight: bold;
  margin: 1px;
  padding: 0px;
}

h2 {
  font-size: 11pt;
  color: #666;
  font-weight: bold;
}

#page {
  width: 900px;
  margin: auto;
}

#top {
  width: 900px;
  height: 179px;
  margin: 0px;
  background: url(./img/top.jpg)
}

#logo {
  width: 250px;
  height: 179px;
  margin: 0px;
  float: left;
  border: 0px #000 solid;
}

#menu {
  width: 650px;
  margin: 55px 0px 0px 0px;
  float: left;
}

#color_row{
  width: 640px;
  margin: auto;
  height: 8px;
}

#txt_row{
  width: 640px;
  margin: auto;
  height: 50px;
}

#spotter_row{
  width: 640px;
  margin: 25px 0px 0px 0px;
  height: 41px;
}

#content {
  width: 800px;
  padding: 0px 50px 0px 50px;
  background: url(./img/side_vert.jpg) top center repeat-y;
}

#foot {
  width: 800px;
  height: 35px;
  padding: 0px 50px 0px 50px;
  background: url(./img/bottom.jpg) top center no-repeat;

}

#copy {
  width: 900px;
  text-align: center;
  font-size: 8pt;
  color: #666;
}

.color_rect {
  width: 144px;
  height: 8px;
  float: left;
  margin: 0px 5px 0px 10px;
}

.color_rect_over {
  width: 144px;
  height: 8px;
  float: left;
  margin: 0px 5px 0px 10px;
  background: #000;
}

.menu_btn {
  width: 144px;
  height: 50px;
  margin: 0px 5px 0px 10px;
  float: left; 
}

.unspotted {
  width: 144px;
  height: 41px;
  margin: 0px 5px 0px 10px;
  float: left; 
}

.spotted {
  width: 144px;
  height: 41px;
  margin: 0px 5px 0px 10px;
  float: left; 
  background: url(./img/spotter.jpg) bottom center no-repeat;
}