html{
  height:100%;
  font-size:100%;
  font-family:Arial,sans-serif;
  background:#FFFFFF url("../images/navBack.gif") repeat-y;
}

body{
  height:100%;
  font-size:62.5%;
  background:#FFFFFF url("../images/navBack.gif") repeat-y;
}

#header{
  width:78em;
}

img{
  display:block;
}

#blueBox{
  width:75.8em;
  height:2.4em;
  background:#006699;
}

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

#sectionTitle {
  width:16.4em;
  height:3.8em;
  background:#00669C url("../images/bullet_white.gif") no-repeat 1em;
  font-weight:bolder;
  float:left;
  text-align:center;
}

#sectionTitle h1{
  color:#FFFFFF;
  font-size:1.2em;
  margin-top:1em;
  font-weight:bold;
  text-decoration:none;
}
/**
 * this hover crap was from when I kept the sectionTitle as a link
 *
#sectionTitle h1:hover{
  color:#D1DDEB;
}

#sectionTitle:hover {
  background-image:none;
}
 **/

#breadcrumbSpacer{
  height:0.6em;
  float:left;
  width:59.9em;
}

#breadcrumbs{
  height:2.2em;
  float:left;
  width:59.9em;
}

#breadcrumbs a{
  font-size:1.1em;
}

#belowHeader{
  width:78em;
  background:#FFFFFF url("../images/navBack.gif") repeat-y;
}

#leftNav{
  float:left;
  width:16.8em;
}

#leftNavList{
  margin-left:0.7em;
  padding-top:0.8em;
  font-size:1.2em;
}

.leftNavLI{
  list-style:disc inside none;
  margin-bottom:0.9em;
}

.leftNavLI a, .leftNavLI a:visited{
  color: #0066CC;
}

.leftNavLI a:hover{
  text-decoration:none;
}

.l{
  margin-left:1em;
  font-size:1.2em;
}
.li{
  list-style:disc outside none;
  margin-left:1em;
  margin-bottom:0.5em;
}

#content{
  float:left;
  width:57.2em;
  padding:2em;
  background:white;
}
.contentHeader{
  color:#005596;
  font-size:1.8em;
  font-weight:bold;
}

.reg{
  font-size:1.2em;
}

.reg14{
  font-size:1.4em;
}

.reg16{
  font-size:1.6em;
}

.reg18{
  font-size:1.8em;
}

.bold{
  font-weight:bold;
}

.contentLeft{
  width:36.4em;
  margin-right:0.5em;
  float:left;
}

.contentRight{
  width:19.8em;
/*the margin below should really be 0.5em but IE is a piece of shit once again*/
  margin-left:0.4em;
  float:right;
}

#footer{
  float:left;
  width:57.2em;
  margin-top:2em;
  border-top:black dotted 0.1em;
  text-align:center;
}

.super{
  vertical-align:super;
  font-size:0.1em;
  font-family:Verdana,Sans-serif;
}

/*
 * image width and heights set in ems because IE sucks...
 *
 */

.logo{
  width:37em;
  height:7.3em;
}

.navCorner{
  width:2.2em;
  height:2.4em;
}

.insideCornerBlue{
  width:1.7em;
  height:1.9em;
}

.carsForHomesKidsOnBumper{
  width:78em;
  height:13em;
}

.donateOrangeBox{
  width:19.8em;
  height:3.5em;
}

.movie{
  width:19.8em;
  height:13.6em;
}