/* TITLE: Stylesheet for My Auto Dealer Directory
 * URI  : www.myautodealerdirectory.us/include/madd.css
 * MODIF: 2005-12-15 17:34 +0800
 */

/* ###### Color Scheme ###### */

/*
 * CHANGING THE COLOR SCHEME
 * -------------------------
 * 
 * Five basic colors were used in the design. To change the
 * color scheme, just edit these four values below.
 *
 */

body
{ /* Text Color: */  color: #1111cc; }

q, h2,  #header, .sideBox, .sideBox div, #footer
{ /* Border Color: */  border-color: #c0c0ff; }

body
{ /* Background Color (lighter): */  background-color: #fcfcff; }

#header, .sideBox div, .sideBox a:hover, #footer
{ /* Background Color (darker): */  background-color: #f0f0ff; }

.headerLinks
{ background-color: #e0e0ff; }

.wideAd 
{ background-color: #fcfcff; }

/*
 * END OF COLOR SCHEME
 * -------------------
 */

html {
  height: 100%; /* set height explicitly for inheritence */
}

/* establish some defaults */
body {
  height: 100%; /* set height explicitly for inheritence */
  margin: 0;
  padding: 0;
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 95%;
}

h1, h2, h3 {
  font-family: "trebuchet ms", tahoma, sans-serif;
}

h1 {
  font-weight: bold;
  font-size: 150%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 0.5ex;
  padding-bottom: 0.5ex;
}

.headerTitle {
  font-size: 200%;
}

.headerLinks {
  text-align: left;
  height: 3ex;
  padding-left: 2ex;
  padding-top: .5ex;
  padding-bottom: .5ex;
  border-top: 2px solid;
}

.headerLinks * {
  text-decoration: none;
  font-weight: bold;
  padding-right: 1ex;
}

.headerLinks a:hover {
  text-decoration: underline;
}

.headerLinks .CTR {
  margin-left: 150px;
}

.bodyHeaderLinks {
  margin-top: -1em;
  margin-left: 5px;
  font-variant: small-caps;
  font-size: 90%;
}
* html .bodyHeaderLinks {
  border-top: 1px solid;
}

.bodyHeaderLinks div {
  float: left;
  width: 5.5%;
}

.sideBox {
  border-top: 2px solid;
  border-bottom: 2px solid;
  width: 10em;
  margin-top: 15px;
  margin-left: 8px;
  font-size: 95%;
}

.sideBox div {
  font-weight: bold;
  border-bottom: 1px solid;
}

.sideBox a, .sideBox a:hover, .sideBox span {
  text-decoration: none;
  line-height: 1em;
  display: block;
  padding: .6ex 0em .6ex 0em;
}

.sideBox a:hover {
  text-decoration: underline;
}

#wrap {
  width: 90%;
  min-width: 770px;
  min-height: 100%;
  margin: 0 auto 0 auto;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  /* border: 1px black solid; */
}
* html #wrap {
  height: 100%;
  width: 780px;
  w\idth: 770px;
}

#footer {
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
/*  border-top: 2px solid;  */
  clear: both;
  overflow: hidden;
}

#header {
  width: 100%;
  height: auto;
  text-align: center;
/*  border-bottom: 2px solid;  */
  overflow: hidden;
}

#leftContent {
  width: 17%;
  height: auto;
  text-align: left;
  display: inline;
  float: right;
  margin-top: 15px;
}

#rightContent {
  width: 17%;
  height: auto;
  text-align: left;
  display: inline;
  float: right;
  margin-top: 5px;
  position: relative;
  right: -66%;
}
#dealerByZip {
  border: 1px solid;
  padding-left: 14px;
  padding-bottom: 15px;
  margin-right: 15px;
}
#dealerByZip h4 {
  padding-left: 19px;
}
/* To keep content from wrapping around floated items */
#centerClear {
  clear: both;
}

#centerContent {
  width: 65%;
  height: auto;
  text-align: left;
  float: right;
  position: relative;
  left: -18%;
  overflow: hidden;
}

.usamap img {
  border: 0;
}

.usamap {
  text-align: center;
}

.footerLeft {
  padding-left: 9px;
  padding-top: 3px;
  text-align: left;
  float: left;
  clear: left;
}

.footerRight {
  padding-right: 9px;
  padding-top: 3px;
  text-align: right;
  float: right;
  clear: right;
}

.footerButton {
  text-align: center;
/*  z-index: 1; */
}

.footerButton img {
  vertical-align: top;
}

#footer div {
  padding-left: 9px;
}

#footer * {
  font-size: 92%;
}

#footer a:hover {
  text-decoration: none;
}

.wideAd {
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
}

#header .wideAd {
  border-top: 2px solid;
}

#footer .wideAd {
  border-bottom: 2px solid;
}

.Models div {
  margin-left: 70px;
  padding-bottom: 3px;
  padding-top: 3px;
}

.clearLeft {
  clear: left;
}

.clearRight {
  clear: right;
}

.clearBoth {
  clear: both;
}