/* ====== COMPARE.CSS ====== */
/* Alan Colquhoun, MDIA 3206 */
/* Last Update: 03/02/2012   */
/* ========================= */

body {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center; /* you need this to center your page in IE6 */
  color: #000; background: url(images/bg_tile.png);
  font-family: verdana, arial, geneva, sans-serif;
  font-size: 80%; /* default setting */
} 

#wrapper {
  width: 960px;
  margin: 0 auto; /* this will center your page in all other browsers ie)firefox & IE7 */
  text-align: left;
  color: #000; background: #fff; 
}

#header {
  clear: both;
  padding: 0;
  margin:0;
  height: 65px;
  color: #000; background: #BBB897;
}  

#header p {
  margin: 0;
  padding-top: 18px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}  

#content {
  width: 900px;
  float: left;
  margin-left: 20px;
  margin-bottom: 25px;
}

#content h3 {
  margin-top: 25px;
  font-size: 140%;
} 

#content p {
  padding: 0 5px 5px 0px;
  margin-left: 3px;
}

#quote {
  margin: 20px 0px 15px 5px;
  padding: 15px;
  border: 1px solid red;
  width: 879px;
}

table {
  border-collapse: collapse;
  width: 910px;
  border: 2px solid #000;
  margin-left: 5px;
}

th {
  background: #ccc;
}

th, td {
  padding: 6px 20px;
  font-size: 90%;
}

caption {
  font-size: 100%;
  font-weight: bold;
  margin: 5px 0;
}  

col {
  border-right: 2px solid #000;
}

thead {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

tr {
   border: 2px solid #000;
}   

#footer {
  clear: both;
  padding: 0;
  margin:0;
  height: 65px;
  color: #000; background: #BBB897;
}  

#footer p {
  margin: 0;
  padding-top: 18px;
  font-weight: bold;
  line-height: 240%;
  text-align: center;
}