body {
  color: #808080;
  background-color: white;
  margin: 0
}

a, a:visited {
  color: #DB0000
}

#layout {
  width: 100%
}

#banner_top_left {
  background: url(/images/banner_top_left.png) bottom right no-repeat;
  width: 50px
}

#banner {
  background: #808080 url(/images/button_shadow.png) bottom left repeat-x;
  vertical-align: top
}

#banner img {
  display: block
}

#banner_graphic {
  background: url(/images/banner_graphic.png) 80% 50% no-repeat;
  height: 138px
}

#banner_top_right {
  background: url(/images/banner_top_right.png) bottom left no-repeat;
  width: 50px
}

#banner_center_left {
  background: url(/images/banner_center_left.png) center right no-repeat;
  width: 50px
}

#main_nav_bay {
  background: url(/images/button_runner.png) center repeat-x;
  padding: 0
}

#banner_center_right {
  background: url(/images/banner_center_right.png) center left no-repeat;
  width: 50px
}

#banner_bottom_left {
  background: url(/images/banner_bottom_left.png) top right no-repeat;
  width: 50px
}

#banner_bottom_right {
  background: url(/images/banner_bottom_right.png) top left no-repeat;
  width: 50px
}


#content_frame {
  width: 100%
}

#content_top_left {
  background: url(/images/content_top_left.png) top right no-repeat;
  width: 34px;
  height: 42px
}

#content_top_runner {
  background: url(/images/content_top_runner.png) top left repeat-x;
  height: 42px
}

#content_top_right {
  background: url(/images/content_top_right.png) top left no-repeat;
  width: 34px;
  height: 42px
}

#content_left_runner {
  background: url(/images/content_left_runner.png) top right repeat-y;
  width: 34px
}

#content_bay {
  padding: 0 1em 0 1em
}

#content_right_runner {
  background: url(/images/content_right_runner.png) top left repeat-y;
  width: 34px
}

#content_bottom_left {
  background: url(/images/content_bottom_left.png) top right no-repeat;
  width: 34px;
  height: 50px /* image height is 26px */
}

#content_bottom_runner {
  background: url(/images/content_bottom_runner.png) top left repeat-x;
  height: 50px
}

#content_bottom_right {
  background: url(/images/content_bottom_right.png) top left no-repeat;
  width: 34px;
  height: 50px
}


#region_bottom {
  margin-top: 2em;
  clear: both
}

#colophon {
  text-align: center;
  font-size: smaller
}



#main_nav {
  margin: 4px 0.5em
}

#main_nav td {
  text-align: center;
}

#main_nav a, #main_nav .current_page_nav {
  padding: 3px 26px;
  display: block;
  text-decoration: none
}

#main_nav .current_page_nav, #main_nav .current_section_nav {
  color: red
}

#main_nav .other_section_nav {
  color: #BBB
}

#main_nav a:hover {
  color: #EEE
}

#main_nav .other_section_nav_bay:hover, #main_nav .current_section_nav_bay:hover {
  background: url(/images/button_hovered.png) center repeat-x
}

#main_nav a:active {
  color: red
}



img.strut {
  display: block;
  height: 1px
}

#banner_top_left .strut, #banner_top_right .strut {
  width: 50px
}

#content_top_left .strut, #content_top_right .strut {
  width: 34px
}