/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrap {
  height: 100%
}

body > #wrap {
  height: auto;
  min-height: 100%
}

#main {
  padding-bottom: 88px /* must be same height as the footer */
}

#footer {
  position: relative;
  margin-top: -88px; /* negative value of footer height */
  height: 88px;
  clear: both
}

/* CLEAR FIX */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
/*  display: inline-block */
}

/* Hides from IE-mac
* html .clearfix {
  height: 1%
}

.clearfix {
  display: block
}
 End hide from IE-mac */

/* END STICKY FOOTER */


body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #3C3C3C;
  background-color: white;
  padding: 0;
  margin: 0
}

ul li {
  list-style-type: square
}

img {
  border: none
}

table.layout {
  border-collapse: collapse;
  border-spacing: none;
  width: 100%
}

a, a.strong {
  outline: none;
  color: #326EA1
}

a.strong {
  text-decoration: none;
  font-weight: bold
}

a.strong:hover {
  text-decoration: underline
}

ul.nav_list li {
  padding-top: 3px;
  padding-bottom: 3px
}

.clear {
  clear: left
}

.right_graphic {
  float: right;
  padding-left: 1.5em
}

.left_graphic {
  float: left;
  padding-right: 1.5em
}


#wrap {
  margin: 0
}


#header *, #subnav_bay * {
  padding: 0;
  margin: 0
}

#header {
  width: 800px;
  height: 66px;
  margin: 0 auto
}

#header img {
  position: absolute;
  margin-top: 10px
}


/******* ROOT NAV *******/

#root_nav {
  position: relative;
  top: 37px;
  float: right
}

#root_nav div, #root_nav h1, #root_nav a {
  display: block;
  height: 30px
}

#root_nav div {
  float: left
}

#root_nav a {
  outline: none;
  padding: 0 15px;
  line-height: 30px;
  color: #4f6f18;
  text-decoration: none;
  font-weight: bold;
  font-variant: small-caps
}

#root_nav h1 {
  font-size: 14px;
/*  font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-family: Constantia, Times New Roman, serif;
  font-weight: normal
}

#root_nav div:hover, #root_nav .current {
  background: url(/images/tab_fill.png) repeat-x
}

#root_nav div:hover h1, #root_nav .current h1 {
  background: url(/images/tab_right.png) right no-repeat
}

#root_nav div:hover a, #root_nav .current a {
  background: url(/images/tab_left.png) left no-repeat;
  color: white
}


/******* SUBNAV *******/

#subnav_bay {
  background-color: #E7E7E7
}

#subnav_bay .top {
  background: url(/images/nav_topbar.png) 0 -4px repeat-x;
  position: relative;
  z-index: 99;
  height: 16px;
  margin-bottom: -8px;
  margin-top: -1px;
}

#subnav_bay .middle {
  width: 800px;
  margin: 0 auto
}

#subnav_bay .bottom {
  background: url(/images/subnav_shadow.png) top left repeat-x;
  clear: left;
  height: 3px
}

#subnav {
  display: table;
  margin: 0 auto
}

#subnav > li {
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 0
}

#subnav > li > a {
  display: block;
  text-decoration: none;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 6px 20px;
  margin: 0					
}

#subnav > li > a:hover {
  background-color: #40778C;
  color: white
}

#subnav > li.current > a {
  background-color: #727272;
  color: white
}



#main {
  margin: 0 auto;
  width: 800px
}


#content_bay {
  padding: 8px 0
}


#content {
  border-right: 1px solid #D0E0E9;
  border-left: 1px solid #D0E0E9;
  padding: 6px 14px
}


.segment {
  border-bottom: 1px solid #D0E0E9;
  padding: 1em 0
}

.segment h2, .segment h3 {
  color: #419F2E;
  padding: 0.5em 0;
  margin: 0
}

.segment h2 {
  font-size: 17px
}

.segment h3 {
  font-size: 15px
}

.segment h2 a, .segment h3 a {
  text-decoration: none;
  color: #419F2E
}

.segment h2 a:hover, .segment h3 a:hover {
  text-decoration: underline;
  color: #326EA1
}

.segment p {
  margin: 0;
  padding: 0.5em 0
}

.segment .bio_mug {
  float: right;
  padding-left: 1em
}

.segment label {
  display: block;
  font-weight: bold;
  padding: 0.5em 0
}


.sub_pages {
  padding: 0;
  margin: 1em 0
}

.sub_pages li {
  background: url(/images/sub_page_pointer.png) 16px 7px no-repeat;
  border-bottom: 1px dashed #D0E0E9;
  list-style-type: none;
  padding-left: 40px;
  padding-bottom: 0.5em
}

.sub_pages li:first-child {
  border-top: 1px dashed #D0E0E9
}


.header_segment {
  border-bottom: 1px solid #D0E0E9;
  padding-bottom: 1.5em
}

.header_segment a {
  text-decoration: none
}

.main_header {
  float: left
}

.main_header h1 {
  font-family: Constantia, Times New Roman, serif;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 21px;
  color: #538E3A;
  padding: 0 0 2px 0;
  margin: 0
}

.main_header h1 a {
  color: #538E3A
}

.main_header h1 a span, .main_header h1 span {
  color: #073D09
}

.main_header h1 sup {
  font-size: 15px;
  color: black
}

.main_header p {
  font-weight: bold;
	  font-size: 13px;
  border-top: 2px solid #A0Cf98;
  padding: 2px 0;
  margin: 0
}

.main_header p, .main_header p a {
  color: black
}


#footer {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #4F6F18;
  color: white;
  font-size: 10px;
  margin-left: auto;
  margin-right: auto
}

#footer_nav {
  border-top: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
  background-color: #E7E7E7;
  color: #3C3C3C;
  text-align: center;
  padding: 4px 0;
  margin: 0
}

#footer_nav a {
  font-family: sans-serif;
  font-weight: normal;
  text-decoration: none;
  color: #4F6F18;
  padding: 0 0.75em
}

#footer_nav a:hover {
  text-decoration: underline
}

#colophon {
  text-align: center;
  padding: 6px 0
}

#colophon p {
  padding: 0 10px;
  margin: 0
}

#colophon a {
  color: white
}


#st_matrix, #the_fellas {
  border-collapse: collapse;
  border-spacing: 0
}

#st_matrix td {
  padding: 0
}

#st_matrix img {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0
}

#matrix_caption {
  text-align: center;
  font-weight: bold
}

#the_fellas td {
  padding: 0 6px;
  text-align: center
}

#the_fellas img {
  cursor: pointer
}


/******* Videos *******/

.video .control, .video_launcher {
  background: url(/images/gray_grad.png) center left repeat-x;
  border: 1px solid #B1B1B1
}

.video_launcher {
  -moz-border-radius: 5px;
  -moz-box-shadow: 0 1px 5px #BBBBBB;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px #BBBBBB;
  border-radius: 5px;
  box-shadow: 0 1px 5px #BBBBBB;
  display: inline-block;
  margin: 0
}

.video_launcher:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.video label, .video_launcher a {
  background: url(/images/play.png) 4px 50% no-repeat;
  display: inline-block;
  font-weight: bold;
  color: #3C3C3C;
  text-decoration: none;
  padding: 6px 6px 6px 28px;
  margin: 0
}

.alt_flash {
  color: red;
  font-weight: bold;
  margin: 0
}