@CHARSET "UTF-8";

/* 
 * main.css file
 */
body {
  background: #eee;
  width: 100%;
  height: 100%;
}

#hd, #bd, #ft {
  width: 800px;
  margin: 0 auto;
}

#hd {
  height: 100px;
}

#bd {
  background-color: #fff;
  padding: 0;
}

#top {
  min-height: 32px;
  background-image: url(/images/top_bg.png);
  background-color: #fff;
  background-repeat: no-repeat;
}

#middle {
  min-height: 352px;
  background-color: #fff;
  margin: 24px 60px;
}

#bottom {
  min-height: 32px;
  background-image: url(/images/bottom_bg.png);
  background-color: #fff;
  background-repeat: no-repeat;
}

#hd img {
  float: left;
  margin: 24px 0 0 16px;
}

#hd ul {
  float: right;
  list-style-type: none;
  margin-top: 60px;
}

#hd ul li {
  display: inline;
  margin: 0 16px;
}

#hd ul li a {
  color: #aaa;
  font-family: Helvetica, sans-serif;
  font-size: 12pt;
  text-decoration: none;
}

#hd ul li a:hover {
  color: #888;
}

#top h1 {
  color: #79a;
  font-family: Helvetica, sans-serif;
  font-size: 0.95em;
  font-weight: normal;
  padding-top: 8px;
  margin: 0 16px;
}

#middle h2 {
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;
  color: #333;
  margin: 0 0 4px 0;
}

#middle h5 {
  float: left;
  font-family: Helvetica, sans-serif;
  font-size: 0.9em;  
  color: #333;
  margin: 0;
}

#middle p {
  font-family: Helvetica, sans-serif;
  font-size: 0.9em;  
  color: #333;
  margin: 0 0 12px 0;
}

#middle p.indented {
  margin: 0 0 12px 120px;
}

#middle p.final {
  clear: both;
  height: 6px;
  border-bottom: 1px #333 solid;
}

#right_nav,
#aux_nav {
  width: 240px;
  margin-top: 24px;
}

#right_nav {
  float: right;
}

#left_nav {
  float: left;
  width: 200px;
  margin-top: 40px;
}

#right_nav ul,
#left_nav ul,
#aux_nav ul {
  list-style-type: none;
}

#right_nav li,
#left_nav li,
#aux_nav li {
  display: block;
}

#left_nav h4.accordion_toggle,
#left_nav h4.accordion_toggle a,
#right_nav h4.accordion_toggle,
#right_nav h4.accordion_toggle a {
  cursor: pointer;
  color: #888;
  font-family: Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1em;
  margin: 2px;
}

#right_nav a,
#left_nav a,
#aux_nav a {
  font-family: Helvetica, sans-serif;
  text-decoration: none;
  color: #888;
}

#right_nav a:hover,
#left_nav a:hover,
#aux_nav a:hover {
  text-decoration: underline;
  color: #666;
}

#right_nav ul.accordion_content,
#left_nav ul.accordion_content {
  height: 0;
  overflow: hidden;
  margin: 0;
}

#right_nav ul li ul,
#left_nav ul li ul {
  margin-left: -20px;
}

.clear_both {
  clear: both;
}