/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 6 March 2008 @ 14:50 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
body {
   margin: 0;
   padding: 0;
   background-color: #001224;
   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: #6A7781;
}
   a {
      color: #FFF;
      text-decoration: underline;
   }
   a:hover { text-decoration: none; }
   a:visited { color: #667F93; }
    
h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
   font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
   color: #33CC00;
   font-weight: normal;
   letter-spacing: 0.1em;
}
   h2, h3, h4, h5, h6 {
      margin-bottom: 0.5em;
      line-height: 1.25em;
   }
      h2 { font-size: 2.0em; text-transform: uppercase; }
      h3 { font-size: 1.7em; }
      h4 { font-size: 1.5em; }
      h5 { font-size: 1.3em; }
      h6 { font-size: 1.1em; }

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

div.outer {
   position: relative;
   width: 987px;
   margin: 0 auto;
}

* html #home #highlight #wave { behavior: url("/globals/iepngfix_v1/iepngfix.php"); }

/** Header
-------------------------- **/
/** @group header */
#header {
   width: inherit;
   height: 91px;
   background: #001224 url('images/bg_hdr.jpg') top left repeat-x;
}
#header #banner a, 
#header #banner a:visited
{
   position: absolute;
   display: block;
   background: url("images/logo.jpg") 0 0 no-repeat;
   text-indent: -10000px;
   width: 216px;
   height: 61px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 11px;
   left: 44px;
}
#header form { 
   margin: 0;
   padding: 0;
}
#header fieldset { 
   border: 1px solid #0051A2; 
   height: 58px;
   padding-bottom: 0;
   *padding: 0 0 8px 8px;/* IE7 */
}
* html #header fieldset { padding: 0 0 8px 8px; }
#header legend { 
   font-size: 1.4em;
   color: #FFF;
   letter-spacing: 0.1em;
   text-transform: uppercase;
}
/** @group search */
#search {
   position: absolute;
   left: 395px;
   top: 11px;
   width: 409px;
}
   #search div.column {
      float: left;
      margin-right: 8px;
   }
      #search div.col3 {
         margin-right: 0;
         margin-left: -3px;
         padding-top: 10px;
         *width: 72px;/* IE7 */
         *overflow: hidden;/* IE7 */
         *margin-left: -18px;/* IE7 */
         *padding-top: 14px;/* IE7 */
      }
      * html #search div.col3 { 
         width: 72px; 
         overflow: hidden; 
         margin-left: -18px;
         padding-top: 14px;
      }
   #search input {
      background: #003366 url('images/bg_input-login.jpg') top left no-repeat;
      border: 0pt none;
      height:20px;
      margin-right:0pt;
      padding: 3px 0pt 0pt 6px;
      width: 145px;
      color: #FFF;
   }
   #search label {
      font-size: 1.0em;
      color: #668095;
      text-transform: uppercase;
      letter-spacing: 0.1em;
   }
   #search button {
      margin: 0;
      padding: 0;
      border: 0;
      background-color: transparent;
   }
/* @end search **/
/** @group register */
#register {
   position: absolute;
   left: 815px;
   top: 11px;
   width: 171px;
}
   #register div {
      color: #667F93;
      font-size: 1.0em;
      letter-spacing: 0.1em;
      line-height: 1.25em;
   }
/* @end register **/
/* @end header **/

/** Highlight
-------------------------- **/
/** @group highlight */
#highlight div.outer {
   position: relative;
   height: 322px;
   overflow: hidden;
   padding-bottom: 17px;
}
#highlight #wave {
   width: 987px;
   height: 88px;
   background: transparent url('images/bg_wave.png') top left no-repeat;
   position: absolute;
   bottom: 0;
   right: 0;
}
/** @group rightCol */
#home #highlight div.rightCol {
   width: 724px;
   float: left;
}
   * html #home #highlight div.rightCol #hdrImg {
      width: 723px;
      overflow: hidden;
   }
/* @end rightCol **/
/* @end highlight **/

/** @group topNavigation */
div.leftCol #topNavigation ul {
   margin: 5px 0;
   padding: 0;
   list-style: none;
}
   div.leftCol #topNavigation ul ul { margin: 0; }

div.leftCol #topNavigation ul li { }

