/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Stephen Davis
*     Auth Web: http://www.mediasation.com
*     modified: 2009-07-14
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
   color: #FFF;
}
body { background: #342D27 url('../images/bg_body.jpg') top center repeat-y; }/**/
   a {
      color: #D1AC66;
      text-decoration: underline;
   }
      a:hover { text-decoration: none; }
      a:visited { color: #FFF; }
      a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
   strong {
      line-height: 1.25em;
      font-weight: normal;
      color: #D1AC66;/*D1AC66*/
   }
   #marginSlot h1, #marginSlot h2, #marginSlot h3, #marginSlot h4, #marginSlot h5, #marginSlot h6 { color: #322B25; }
   strong { font-weight: bold; }
      h1, .content h1 { font-size: 1.8em; }
      h2, .content h2 { font-size: 1.5em; }
      h3, .content h3 { font-size: 1.4em; }
      h4, .content h4 { font-size: 1.2em; }
      h5, .content h5 { font-size: 1.0em; }
      h6, .content h6 { font-size: 0.9em; }

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

#outer_wrapper { background: transparent url("../images/bg_header_repeat.jpg") left top repeat-x; }

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

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header {
   background: transparent url('../images/bg_header.jpg') top left no-repeat;
   height: 146px;
   width: inherit;
}

#header #masthead a, 
#header #masthead a:visited
{
   position: absolute;
   display: block;
   background: url("../images/logo.jpg") 0 0 no-repeat;
   text-indent: -10000px;
   width: 284px;
   height: 93px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 0;
   left: 0;
}

#header #flash {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 3;
   width: 254px;
   height: 197px;
}
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {}
/** @group contentSlot */
#contentSlot {
   width: 750px;
   float: right;
}

#contentSlot img.quote {
   margin: 0 auto;
   display: block;
}

#contentSlot blockquote {
   padding: 10px 40px;
   margin: 0;
   color: #EFC168;
   font-family: "Times New Roman",Times,serif;
   font-size: 1.3em;
   text-align: center;
}
   blockquote div { padding: 0 80px; }

#contentSlot #hdrImg { 
   position: relative;
   min-height: 206px;
}
   #contentSlot h1.pg_title { margin-top: -15px; }
#contentSlot #hdrImg #img {
   background: transparent url('../images/bg_img.jpg') left top no-repeat;
   padding-bottom: 20px;
}

.noHdrImg #contentSlot #hdrImg { min-height: 5px; padding-top: 35px;  }
   .noHdrImg #contentSlot #hdrImg #img,
   .noHdrImg #contentSlot #hdrImg #overlay { display: none; }
   .noHdrImg #contentSlot h1.pg_title { margin-top: 0; }

#contentSlot #hdrImg #overlay {
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 1;
   width: 750px;
   height: 121px;
   background: transparent url('../images/bg_overlay.png') left top no-repeat;
}

#contentSlot #layout { padding: 10px 20px; }


#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: 200px;
   float: left;
}

#sideBarHook { padding: 10px 2px; }

#topNavigation {
/*   background-color: #FF0000;*/
   position: absolute;
   top: 96px;
   left: 15px;
   height: 36px;
   text-transform: lowercase;
}

#topNavigation ul {
   list-style: none;
}

#topNavigation ul li {
   display: inline;
   background: transparent;
}
   #topNavigation ul li.last { border: none; }

#topNavigation ul li a {
   display: block;
   float: left;
   color: #FFF;
   text-decoration: none;
   border: none;
   padding: 0 8px;
   border-right: 1px solid #D1AC66;
}

#topNavigation ul li a:hover, #topNavigation ul li a:active { background-color: #D1AC66; }
   #topNavigation ul li.last a,
   #topNavigation ul li:last-child a { border-right: 0; }


#sectionNav {
/*   background-color: #FF0000;*/
/*   position: absolute;*/
/*   top: 96px;*/
   left: 0;
/*   height: 36px;*/
   font-size: 15px;
   width: 193px;
/*   text-transform: lowercase;*/
}

#sectionNav ul {
   list-style: none;
   margin: 0;
}

#sectionNav ul li { margin: 0; }

#sectionNav ul li a {
   color: #FFF;
   display: block;
   background: transparent url('../images/bg_section.jpg') top left no-repeat;
   height: 20px;
   padding: 16px 18px;
   text-decoration: none;
}

#marginSlot {
   color: #FFF;
   padding: 10px 20px 0 10px;
}
   #marginSlot a { color: #FFF; }


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



/** Footer
-------------------------- **/
/** @group footer */
#footer {
   font-size: 1.2em;
   text-align: center;
   float: right;
   width: 740px;
   padding: 36px 5px;
}
#footer ul {
   list-style: none;
   padding-bottom: 10px;
}
#footer ul li { display: inline; }
#footer ul li a {
   color: #FFF;
   padding: 4px 10px;
   font-weight: bold;
}


   #footer, #footer a { color: #CCC; }
      #footer a { text-decoration: none; }
      #footer a:hover{ text-decoration: underline; }
/* @end footer **/


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


/** Class Styles
-------------------------- **/
.content {
   font-size: 1.3em;
}

.hidden, .printOnly, #outer_footer { display: none; }

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

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