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

ol {
  list-style: none;
}

img {
  border: none;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #333333;
  font-family: "Trebuchet MS", Verdana, Arial;
  background: url(images/background_tile.jpg) repeat left top;
  background-attachment: fixed;
}

#content a[href^="http:"] {
  background: url(images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="mailto:"] {
  background: url(images/email.png) no-repeat right top;
  padding-right: 12px;
}

#wrapper_outer {
  width: 840px;
  margin: 0 auto;
  text-align: left;
  background-color: #000000;
}

body>#wrapper_outer {
  background: url(images/shadow_columns.png) repeat-y left top;
}

#wrapper_inner {
  padding: 20px;
  padding-bottom: 0;
}

#branding {
  height: 144px;
  background-color: #000000;
}

#branding h1 {
  margin: 0;
  color: #000066;
  text-indent: -4000px;
}

#logo {
  padding-left: 24px;
}

#columntop {
  margin: 0;
  padding: 0;
  width: 800px;
  height: 44px;
}

#content {
  width: 760px;
  float: left;
  background-color: #ffffff;
  padding: 20px;
  padding-top: 0;
}

#content a {
  font-weight: bold;
}

#content a:link, #content a:visited {
  color: #336699;
  text-decoration: none;
}

#content a:hover {
  background: url(images/underline2.gif) repeat-x left bottom;
  padding-right: 0px;
  color: #339933;
}

#construction {
  color: #000000;
  text-decoration: none;
  font-size: 12px;
  background: url(images/construction.gif) repeat-x left bottom;
}

#mainnav {
  width: 800px;
  float:left;
  background: #333333 url(images/menu.png) repeat-x right bottom;
  height: 44px;
}

#mainnav ul {
  width: 400px;
  float: left;
}

#mainnav li {
  float: left;
  text-align: center;
}

#mainnav a {
  display: block;
  padding: 0.8em 0.8em;
  line-height: 1.0em;
  text-decoration: none;
  font-weight: bold;
  color: #999999;
  border-left: 2px solid #000000;
}

#mainnav a.first {
  border: none;
  margin-left: 4px;
}

#mainnav a:hover {
  color: #336699;
}

.detailnav_top {
  float: right;
  margin-top: 10px;
  clear: right;
}

#detailnav {
  width: 200px;
  float: right;
  background-color: #000000;
  clear: right;
}

.detailnav_bottom {
  float: right;
  clear: right;
}

#detailnav a {
  padding-left: 20px;
  display: block;
  width: 172px;
  line-height: 1.8em;
  text-decoration: none;
  font-weight: bold;
}

#detailnav a:link, #detailnav a:visited {
  color: #999999;
  text-decoration: none;
}

#detailnav a.blue:link, #detailnav a.blue:hover {
  background: #000000 url(images/link_icon_blue.png) no-repeat left center;
}
#detailnav a.green:link, #detailnav a.green:hover {
  background: #000000 url(images/link_icon_green.png) no-repeat left center;
} 
#detailnav a.orange:link, #detailnav a.orange:hover {
  background: #000000 url(images/link_icon_orange.png) no-repeat left center;
}

#detailnav a.blue:hover {color: #336699;}
#detailnav a.green:hover {color: #339933;} 
#detailnav a.orange:hover {color: #dd6600;}

#detailnav a.blue:visited {
  background: #000000 url(images/link_icon_blueck.png) no-repeat left center;
}
#detailnav a.green:visited {
  background: #000000 url(images/link_icon_greenck.png) no-repeat left center;
} 
#detailnav a.orange:visited {
  background: #000000 url(images/link_icon_orangeck.png) no-repeat left center;
}

#detailnav li {
  padding-left: 8px;
}

#columnbottom {
  clear: both;
  position: relative;
  bottom: -20px;
  left: 10px;
  margin: 0;
  width: 840px;
  height: 20px;
}

#wrapper_outer>#columnbottom {
  background: url(images/bottom_shadow.png) no-repeat left top;
}

#footer {
  clear: both;
  background-color: #000000;
  height: 40px;
  text-align: right;
  color: #666666;
}

#footer p {
  font-size: 12px;
  margin: 0;
  padding: 10px 10px 0 10px;
}

#footer p.bottom {
  padding: 5px 10px 0 10px;
}

#footer a {
  float: right;
  display: block;
  width: 63px;
  line-height: 1.0em;
  padding: 0 5px 0 5px;
  background-color: #333333;
  border: 1px solid #666666;
  font-size: 12px;
  text-decoration: none;
  color: #666666;
}