/* Pretty Stuff
================================== */

/* Zero down margin and padding on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background-color:#800000;
}

h1 {
  font-size: 2.4em
}

h2 {
  font-size: 2.0em
}

h3 {
  font-size: 1.5em
}

p, li {
  font-size: 1.2em;
}

h1, h2, p {
  margin: 1em 0;
}


#branding {
  height: 125px;
  padding: 5px 5px;
  background-color:#ECECEC;
}

#branding h1 {
  margin: 0;
  font-family: times new roman;
  font-size: 3em;
  font-stretch: ultra-condensed;
  font-weight: bolder;
}

#branding td{
  color:#800000;
/*  padding-left: 5%; */
}

#mainNav {
  list-style: none;
  background-color:#D8D8D8;
}


#footer{
  padding: 1px 20px;
  background: #ECECEC;
  clear:left;
  text-align:center;
  font-size: 12px;
  font-family:Arial;
}


/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 85%;
  margin: 0 auto; 
  text-align: left;
  background: #ECECEC url(images/nav-faux-col.gif) repeat-y 23% 0;
}

#wrapper2 {
  background: url(images/secondary-faux-col.gif) repeat-y 78% 0;
}


#mainNav { 
  width: 23%;
  float: left;
}


#content { 
  width: 75%; 
  float: right; 
}

#mainContent { 
  width: 90%; 
  margin: 0; 
  float: left; 
}
 
#footer { 
  clear: both; 
}

/* add some padding to the contents in the main nav and secondary content areas */

#mainNav {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav * { 
 padding-left: 20px;
 padding-right: 20px;
}

#mainNav * * { 
 padding-left: 0;
 padding-right: 0;
}

ul.none 
{
list-style-type: none;
margin:0;
padding:0;
}

div.mainContent th {font-size: medium}
div.mainContent td {font-size: small}