/**   Styles for "Screen" Media
*     File: styles.css
*     Theme: 0021
*     Author: Stephen Davis & Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2009-11-10 (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;
}

body { padding: 25px 0; }

a {
   text-decoration: underline;
   font-weight: normal;
}
   a:hover { text-decoration: none; }
   a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
   #topNavigation ul li a,
   .title {
      line-height: 1.25em;
      font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
      font-weight: lighter;
   }
      h1, .content h1 { font-size: 1.8em; }
         h1.pg_title { font-size: 2.4em; margin-top: 0.4em; }
      h2, .content h2 { font-size: 1.3em; }
         h2, .content h2 {
            text-transform: uppercase;
            letter-spacing: .1em;
            margin-top: 40px;
            margin-bottom: -7px;
            padding-bottom: 0px;
         }
      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 {
   width: 928px;
   margin: 0 auto;
   padding: 12px 12px 60px;
}

#wrapper {
   position: relative;
   width: 906px;
   padding: 10px;
}

/** Header
-------------------------- **/


/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   width: 906px;
   padding-bottom: 30px;
/*   position: relative;*/
/*   padding-top: 0;*/
}
/** @group contentSlot */
/** @group hdrImg */
#hdrImg #img {
   width: 648px;
   overflow: hidden;
}
#corner1, #corner2, #corner3, #corner4 { display: none; }
/* @end hdrImg **/

#contentSlot {
   float: right;
   width: 648px;
   padding: 0 0 20px 0;
}
   #contentSlot iframe { width: 608px; }

   #layout { padding: 10px 20px 20px; }
   #layout iframe#fs { padding: 2px; }
/*   #layout h1.pg_title { margin-top: 0; }*/
/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   text-align: right;
   width: 258px;
}
   #sideBarHook { padding-top: 200px; }

#sideBar .title {
   font-size: 1.2em;
   padding-bottom: 0.8em;
}

#sideBar input {
   padding: 4px 5px 5px;
}
#sideBar button,
.content button {
   font-size: 0.9em;
   font-weight: bold;
   overflow: visible;
   padding: 3px 5px 4px;
   cursor: pointer;
}
   #newsletter #authcode, #newsletter .authcode {
      vertical-align: middle;
   }
   #newsletter .email { width: 204px; }
   #newsletter #authcode {
      width: 68px;
      margin-right: 2px;
   }
   #search .search { margin-right: 4px; }

#topNavigation {
   position: relative;
   left: -23px;
   z-index: 1;
   width: 281px;
}
   #topNavigation ul {
      margin: 0;
      padding: 0;
      border: 0;
      float: none;
      clear: left;
   }
      #topNavigation ul li {
         display: block;
         float: none;
         width: inherit;
         text-align: right;
         background: none;
         border: 0;
         margin-bottom: 0.4em;
      }
         #topNavigation ul li a {
/*            line-height: 24px;*/
            display: block;
            font-size: 1.2em;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            text-decoration: none;
            padding: 7px 0;
            padding-right: 40px;
            border: 0;
         }
         #topNavigation ul li.selected a {
/*            font-weight: bold;*/
         }
   #topNavigation ul li ul {
      width: 200px;
      top: 0;
      left: 282px;
      border-bottom: 0;
   }
      #topNavigation ul li ul li {
         margin: 0;
         text-align: left;
      }
         #topNavigation ul li ul li a, #topNavigation ul li.selected ul li a {
            padding-right: 0;
            padding-left: 20px;
            line-height: normal;
         }
   #topNavigation ul li ul li ul {
      left: 200px;
   }
/* @end sideBar **/
/* @end contentWrapper **/

/** @group formContent */
#formContent td { padding: 3px 0 8px; }
   #formContent td.content { vertical-align: top; }
#formContent input.input, #formContent textarea.textarea { padding: 0.3em 0.4em; }
/* @end formContent **/


/** Footer
-------------------------- **/
/** @group footer */
#footer {
   position: relative;
   font-size: 1.05em;
   height: 30px;
   bottom: -66px;
}
#footer #copyright { float: left; }
#footer #siteBy { float: right; }
   #footer, #footer a {}
      #footer a { text-decoration: none; }
      #footer a:hover{ text-decoration: underline; }
/* @end footer **/


/** Class Styles
-------------------------- **/
.hidden, .printOnly, #outer_footer { display: none; }

.content {
   font-size: 1.2em;
   line-height: 1.4em;
}

.spacer {
   padding-top: 20px;
   padding-right: 20px;
}

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

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