/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 7 April 2009 @ 14:25 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;
   padding: 0;
   margin: 0;
}
body {
   background: #242B66 url('../images/page_bg.jpg') center top no-repeat;
   margin: 0;
}
   a {
      color: #641063;
      text-decoration: underline;
   }
      a:hover { text-decoration: none; }
      a:visited { color: #141954; }
      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: bold;
      color: #242B66;
   }
      h1, .content h1 { font-size: 2.3em; margin: 0; }
         #home h1, #home .content h1 { margin: 0 0 0.2em; }
      h2, .content h2 { font-size: 1.5em; }
         #home h2, #home .content h2 { margin: 0 0 0.2em; }
      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: #333 no-repeat scroll center;
}
    div.hr hr { display: none; }


/** Wrapper
-------------------------- **/
#outerWrapper {
   position: relative;
   width: 992px;
   background: transparent url('../images/page_bg.gif') top repeat-y;
   margin: 135px auto 8px;
}

#wrapper {
   background: transparent url('../images/page_bg.jpg') center -135px no-repeat;
   padding: 0 16px 0 17px;
}


/** Header
-------------------------- **/
/** @group header */
#header { width: 959px; }
#banner {
    width: 959px;
    height: 47px;
}
#header #masthead a, 
#header #masthead a:visited
{
   position: absolute;
   display: block;
   background: url("../images/logo.gif") 0 0 no-repeat;
   text-indent: -10000px;
   width: 283px;
   height: 132px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: -135px;
   left: 20px ;
}
   #home #header #masthead { display: none; }

#img { margin: 16px 0 5px; } 

#phone {
   position: absolute;
   top: -1.6em;
   right: 38px;
   /*right: 185px; (with TxtSize) */
   font-size: 1.8em;
   color: #242B66;
   font-weight: bold;
}
/*#hdrImg {
  padding: 0 0 0 1px;
  margin: 0;
}*/
/** @group txtSize /
#txtSize {
   position: absolute;
   right: 20px;
   top: -30px;
   width: 117px;
}
#txtSize #txtSizeLabel {
   position: absolute;
   left: 22px;
}
   #txtSize ul {
      display: block;
      list-style: none; 
      margin: 0;
      padding: 0;
      width: 60px;
      height: 20px;
      overflow: hidden;
      float: right;
   }
   #txtSize li { 
      margin-right: 5px;
      display: inline;
   }
   #txtSize #textSizeLabel {
      display: block;
      float: left;
      text-indent: -10000px;
      width: 57px;
      height: 20px;
      overflow: hidden;
      background: transparent url("../images/icon_text_label.gif");
   }
      #txtSize li a {
         float: left;
         color: #2C3254;
         text-indent: -10000px;
         overflow: hidden;
         display: block;
         width: 20px;
         height: 20px;
         background: transparent url("../images/icon_text_med.gif") 0 -20px no-repeat;
      }
         #txtSize li.selected a { background-position: 0 0; }
         #txtSize li.small a { background-image: url("../images/icon_text_sm.gif"); }
         #txtSize li.medium a { }
         #txtSize li.large a { background-image: url("../images/icon_text_lg.gif"); }
/*         #txtSize li.xlarge a { background-image: url("images/icon_text_lg2.gif"); }*/
/*.txtSmall { top: 0px; }
.txtMedium { top: 26px; }
.txtLarge { top: 52px; }
.txtXLarge { top: 78px; }
.txtHidden { display: none; }*/
/* @end txtSize **/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
     font-size: 1.4em;
     line-height: 1.5em;
     min-height: 50px;
     background: transparent url('../images/content_bg.jpg') top left no-repeat;
     border-bottom: 7px solid #FFF;
}
   #default #contentWrapper { min-height: 600px; }

/** @group contentSlot */
#default #contentSlot {
    float: left;
    width: 571px;
    padding: 20px 30px 20px 20px;
}
      #home #marginSlot { border-bottom: 5px solid #FFF; }
      #home #contentSlot td.column1 { border-right: 5px solid #FFF; }

      #home #contentSlot td,
      #home #marginSlot { padding: 26px 34px; }
/* @end contentSlot **/
/** @group sideBar */
#sideBar { font-size: 0.9em; }
#default #sideBar {
    float: right;
    width: 302px;
    padding: 20px 0;
    color: #444;
}
   #default #sideBar #marginSlot,
   #default #sideBar #sectionNav { padding: 0 17px; }

   #sideBar h2 {
       font-size: 1.5em;
       color: #242B66;
       padding: 20px 0 0 0;
       margin: 0;
   }
/** @group topNavigation */
#topNavigation {
   position: absolute;
   top: 0;
   left: 17px;
   width: 959px;
   margin: 10px 0;
   padding: 0;
   background-color: #242B66;
}
/* @end topNavigation **/
/** @group buttons */
#buttons ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
   #buttons ul li { margin-bottom: 0.8em; }
/* @end buttons **/
/* @end sideBar **/
/* @end contentWrapper **/



/** Footer
-------------------------- **/
/** @group footer */
#footer {
   width: 992px;
   margin: 0 auto;
}
   #footer, #footer a { color: #7F83A6; }
   #footer a { text-decoration: none; }
      #footer a:hover{ text-decoration: underline; }
/** @group footer_layout */
#footer_layout { 
   padding: 0 15px 20px;
   font-size: 11px;
}
   #footer_layout #leftCol {
      width: 50%;
      float: left;
   }
   #footer_layout #rightCol {
      width: 50%;
      float: right;
      text-align: right;
   }
      #footer_layout #rightCol #footerLinks ul {
         padding-top: 4px;
         list-style: none; 
      }
         #footer_layout #rightCol #footerLinks li { 
            display: inline;
            padding-left: 8px;
         }
/* @end footer_layout **/
/* @end footer **/


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


/** Class Styles
-------------------------- **/
.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;
}