/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 21 April 2009 @ 14:15 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
/*   font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;*/
   font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}
body { background: #403F2F url('../images/bg_body.gif') left top repeat-x; padding: 0; margin: 0;}
   body.expanded { background-color: #2D2C21; }
   a {
		color: #000;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #2D2C21; }
   	a img { border: 0; }

   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
   h1, h2, h3, h4, h5, h6 {
   	line-height: 1.25em;
   	font-weight: normal;
   }
   	.content h1, h1 { font-size: 1.9em; color: #151610; }
   	.content h2, h2 { font-size: 1.5em; }
   	.content h3, h3 { font-size: 1.4em; }
   	.content h4, h4 { font-size: 1.2em; }
   	.content h5, h5 { font-size: 1.0em; }
   	.content h6, h6 { font-size: 0.9em; }

.content textarea, .content input, .content table { margin: 0 1px; padding: 0; }

div.hr, .content form div.hr, .content div.hr {
	height: 1px;
	margin: 0.8em 0;
	background: #7E7D65 no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}

#wrapper {
	position: relative;
	width: 935px;
	margin: 0 auto;
}

pre { color: #000; }

.content h2 a {
    display: block;
    float: left;
    padding: 0px 15px;
    background-color: #2D2C21;
    color: #99987C;
    margin: 4px;
    text-decoration: none;
    font-size: 80%;
}


/** Header
-------------------------- **/
/** @group header */
#header { height: 104px; }

#header #masthead a, 
#header #masthead a:visited
{
	position: absolute;
	display: block;
	background: url("../images/logo.gif") 0 0 no-repeat;
	text-indent: -10000px;
	width: 521px;
	height: 60px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 25px;
	left: 0;
}
   #default.internal #header #alt_home { display: none; }
   #default.internal #header #alt_home {
      position: absolute;
      top: 38px;
      right: 0;
      display: block;
   }
      #default.internal #header #alt_home a {
         padding: 8px 12px;
         background-color: #10100C;
         border: 1px solid #212018;
      }
         #default.internal #header #alt_home a:hover { border-color: #99987D; }
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   background-color: #161610;
   height: 496px;
   overflow: hidden;
   border: 1px solid #161610;
   font-size: 1.2em;
   line-height: 1.5em;
}
   #default #contentWrapper { background: #161610 url('../images/bg_content_default.jpg') left top repeat-y; }
      #default.expanded #contentWrapper {
         height: auto;
         min-height: 496px;
         overflow: visible;
      }
      #default.internal #contentWrapper {
         background-image: none;
         background-color: #99987C;
      }
/** @group contentSlot */
#contentSlot {
   width: 743px;
   float: right;
}
   #default.internal #contentSlot { width: 933px; float: none; }
      #default.internal .content td { padding: 0.3em; }
   #default #hdrImg {
      width: 320px;
      float: left;
      overflow: hidden;
   }
   #default #layout { 
      width: 703px;
      padding: 15px 20px;
      height: 466px;
   }
      #default.expanded #layout { height: auto; }
      #default.internal #layout { width: inherit; }
      #default.hasHdrImg #layout {
         width: 363px;
         float: left;
      }
         #default #layout .flexcroll {
            width: 703px;
            height: 466px;
            overflow: auto;
            position: relative;
         }
            #default.internal #layout .flexcroll { width: 893px; }
            #default.hasHdrImg #layout .flexcroll { width: 363px; }
      #default #layout h1 {
         margin: 0 0 0.5em 0;
         padding: 0;
      }
      #contentSlot #thumbnails .shadowbox_img {
         width: 75px;
         height: 75px;
         margin: 5px;
         overflow: hidden;
         padding:0;
      }
         #contentSlot #thumbnails .shadowbox_img a {
            display: block;
            width: 75px;
            height: 75px;
            overflow: hidden;
         }
/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   width: 190px;
   float: left;
}
   #home #sideBar h1 {
      font-size: 2.0em;
      color: #494A44;
      padding: 5px 8px 0;
   }
/** @group topNavigation */
#topNavigation { padding: 11px 0; position: relative; padding-bottom: 8px; }
   #topNavigation ul { list-style: none; margin: 0; padding: 0;}
      #topNavigation ul ul { position: absolute; top: 0; left: 190px; display: none;  }
   #topNavigation ul li { margin: 0; }
   #topNavigation ul li a,
   #topNavigation ul li.selected ul li a,
   #default.internal #alt_home a {
      display: block;
      font-size: 1.4em;
      color: #99987D;
      text-decoration: none;
      padding: 11px 34px;
      background-color: transparent;
   }
         #topNavigation ul li a:hover, 
         #topNavigation ul li a:active, 
         #topNavigation ul li.selected a,
         #topNavigation ul li.selected ul li a:hover { background-color: #000; color: #FFF; text-decoration: underline; }
