/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2009-06-17
* --------------------------------------------------------------
**/

/** 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;
   color: #453116;
}
   #default #suggestedLinks ul li a,
   #topNavigation ul.sf-menu li a {
      font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
   }
body { background: #F5F3E7 url("../images/bg_body.jpg") center top repeat-x; }
   body#home { background: #160B01 url("../images/bg_body-home.jpg") center top repeat-x; }
   a {
		color: #211102;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #453116; }
   	a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
   	line-height: 1.25em;
   	font-weight: normal;
   	color: #160B01;
   }
   	h1, .content h1 { font-size: 2.3em; }
   	h2, .content h2 { font-size: 2.0em; }
   	h3, .content h3 { font-size: 1.8em; }
   	h4, .content h4 { font-size: 1.4em; }
   	h5, .content h5 { font-size: 1.2em; }
   	h6, .content h6 { font-size: 1.0em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	background: #333 no-repeat scroll center;
}
	div.hr hr { display: none; }

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

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header { height: 340px; }
   #home #header { height: 503px; }

#header #masthead a, 
#header #masthead a:visited
{
	position: absolute;
	display: block;
	background: url("../images/logo.png") 0 0 no-repeat;
	text-indent: -10000px;
	width: 305px;
	height: 90px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 0;
	left: 58px;
}
/** @group contact_us */
#contact_us {
   position: absolute;
   top: 17px;
   right: 7px;
}
/* @end contact_us **/

/** @group hdrImg */
#hdrImg {
   position: absolute;
   top: 140px;
   left: 7px;
   z-index: 1;
}
#home #hdrImg { 
   top: 155px;
   left: 35px;
}
   #hdrImg #img { position: relative; }
      #hdrImg #img #overlay {
         position: absolute;
         top: -12px;
         left: -11px;
         background: transparent url("../images/header_overlay-default.png") left top no-repeat;
         width: 997px;
         height: 216px;
         padding: 0;
         z-index: 5;
      }
      #home #hdrImg #img #overlay {
         background-image: url("../images/header_overlay-home.png");
         width: 530px;
         height: 354px;
         left: -12px;
      }
      #default #hdrImg #img .img {
         width: 975px;
         height: 190px;
         overflow: hidden;
      }
      #home #hdrImg #img .img {
         width: 505px;
         height: 328px;
         overflow: hidden;
      }
/* @end hdrImg **/

/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper { padding: 0 20px; }
   #home #contentWrapper { padding-top: 15px; }
   #default #contentWrapper { min-height: 350px; }
/** @group contentSlot */
#default #contentSlot {
   width: 705px;
   float: left;
}
   #default #contentSlot #layout { padding-right: 30px; }
/** @group homeGrid */
#homeGrid { padding: 15px 0 30px 20px; }
   #homeGrid .column {
      width: 280px;
      float: left;
      margin-right: 25px;
      margin-left: 10px;
   }
      #homeGrid #column3 { margin-right: 0; }
      #homeGrid #column4 { display: none; }

   #homeGrid .homeTitle {
      font-size: 1.7em;
      color: #97C524;
      margin: 0.5em 0;
   }
   #homeGrid .sIFR-replaced { margin-bottom: 0; }

   #homeGrid .homeImage { 
      position: relative; 
      width: 262px;
      height: 124px;
      overflow: hidden;
      border: 5px solid #FFF;
   }
      #homeGrid .homeImage a {
         display: block;
         padding: 0;
         margin: 0;
         position: static;
      }
      #homeGrid .homeImage img { border: 5px solid #FFF; }
      #homeGrid .homeImage .homeImageOverlay {
         position: absolute;
         top: -14px;
         left: -14px;
/*         background: transparent url("../images/header_overlay-homeColumn.png") left top no-repeat;*/
         width: 290px;
         height: 150px;
         padding: 0;
         z-index: 5;
         display: none;
      }
      #homeGrid .homeImage .img {
         width: 263px;
         height: 124px;
         overflow: hidden;
      }
   
   #homeGrid .homeContent {
      font-size: 1.1em;
      line-height: 1.3em;
      color: #F5F3E7;
      padding: 0 0.3em;
   }
      #homeGrid .homeContent a,
      #homeGrid .homeContent a:visited { color: #97C524; }
/* @end homeGrid **/
/** @group layout10 */
#layout10 { margin: 20px 0; }
   #layout10 td.image { padding: 20px; }
