/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Stephen Davis & Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2010-01-21 (by Nate Hanna)
* --------------------------------------------------------------
**/

/** 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: #D3D4D8 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: #900;
   }
   	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; color: #333;}
   	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: 997px;
	margin: 0 auto;
/* background: #F00;*/
}

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header { height: 390px; }
   #home #header { height: 510px; }

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

/** @group hdrImg */
#hdrImg {
   position: absolute;
   top: 175px;
   left: 7px;
   z-index: 1;
}
#home #hdrImg { 
   top: 174px;
   left: 0;
}
   #hdrImg #img { position: relative; }
   #home #hdrImg #img .img {
      position: relative;
      left: 14px;
   }
      #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: 997px;
         height: 384px;
         left: 0;
      }
      #default #hdrImg #img .img {
         width: 975px;
         height: 190px;
         overflow: hidden;
      }
      #home #hdrImg #img .img {
         width: 968px;
         height: 358px;
         overflow: hidden;
      }
/* @end hdrImg **/

/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper { padding: 0 20px; }
   #home #contentWrapper { padding: 0; }
   #default #contentWrapper { padding: 0px 20px; }
      #default #innerWrapper { 
         background: #F5F3E7 url('../images/bg_innerWrapper.gif') -15px top repeat-y;
         min-height: 350px;
      }
/** @group contentSlot */
#default #contentSlot {
   width: 665px;
   float: left;
}
   #default #contentSlot #layout { padding-right: 30px; }
#home h1.pg_title { display: none; }

#contentSlot h2.toggle { font-size: 1.4em; border-color: #980000; padding: 6px 5px 6px 30px; }
   .content .up { background-color: #980000; }
   .content .down { color: #980000; }

/** @group homeGrid */
#homeGrid { padding-top: 0px; }
   #homeGrid .column {
      width: 460px;
      float: left;
/*      margin-right: 25px;*/
/*      margin-left: 10px;*/
   }
      #homeGrid #column2 { float: right; }
      #homeGrid #column3,
      #homeGrid #column4 { display: none; }

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

   #homeGrid .homeImage { 
      position: relative; 
      width: 439px;
/*      height: 124px;*/
      overflow: hidden;
      border: 10px solid #F5F3E7;
   }
      #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: #000;
      padding: 0 0.3em;
   }
      #homeGrid .homeContent a,
      #homeGrid .homeContent a:visited { color: #900; }
/* @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: 109px;
   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: 11px 25px 9px;
         font-size: 1.8em;
         color: #FFF;
         font-weight: normal;
         text-decoration: none;
         border: 0;
         cursor: pointer;
         cursor: hand;
         display: block;
     }
      #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: #900;
               padding-top: 13px; 
            }
         #topNavigation ul.sf-menu li ul { 
            width: 223px;
            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-size: 1.3em;
               padding: 8px 15px;
               font-weight: normal;
               cursor: pointer;
            }
               #wrapper #topNavigation ul.sf-menu li li a:hover { 
                  background-color: #4C4E4A;
                  color: #E9E5D9;
                  text-decoration: none;
               }
               #topNavigation ul.sf-menu li li ul,
               #topNavigation ul.sf-menu li.selected li ul { 
                  top: 0;
                  left: 223px; 
               }
/* @end topNavigation **/
#sectionNav {
   text-transform: uppercase;
   padding-top: 40px;
   letter-spacing: 0.1em;
}
   #sectionNav h4 {
/*      font-size: 1.4em;*/
      padding: 0.2em 0 0.6em;
/*      border-bottom: 1px solid #D9D6CA;*/
   }
   #sectionNav ul {
      list-style: none;
   }
         #sectionNav ul li a {
            text-decoration: none;
            padding: 0.6em 0;
            display: block;
            font-size: 1.2em;
            color: #453116;
            text-transform: none;
/*            border-bottom: 1px solid #D9D6CA;*/
         }
         #sectionNav ul li a:hover, #sectionNav ul li a:focus { text-decoration: underline; }
         #sectionNav ul li.selected a { color: #990000; }
/** @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: 200px;
   left: 590px;
   width: 390px;
   height: 265px;
   z-index: 5;
}
   #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: #FFF;
   }
      #home #marginSlot .margincontent ul,
      #home #marginSlot .margincontent ol { 
         padding-left: 0.3em;
         line-height: normal;
      }
         #home #marginSlot .margincontent li { margin-bottom: 0.3em; }
#default #marginSlot { padding-top: 40px; }
/* @end marginSlot **/
/* @end contentWrapper **/



/** Footer
-------------------------- **/
/** @group footer */
#footer { 
   font-size: 1.1em;
   padding: 30px 0; 
   text-align: center;
}
   #footer, #footer a { color: #666; }
      #home #footer, #home #footer a { color: #666; }
   #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;
}

div#thumbnails div.shadowbox_img, div.caption { text-align: center; position: relative; }
div.caption {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 130px;
    left: 0px;
    font-size: 1.1em;
}

div.shadowbox_img a {
    position: absolute;
    bottom: 37px;
    left: 0px;
    width: 130px;
    text-align: center;
}