BODY {
  text-align:center;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:11px;
  font-weight:normal;
  color:#000000;
  background-color:#CCCCCC;
  margin:0;
  background-position:center top;
  background-repeat:repeat-y;
}

/* ------ wrapper and cleaner ------ */

#wrapper {
  width:828px;
  margin:0 auto;
  text-align:left;
  background-color:#FFFFFF;
}

.cleaner {
  clear:both;
  height:0;
  border:none;
  padding:0;
  margin:0;
  font-size:0;
}

/* ------ general formatting ------ */

P {
  margin:0 0 16px 0;
}

.ul {
  margin-left:18px;
  margin-bottom:0;
  padding:0;
}

.ol {
  margin-left:24px;
  margin-bottom:0;
  padding:0;
}

.table {
  border-left: #BBBBBB solid 1px ;
  border-top: #BBBBBB solid 1px ;
}

.table td {
  border-right: #BBBBBB solid 1px ;
  border-bottom: #BBBBBB solid 1px ;
}

/* ------ standard links ------ */

A:link {
  color:#0000FF;
  text-decoration:none;
}

A:visited {
  color:#0000FF;
  text-decoration:none;
}

A:hover {
  color:#FF0000;
  text-decoration:none;
}

/* ------ banner (bottom margin) ------ */

#banner {
  margin-bottom:10px;
  padding:0;
  width:828px;
}

#bannleft {
  float:left;
  width:616px;
  height:135px;
  background-color:#000000;
}

#bannright {
  float:right;
  width:212px;
  height:135px;
  background-color:black;
  color:#FFFFFF;
}

#youAreHere {
  position:relative;
  width:100%;
  margin-top:7px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
  border-bottom:dashed 1px;
}

#youAreHere a:link {
	color: #333333;
	text-decoration: none;
}

#youAreHere a:visited {
	color: #333333;
	text-decoration: none;
}

#youAreHere a:hover {
	color: #333333;
	text-decoration: none;
  font-weight: bold;
}

/* ------ middle section (top margin)  ------ */

#middle {
  padding:0;
  width:100%;
}

.listingdiv {
  display:inline;
  margin-right:8px;
}


.listingtable {
  display:inline;
}

/* workaround for Safari */
table[title="listingtable"] {
 display:inline-table;
}

/* workarounds for IE not needed so changed to listingtable1 */
* html .listingtable1 { display:inline; }   /* IE 6 */
* + html .listingtable1 { display:inline; }   /* IE 7 */

.listingbox {
  display:block;
  width:140px;
  height:180px;
  padding:3px;
  border:1px dotted #333333;
}

.moreouter {
  display:block;
  width:493px;
  padding:10px;
  border:1px dashed #333333;
}

.morehead {
  display:block;
  width:473px;
  background-color:#19484C;
  padding:10px;
  margin-bottom:15px;
  font-size: 20px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.morelogo {
  display:block;
  width:95px;
  height:90px;
  padding:auto;
  border:1px solid #D7D7D7 ;
  margin-bottom:5px;
  margin-left:0;
  text-align:center;
}

/* ------ left menu ------ */

#leftmenu {
  float:left;

  padding:0;
  width:190px;
  display: inline; /* fix IE double left margin bug */
}

#leftmenu ul {
  list-style:none;
  margin:0;
  padding:0;
}

#leftmenu li {
  display:inline;
  margin:0;
  padding:0;
}

#leftmenu A:link {
  display:block;
  margin:0;
  padding:0;
}

#leftmenu A:visited {
  display:block;
  margin:0;
  padding:0;
}

#leftmenu A:hover {
  display:block;
  margin:0;
  padding:0;
}

/* ------ content ------ */

#content {
  margin-left:210px;
  padding-top:5px;
  width:615px;
}

/* ------ footer ------ */

#foot {
  border-top:dashed #000000 1px;
  margin:10px 0;
  font-size:9px;
  padding-top:5px;
}

#footleft {
  float:left;
}

#footright {
  float:right;
}