/* ********************************* */
/* ERIC MEYER'S CSS RESET - RELOADED */
/* ********************************* */

html, body{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
}


/* ************* */
/* END CSS RESET */
/* ************* */

body {
  font-family: "Arial Narrow", sans-serif;
  height: 100%;
}

body { 
  background-color: white;
  background-repeat: repeat-y;
  background-position: left top;
  background-image: url('../images/layout/default/leftcol-repeat-bg.png'); /* can be overriden by section-specific left-col background */
}

body a { text-decoration: none; }

#header-wrapper {
  background: black url('../images/layout/default/header-repeat-bg.png') repeat-x left top;
  height: 150px;
}

#header-spreader {
  width: 960px; /* max width for layout */
}

#left-header {
  float: left;
  background: black url('../images/layout/default/header-left-bg.png') no-repeat;
/*  border-right: 1px black solid; /* matches #left-content's border */
  width: 289px; /* matches #left-content's width */
  height: 150px;
  margin: 0; padding: 0;
}


#page-logo {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  width: 288px;
  height: 130px;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url('../images/layout/logo-default.png');
}

#habo-name  {
  position: absolute;
  margin-top: 125px;
  margin-left: 0px;
  width: 290px;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  font-size: 10pt;
  letter-spacing: .5em;
  font-style: none;
}

a #habo-name { 
  font-size: 10pt;
  color: white; 
  text-decoration: none; 
}


#right-header {
  float: left;
  background: url('../images/layout/default/header-right-bg.png') no-repeat left top;
  width: 670px; /* for background pic */
  height: 135px;
}

#header-floater {
  float: right;
  margin-top: -15px;
  background-repeat: no-repeat;
  width: 210px;
  height: 130px;

}

#nav {
  position: absolute;
  margin-top: 10px;
  height: 100px;
}

#nav a {
  line-height: 10pt;
  font-size: 8pt;
  font-weight: bold;
  letter-spacing: .3em;
  font-family: "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #80cae9;
}

#nav a:hover {
  color: #fff;
}

#nav ul /*, #subnav ul*/ { margin: 0 0 0 15px; padding: 0;  list-style: none; }

#subnav {
  position: absolute;
  margin: 0;
  margin-top: 115px;
  padding: 12px 5px 0 5px;
  width: inherit;
  height: 15px;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.5pt;
}


#content-wrapper {
  clear: left;
  width: 1024px;
}

#left-content-wrapper {
  float: left;
  width: 289px; /* matches #left-header's width */
}

#left-content {
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-position: left top;
  padding: 10px;
  line-height: 1.5em;
  font-size: smaller;
}


#right-content {
  float: left;
  max-width: 600px; 
  padding: 20px 25px;
}