﻿  /*******************/
 /*    v.10.1.2b    */
/*******************/

/* TO DO
- Advertiser index (Table, Header(center))
- Footer
- Search page isn't even defined...
- Check remaining pages, including ad form */

  /*******************/
 /*   set defaults  */
/*******************/
@import "reset.css";
/* FF scrollbar shift */
html{
  min-height: 100%; margin-bottom: 1px;
}
  /*******************/
 /*    structure    */
/*******************/
#wrapper{
  background: #faf3e9 url(../img/bg.jpg) repeat-x top;
  width: 1000px;
  margin: 5px auto;
  min-height: 500px; /*temp*/
  height: auto !important;
  height: 500px;
  overflow: visible; /*temp*/
  position: relative;
  border-right: 3px solid #ccc;
  border-bottom: 3px solid #ccc;
}
#content{
  clear: left;
  width: 920px;
  margin: 2px auto;
  margin-top: 0;
  padding: 2px;
  background: #fff;
  border: 2px solid #ccc;
  border-top: 0;
}
#leftcolumn{
  width: 304px;
  padding: 2px;
  float: left;
}
#leftcolumn div{
  width: 300px;
  margin: .5em auto;
  padding: 0;
  /*border: 1px solid #ccc;*/
}
#leftcolumn div h3{
  text-align: center;
}
#cchambers{
  margin: 1em 0;
  padding: .2em;
}
#cchambers dt{
  text-align: center;
}
#cchambers dd{
  margin-left: 2em;
  padding: .3em;
}
/* what happened when uploaded? */
.classheader h4{
  text-align: center;
}
#centercolumn{
  width: 472px;
  float: left;
  padding: 2px;
}
#rightcolumn{
  float: left;
  width: 124px;
  padding: 2px;
}
/* Ad Blocks */
#ad1{
  float: left;
  margin: 10px 5px auto 1%;
  padding: 0;
  border: 1px solid #999;
  background: #FFF;
  width: 300px;
  height: 250px;
  position: relative;
}
#ad1 div, #ad3 div{
  border: none;
}
#ad2{
  float: left;
  margin: 1em 0;
  clear: left;
  padding: 0;
  border: 1px solid #999;
  background: #FFF;
}
#ad3{
  float: left;
  margin: 1em 0;
  clear: left;
  padding: 0;
  border: 1px solid #999;
  background: #FFF;
}
.banner_inline{
  text-align: center;
  margin: 0 auto;
}
  /*******************/
 /*    header       */
/*******************/
#masthead{
  background: transparent url(../img/bg_h1.jpg) no-repeat 0 0;
  padding: 10px 0 0 0;
}
#masthead h2, #masthead p{
  font-size: .9em;
}
#masthead img{
  margin-left: 10px;
}
#logoimage{
  float: left;
  margin: 5px 15px 0 0;
  padding-left: 25px;
}
#contact{
  position: absolute;
  top: 15px;
  right: 15px;
  background: #e9bd90;
  padding: 2px;
  border: 1px solid #999;
  text-align: center;
}
#volno{
  border: 1px solid #999;
}
#ticker{
  float: left;
  width: 35%;
  overflow: hidden;
  border: 1px solid #999;
  margin: 5px 0 0 0;
  background: #e9bd90;
  text-align: center;
}
.dot{
  margin: 0 5px;
}
.highlight{
  color: #cc3300;
}
.hello{
  clear: left;
  background: #fffdd4 url(../img/classheader.gif) bottom left repeat-x;
  position: relative;
  border: 1px solid #999;
  text-align: center;
  overflow: auto;
}
  /* dirty ie6 haslayout hack */
  /* \*/
.hello{
  height: 1%;
}
  /* */
.hello h1{
  text-align: center;
  margin: 2px;
  padding-left: 15px;
}
/* search */
#searchbox{
  color: #999;
  height:28px;
  background: #fffdd4 url(../img/classheader.gif) bottom left repeat-x;
  position: relative;
  border: 1px solid #999;
  text-align: center;
}
#search{
  margin: 2px 4px;
  padding: 0;
  width: 280px;
}
  /*******************/
 /*    main nav     */
/*******************/
#nav{
  clear: left;
  float: left;
  position: relative;
  display: block;
  text-align: center;
  width: 920px;
  margin: 5px auto 0 40px;
  background: transparent url(../img/border_top.gif) repeat-x bottom;
}
#nav ul {
  margin: 0;
  /*padding: 10px 10px 0;*/
  list-style: none;
}
#nav li {
  float: left;
  background: url("../img/nav-left.gif") no-repeat left top;
  margin: 0;
  padding: 0 0 0 8px;
  border-bottom: 1px solid #ccc;
}
#nav a {
  float: left;
  display: block;
  width: .1em;
  background: url("../img/nav-right.gif") no-repeat right top;
  padding: 1px 8px 0 0;
  white-space: nowrap;
  text-decoration: none;
  font: .9em verdana, arial, helvetica, sans-serif;
  color: #765;
}
#nav > ul a {
  width: auto;
}
	/* ie5-mac \*/