div.leftCol #topNavigation ul li.lvl1 a {
   display: block;
   width: 263px;
   text-transform: uppercase;
   color: #FFF;
   font-size: 1.1em;
   padding: 0;
   letter-spacing: 0.1em;
   text-decoration: none;
   background: #001224 url('images/bg_home-nav.jpg') bottom right no-repeat;
}
div.leftCol #topNavigation ul li.lvl1 a span { 
   display: block;
   padding: 4px 10px;
}
   #default div.leftCol #topNavigation ul li.lvl1 a { 
      background: transparent url('images/bg_default-nav-T.gif') 0px 0% no-repeat;
   }
   #default div.leftCol #topNavigation ul li.lvl1 a span { 
      display: block;
      padding: 4px 10px;
      background: transparent url('images/bg_default-nav-B.gif') 0px 100% no-repeat;
   }
   div.leftCol #topNavigation ul li.lvl1 a:hover { color: #0063EE; }
   
   
   div.leftCol #topNavigation ul li.selected a { color: #33CC00; }
      #default div.leftCol #topNavigation ul li.selected a { background-position: -263px 0%; background-color: #001224; }
      #default div.leftCol #topNavigation ul li.selected a span { background-position: -263px 100%; }
      #default div.leftCol #topNavigation ul li.selected li.lvl2 a {
         background-position: -526px 0%;
         background-color: #004283;
         color: #FFF;
         width: 263px;
      }
      #default div.leftCol #topNavigation ul li.selected li.lvl2 a span {
         background-position: -526px 100%;
         height: 18px;
         padding-right: 35px;
      }
      #default div.leftCol > #topNavigation ul li.selected li.lvl2 a span {
         height: auto;
         min-height: 18px;
      }
         #default div.leftCol #topNavigation ul li.selected li.lvl2 a:hover { text-decoration: underline; }
         
         
         
         
         
     #default div.leftCol #topNavigation ul li.selected li.lvl3 a {
         background-position: -546px 0%;
         background-color: #004283;
         color: #FFF;
         width: 263px;
      }
      #default div.leftCol #topNavigation ul li.selected li.lvl3 a span {
         background-position: -526px 100%;
         height: 18px;
         padding-right: 55px;
      }
      #default div.leftCol > #topNavigation ul li.selected li.lvl3 a span {
         height: auto;
         min-height: 18px;
      }
         #default div.leftCol #topNavigation ul li.selected li.lvl3 a:hover { text-decoration: underline; }
         
         
         
         
         

/* @end topNavigation **/

/** ContentWrapper
-------------------------- **/
/** @group ContentWrapper */
#contentWrapper div.outer { padding-bottom: 20px; }
   #default #contentWrapper div.outer {
      background: transparent url('images/bg_default-contentWrapper.gif') top left repeat-y;
      min-height: 500px;
      padding-bottom: 0;
   }

div.leftCol {
   text-align: right;
   width: 263px;
   float: left;
}
   #default div.leftCol #margin {
      color: #6288A4;
      text-align: left;
      background: transparent url('images/bg_default-leftCol-marginBorder.gif') top center no-repeat;
      margin: 25px 0;
   }
      #default div.leftCol #margin span {
         display: block;
         padding: 20px;
         background: transparent url('images/bg_default-leftCol-marginBorder.gif') bottom center no-repeat;
      }
      #default div.leftCol h5 {
         color: #FFF;
         font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
         margin: 0;
         font-size: 1.2em;
      }
div.rightCol {
   width: 724px;
   float: left;
}
   #default div.rightCol div.content {
      padding: 20px;
      line-height: 1.5em;
      background: transparent url('images/bg_default-content.jpg') bottom left no-repeat;
   }
      div.rightCol div.content blockquote {
         border-bottom: 1px solid #606B76;
         border-top: 1px solid #606B76;
         clear:right;
         color:#FFF;
         float:right;
         text-align: center;
         font-family: Georgia,"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
         font-size: 1.4em;
         font-style: italic;
         line-height: 1.5em;
         margin: 15px 25px;
         padding: 15px;
         width: 283px;
      }
      div.rightCol div.content li {
         list-style: url('images/bg_li-content.gif');
         margin-bottom: 8px;
      }
   div.leftCol,
   #contentWrapper div.rightCol {
      font-size: 1.2em;
   }
      #contentWrapper #contactBlock {
         margin-right: 30px;
         line-height: 1.5em;
      }
         #contentWrapper #contactBlock div.org {
            font-size: 1.4em;
         }
         
/** @group rightCol */
#contentWrapper div.rightCol td.homeImage {
   padding: 8px;
   text-align: center;
}
   #contentWrapper div.rightCol td.homePicture img {
      border: 1px solid #0051A2;
   }
#contentWrapper div.rightCol td.homeTitle {
   color: #33CC00;
   font-size: 1.5em;
   text-transform: uppercase;
   letter-spacing: 0.1em;
}
#contentWrapper div.rightCol td.homeOuterContent {
   border-left: 1px solid #003263;
   padding: 0 15px;
}
/* @end rightCol **/
/* @end ContentWrapper **/

/** Footer
-------------------------- **/
/** @group footer */

#footer {
   height: 87px;
   background: #001224 url('images/bg_ftr.jpg') top left repeat-x;
   color: #2E5473;
   font-size: 1.2em;
   padding-top: 20px;
}
   #footer #copyright {
      float: left;
      clear: left;
   }
   #footer #siteBy {
      float: right;
      clear: right;
   }
      #footer #siteBy a {
         color: #2B597C;
         text-decoration: none;
      }
         #footer #siteBy a:hover { color: #000B17; }

/* @end footer **/


/** Class Styles
-------------------------- **/

.hidden {
   display: none;
}

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