/* @end topNavigation **/
/** @group marginSlot */
#marginSlot { margin-top: 8px; }
   #marginSlot h1 { margin-bottom: -6px; padding-bottom: 0; margin-left: -1px; }
   #marginSlot .margincontent {
      background-color: #060604;
      border: 1px solid #3C3D37;
      margin: 8px;
      margin-top: 0;
      color: #828282;
      padding: 8px;
      padding-top: 0;
      height: 175px;
      overflow: auto;
   }
      #marginSlot .margincontent h3 { margin: 0.8em 0 0.3em 0; font-size: 1.2em; }
      #marginSlot .margincontent a { color: #FFF; }
/* @end marginSlot **/

/* @end sideBar **/
/* @end contentWrapper **/



/** Footer
-------------------------- **/
/** @group footer */
#footer {
   padding: 8px 0;
   font-size: 1.1em;
   text-align: center;
}
#footer a, #footer { color: #2D2C21; }
   #footer a { text-decoration: none; }
      #default.expanded #footer a:hover { color: #99987D; }
      #footer a:hover, #default.expanded #footer a { color: #151610; }
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent input.input, #formContent textarea.textarea { border-color: 1px solid #151610; }
#formContent input.submit, form input.submit {
   background-color: #151610;
   border: 1px solid #151610;
   border-left-color: #2D2C21;
   border-top-color: #2D2C21;
   color: #87876E;
}
/** @group fieldset */
.content fieldset {
   padding: 0;
   margin: 0;
   border: 0;
}
   .content fieldset legend { 
      font-size: 1.4em; 
      font-weight: bold;
      padding: 0;
   }
   .content form input[type="text"],
   .content form textarea { 
      border: 1px solid #6B6A55;
      padding: 0.3em;
   }
   .content fieldset td, .content fieldset th { padding: 0.1em 0.5em;}
      .content fieldset .city,
      .content fieldset .state,
      .content fieldset .zip { 
         float: left;
         padding: 0 0.8em;
      }
         .content fieldset .city { padding-left: 0; }
         .content fieldset .state input,
         .content fieldset .zip input { width: 90px; }
            .content fieldset .state input { width: 30px; }
   .content label.block { display: block; }
   .content fieldset textarea {
      width: 70%;
      height: 100px;
   }
   .content form input.submit { 
      padding: 0.2em 0.4em;
      cursor: pointer;
      cursor: hand;
      font-weight: bold;
   }
/* @end fieldset **/
/* @end formContent **/


/** @group superfish overrrides */
.sf-vertical, .sf-vertical li {
   width: 190px;
   margin: 0;
}
   .sf-vertical li.sfHover ul,
   #topNavigation .sf-vertical li.sfHover ul {
      position: absolute;
      left: 190px;
      top: 0;
      list-style: none;
      width: 190px;
      height: 496px;
      background: transparent url('../images/bg_nav_children.png') left top no-repeat;
      border-left: 1px solid #161610;
      z-index: 5;
   }
/* @end superfish overrrides **/

/** @group flexcroll */
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
   line-height: 1px;
   font-size: 1px;
   position: absolute;
   top: 0; left: 0;
}

.vscrollerbase {
   width: 14px;
   background: transparent url("/images/bg_vscrollbase.gif") right top repeat-y;
}
.vscrollerbar {
   width: 14px;
   background: transparent url("/images/bg_vscroll.gif") right top repeat-y;
   border: 3px solid #99987D;
   border-left: 0;
   border-right: 0;
}
.hscrollerbase {
   height: 14px;
   background: transparent url("/images/bg_hscrollbase.gif") left bottom repeat-x;
}
.hscrollerbar {
   height: 14px;
   background: transparent url("/images/bg_hscroll.gif") left bottom repeat-x;
   border: 3px solid #99987D;
   border-top: 0;
   border-bottom: 0;
}

.contentwrapper { width: 663px; }

.scrollerjogbox {
   width: 7px;
   height: 7px;
   top: auto; 
   left: auto;
   bottom: 0px; 
   right: 0px;
   background-color: 99987D;
}
/* @end flexcroll **/


/** @group shadowbox_nav */
/*#default #shadowbox_nav {
   float: none;
   position: absolute;
   left: 50%;
   margin-left: -45%;
}*/
/* @end shadowbox_nav **/


/** Class Styles
-------------------------- **/
.hidden, .printOnly {
	display: none;
}
/*
#cliffs {
	position: absolute;
	top: 500px;
	left: 50%;
	margin-left: -420px;
	width: 100px;
	height: 82px;
	background: transparent url('/images/cliffs_logo.gif') top left no-repeat;
}
*/
.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}