#nav a {float:none;}
/* end ie5-mac hack */
#nav a:hover {
  color: #ff0000;
}
#home #nav-home, #news #nav-news, #submit #nav-submit, #about #nav-about, #contactus #nav-contactus{
  background-position: 0 0px;
  border-width:0;
}
#home #nav-home a, #news #nav-news a, #submit #nav-submit a, #about #nav-about a, #contactus #nav-contactus a{
  background-position: 100% 0px;
  padding-bottom: 2px;
  color: #333;
}
#nav li:hover, #nav li:hover a {
  background-position: 0% -22px;
  color: #8b0000;
}
#nav li:hover a {
  background-position: 100% -22px;
}
/* end top nav */
/* Sub-Nav */
.subnav{
  float: left;
  width: 340px;
  margin: 3px auto 2px 5px;
  border: 1px solid #CCC;
  overflow: hidden;
  background: #FFF;
}
  /* Dirty IE6 haslayout hack */
  /* \*/
.subnav{
  height: 1em;
  margin-bottom: 6px;
}
  /* */
.subnav li{
  display: block;
  float: left;
}
.subnav li a, .subnav li a:link, .subnav li a:active{
  border: 1px solid #CCC;
  padding: 1px;
  background: #FFF;
}
.subnav li a:visited{
  color: #CC6633;
}
.subnav h1{
  clear: left;
}
  /*******************/
 /*    generic      */
/*******************/
a, a:link, a:active, a:visited{
  color: #0000FF;
  text-decoration: none;
}
a:hover{
  color: #FF0000;
}
.clear{
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
}
  /*******************/
 /*   classifieds   */
/*******************/
#centercolumn dd{
  border: 1px solid #CCC;
  padding: 4px;
  text-align: left;
}
#centercolumn dt{
  font-weight: bold;
  border: 1px solid #CCC;
  margin: .3em 0 0 0;
  padding: .2em;
  text-align: left;
  background: #92510D;
  color: #fff;
}
#centercolumn img{
  /* TEMP! define X ad block here */
  margin: .3em auto;
}
#centercolumn .classheader{
  background: #FFFFCC url(../img/classheader.gif) bottom left repeat-x;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  margin: 5px 0;
  padding: .3em;
  overflow: hidden;
}
.psa_inline{
  margin: .3em;
  padding: .3em;
  border: 4px solid #CCC;
  background: #FFFFF2;
}
#rightcolumn p{
  margin: .5em;
  padding-left: .3em;
}
#content h1{
  margin: 1px auto 3px auto;
  font: 1.3em "Times New Roman", Times, serif;
}
#content h2{
  margin: 1px auto 3px auto;
  font: 1.2em "Times New Roman", Times, serif;
}
#content p{
  text-align: left;
  font-family: "Times New Roman", Times, serif;
  font-size: .9em;
  margin: 1px auto 5px auto;
}
  /*******************/
 /*  page specific  */
/*******************/
#contactform{
  width: 80%;
  margin: 0 auto;
  border: 1px solid #CCC;
  background: #E9BD90;
}
#contactform td{
  margin: 2px;
  padding: 2px;
  background: #E9BD90;
  border: none;
}
#contactSubmit{
  text-align: center;
}
#contactSubmit img{
  border: 2px solid #CCC;
  margin: 3px;
}
#contactpage{
  padding: .5em;
}
#contactpage .tdleft{
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
}
.banner_inline{
  text-align: center;
  margin: 0 auto;
}
#searchboxen{
  width: 96%;
  margin: 10px auto;
  padding: 15px;
  text-align: left;
  border: 1px solid #CCC;
}
#adsubmit{
  padding: .1em 1em;
}
#aboutus{
  margin: .1em 1em;
  padding: .5em;
}
  /*******************/
 /*     misc        */
/*******************/
.sponsor{
  background: #FFFF99;
}
.highlight{
  background: #FFCC66;
  border: 1px solid #999;
}
#ticker{
  float: left;
  width: 35%;
  overflow: hidden;
  border: 1px solid #999;
  margin: 5px 0 0 0;
  background: #E9BD90;
  text-align: center;
}
#newsticker{
  border: 1px solid #999;
  background: #E9BD90;
  color: #7B4505;
  width: 100%;
}
  /*******************/
 /*      footer     */
/*******************/
#footer h1, #footer p{
  text-align: center;
  font-size: .8em;
  margin: 0 auto;
}
#bizindex td, #bizindex p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
  padding: .1em;
/* advertiser's index td, p, a */
}
#bizindex h3, #bizindex h2{
  text-align: center;
}
  /*******************/
 /* Rev. Adv. Table */
/*******************/
#advertiserIndex{
  margin: .1em;
  border: 1px solid #ccc;
  padding: .1em;
  text-align: center;
}
#advertiserIndex td{
  border: 1px dotted #ccc;
  padding: .3em;
  font:normal normal 0.8em Arial, Helvetica, sans-serif;
}
#advertiserIndex h3{
  color: #CC3300;
  font-size: 2em;
  margin: .5em;
}
#advertiserIndex form{
  width: 80%;
  margin: .6em auto;
}
#advertiserIndex fieldset{
  border: 1px solid #ccc;
  padding: 1em;
}
#advertiserIndex legend{
  padding: 2px;
  border: 1px solid #ccc;
}
#help{
  position: absolute;
  left: 2%;
  top: 5%;
}