/* @end layout10 **/
/* @end contentSlot **/
/** @group sideBar */
#default #sideBar {
   width: 245px;
   float: right;
}
/** @group topNavigation */
#topNavigation {
   position: absolute;
   top: 99px;
   left: 40px;
   z-index: 2;
}
   #topNavigation ul.sf-menu {
         list-style: none;
         padding: 0px;
         margin: 0px;
         height: 37px;
     }
     #topNavigation ul.sf-menu li {
         padding: 0px 0px 0px 0px;
         margin: 0px;
         height: inherit;
         float: left;
         background-color: transparent;
         border: 0;
     }
     #topNavigation ul.sf-menu li a {
         padding: 8px 25px 12px;
         text-transform: uppercase;
         font-size: 1.8em;
         color: #F5F3E7;
         font-weight: normal;
         text-decoration: none;
         letter-spacing: .15em;
         border: 0;
         cursor: pointer;
         cursor: hand;
     }
      #topNavigation ul.sf-menu li a:hover,
      #topNavigation ul.sf-menu li a:active { 
         color: #FFF;
         text-decoration: underline;
      }
         #topNavigation ul.sf-menu li.selected {
            background: #E9E5D9 url("../images/bg_nav-selected.gif") left top repeat-x;
            margin-top: -8px;
            height: 45px;
         }
            #topNavigation ul.sf-menu li.selected a,
            #topNavigation ul.sf-menu li.selected a:hover,
            #topNavigation ul.sf-menu li.selected a:active { 
               color: #160B01;
               padding-top: 13px; 
            }
         #topNavigation ul.sf-menu li ul { 
            width: 263px;
            top: 37px;
         }
            #topNavigation ul.sf-menu li.selected ul { top: 45px; }
         #topNavigation ul.sf-menu li li { background-color: #E9E5D9; }
            #wrapper #topNavigation ul.sf-menu li li a { 
               color: #000;
               font-weight: normal;
            }
               #wrapper #topNavigation ul.sf-menu li li a:hover { 
                  background-color: #000;
                  color: #E9E5D9;
                  text-decoration: none;
               }
               #topNavigation ul.sf-menu li li ul,
               #topNavigation ul.sf-menu li.selected li ul { 
                  top: 0;
                  left: 263px; 
               }
/* @end topNavigation **/
/** @group suggested */
#default #sideBar #suggestedLinksLabel {
   display: block;
   font-size: 2.8em;
   margin-top: 55px;
}
   #default ul#suggestedLinks { padding-top: 5px; }
   #default ul#suggestedLinks {
      list-style: none;
      margin: 0;
      padding: 0;
      border-top: 1px solid #D2CEBF;
   }
      #default ul#suggestedLinks li { margin-bottom: 0; }
      #default ul#suggestedLinks li a {
         display: block;
         padding: 7px 3px;
         color: #766C60;
         border-bottom: 1px solid #D2CEBF;
         text-transform: uppercase;
         letter-spacing: 0.1em;
         font-size: 1.5em;
         text-decoration: none;
      }
         #default ul#suggestedLinks li a:hover { color: #271812; }
/* @end suggested **/

/* @end sideBar **/
/** @group marginSlot */
#home #marginSlot {
   position: absolute;
   top: 170px;
   left: 590px;
   width: 390px;
   height: 265px;
}
   #home #marginSlot h1, #home #marginSlot h2, #home #marginSlot h3, 
   #home #marginSlot h4, #home #marginSlot h5, #home #marginSlot h6 {
      margin-top: 0;
      margin-bottom: 0; 
   }
   #home #marginSlot .margincontent {
      padding-right: 20px;
      color: #211102;
   }
      #home #marginSlot .margincontent ul,
      #home #marginSlot .margincontent ol { 
         padding-left: 0.3em;
         line-height: normal;
      }
         #home #marginSlot .margincontent li { margin-bottom: 0.3em; }
/* @end marginSlot **/
/* @end contentWrapper **/



/** Footer
-------------------------- **/
/** @group footer */
#footer { 
   font-size: 1.1em;
   padding-bottom: 30px; 
   text-align: center;
}
   #footer, #footer a { color: #8A8795; }
      #home #footer, #home #footer a { color: #453116; }
   #footer a { text-decoration: none; }
      #footer a:hover{ text-decoration: underline; }
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent input.input, #formContent textarea.textarea { border-color: #333; }
#formContent input.submit {
   background-color: #000;
   border: 1px solid #000;
   border-left-color: #333;
   border-top-color: #333;
   color: #FFF;
}
/* @end formContent **/

/** @group slab_gallery */
#slab_gallery td { padding: 0.8em 0.4em; }
#slab_gallery a {
   display: block;
   position: static;
}
/* @end slab_gallery **/


/** Class Styles
-------------------------- **/
.content {
   font-size: 1.2em;
   line-height: 1.6em;
}

.hidden, .printOnly { display: none; }

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.clearafter:after {
   content: "";
   display: block; 
   height: 100%;
   clear: both;
   visibility: hidden;
}