/* #09A178 */

body {
  color: black;
  margin: 0
}

a {
  color: #343440
}

h1, h2, h3 {
  color: #4C55A9
}

h1 {
  font-size: 130%
}

h2 {
  font-size: 120%
}

h3 {
  font-size: 110%
}

h4, h5 {
  font-size: 100%
}

#region_layout_table {
  border-collapse: separate;
  border-top: 20px solid #09A178;
  border-bottom: 22px solid #09A178
}

#region_top_and_body {
  background: url(/images/body_runner.png) left repeat-y;
  border-top: 2px solid #048A65
}


/* REGION TOP STYLES */

#region_top {
  background-color: #A4A4A4
}

#banner {
  background-color: white;
  width: 100%
}

#banner img {
  display: block
}

#banner ul {
  color: #09A178;
  white-space: nowrap;
  float: right;
  font-weight: bold;
  font-size: 90%
}

#banner li {
  margin-left: 1.75em
}

#banner_left_side {
  background: url(/images/banner_graphic.jpg) top left no-repeat;
  padding-left: 300px
}

#banner_right_side {
  width: 31%
}

#banner_right_side img {
  float: right;
}

#title_bar {
  background-color: #09A178;
  border: 3px solid white;
  border-right: 0;
  margin: 0 0 0 6px
}

#title {
  border: 1px solid #048A65;
  font-size: 120%;
  color: white;
  margin: 0;
  padding: 0.25em 20px
}



/* REGION BODY STYLES */

#region_body {
  border-top: 3px solid #A4A4A4;
  padding: 0 24px 0 30px
}

#region_body h2, #region_body h3, #region_body dt {
  padding-left: 22px;
  background: url(/images/header_graphic.png) center left no-repeat
}

#ie6_fix {
/* Without this div with this top margin wrapping the contents of region_body, */
/* the top margin on the first element in region_body is lost in IE6. */
  margin-top: 1em
}

/* REGION LEFT STYLES */

#region_left {
  border-top: 2px solid #048A65;
  border-bottom: 2px solid #048A65;
  padding-right: 6px;
  padding-bottom: 3px
}

#region_left .strut_bay {
  background-color: #ECECEC;
  padding: 12px 0;
  margin: 16px 0 2px 32px
}

#region_left img.strut {
  display: block;
  width: 220px;
  height: 0px
}


#main_nav {
  background: #D9DFDD url(/images/nav_top_corner.png) top left no-repeat;
  padding-top: 24px
}

#main_nav ul {
  background: url(/images/nav_bottom_corner.png) bottom left no-repeat;
  padding: 0 0 24px 0;
  margin: 0
}

#main_nav li {
  border-bottom: 1px solid #C7C7C7;
  list-style-type: none;
  white-space: nowrap;
  font-size: 14px;
  padding-left: 0;
  margin-left: 0
}

#main_nav .other_section_nav {
  background: url(/images/nav_graphic.png) center left no-repeat
}

#main_nav .current_page_nav, #main_nav .current_section_nav {
  background: url(/images/nav_graphic_current.png) center left no-repeat;
  color: #09A178
}

#main_nav a, #main_nav span {
  border-right: 1px solid #C7C7C7;
  text-decoration: none;
  display: block;
  padding: 4px 1em 4px 46px
}

#main_nav a:hover {
  background: url(/images/nav_graphic_hover.png) center left no-repeat;
  text-decoration: underline;
  color: #4C55A9
}

#main_nav .first_child {
  border-top: 1px solid #C7C7C7
}

#main_nav .odd {
  background-color: #FAFAFA
}

#main_nav .even {
  background-color: #EDEDED
}


#sidebar {
  font-size: 80%;
  margin: 24px 0 0 6px
}

#sidebar h3, #sidebar p {
  margin: 0 0 0.5em 0
}

#sidebar h3 {
  margin-top: 0.5em
}

.sidebar_segment {
  background-color: #CCC;
  padding: 0.5em 1em;
  margin-bottom: 3px
}

.segment_title {
  padding: 2px 0.5em 2px 22px;
  background: url(/images/header_graphic.png) center left no-repeat
}

#sidebar .image {
  border: 1px solid black;
  text-align: center
}



/* REGION BOTTOM STYLES */

#region_bottom {
  background: url(/images/body_runner.png) left repeat-y;
  border-bottom: 2px solid #048A65
}

#colophon_bay {
  border-bottom: 6px solid white
}

#colophon {
  border: solid #A4A4A4;
  border-width: 4px 0 4px 6px;
  background-color: #AEAEAE;
  color: white;
  font-weight: bold;
  font-size: smaller;
  padding: 1em
}

#colophon a {
  color: white
}


/* Index styles */

dt {
  margin-top: 0.5em
}

dt a {
  color: #4C55A9
}

dd {
  font-size: 85%
}