/* HEADER 
----------------------------------------------------------------*/
   #header { }
   #logo { float: left; vertical-align: middle; text-align: left; padding: 10px 0 6px 8px; }
   #contact { float:right; vertical-align: middle; padding: 11px 8px 0 0; }
   #contact p { text-align: center; }
   #contact .l1 { font-size: 150%; font-weight: bold; padding: 0; margin: 0; color: #156BAF; background-color: white; }
   #contact .l2 { font-size: 210%; font-weight: bold; padding: 0; margin: -5px 0 4px 0; color: #156BAF; background-color: white; }
   #contact .l3 { font-size: 90%; font-weight: bold; padding: 10px 0 0 0; margin: 0; color: #000000; background-color: white; }

   #ad { float:right; vertical-align: middle; padding: 25px 50px 0 0; }

/* PRIMARY NAVIGATION
----------------------------------------------------------------*/
  
   #primarynav { clear: both; width: 100%; height: 35px; color: #FFFFFF; background-color: #156BAF; }
   #primarynav ul { list-style: none; padding: 0; margin: 0; }
   #primarynav li { float: left; margin: 0 8px; }
   #primarynav li a { 
      background: url("/images/uppernavbutton.gif") #156BAF top left no-repeat; height: 35px; line-height: 35px; 
      float: left; width: 103px; display: block; border: 0; color: #FFFFFF; text-decoration: none; text-align: center; 
      font-weight: bold; font-size: 14px; }
   #primarynav li a.parent { color: #156BAF; background:  #FFFFFF url("/images/uppernavselected.gif"); }
   #primarynav li a:hover { color: #156BAF; background:  #FFFFFF url("/images/uppernavhover.gif"); }
   #primarynav li a.selected { color: #156BAF; background:  #FFFFFF url("/images/uppernavselected.gif"); }   
   

/* SECONDARY NAVIGATION
----------------------------------------------------------------*/
   .secondarynav { width: 100%; height: 35px; color: #000000; background-color: #808080; }
   .secondarynav ul { list-style: none; padding: 0; margin: 0; }
   .secondarynav #spacer1 { width: 119px; height: 35px; float: left; }
   .secondarynav #spacer2 { width: 238px; height: 35px; float: left; }
   .secondarynav #spacer3 { width: 357px; height: 35px; float: left; }
   .secondarynav #spacer4 { width: 476px; height: 35px; float: left; }
   .secondarynav #spacer5 { width: 595px; height: 35px; float: left; }
  
   .secondarynav #nav0 { height: 35px; clear: both; }
   .secondarynav #nav1 { height: 35px; clear: both; }
   .secondarynav #nav2 { height: 35px; clear: both; }
   .secondarynav #nav3 { height: 35px; clear: both; }
   .secondarynav #nav4 { height: 35px; clear: both; }
   .secondarynav #nav5 { height: 35px; clear: both; }

   .secondarynav li { float: left; margin: 0 8px; }
   .secondarynav li a { 
      background: url("/images/secondarynavbutton.gif") #808080 top left no-repeat; height: 35px; line-height: 35px; 
      float: left; width: 103px; display: block; border: 0; color: #000000; text-decoration: none; text-align: center; 
      font-weight: bold; font-size: 14px; }
   .secondarynav li a:hover { color: #000000; background: #808080 url("/images/secondarynavhover.gif"); }
   .secondarynav li a.selected { color: #000000; background: #808080 url("/images/secondarynavselected.gif"); }

   /* Hide from IE5-Mac \*/ 
   .secondarynav li a { float: none } 
   /* End hide */

   
   .secondarynav { color: #000000; width: 100%; height: 1px; background-color: #FFFFFF; display: none;}
/* FOOTER NAVIGATION
----------------------------------------------------------------*/

   #footer { color: #666666; background-color: #FFFFFF; }
   
   #upperfooter { color: #FFFFFF; background-color: #156BAF; }
   #lowerfooter { color: #FFFFFF; background-color: #156BAF; }
   #nofooter { color: #000000; background-color: #FFFFFF; }
   
   ul.footer { text-align: center; padding-bottom: 4px; }
   ul.footer li { list-style-type: none; padding: 0 1em; display: inline; }
   ul.footer li a, ul.footer li a:visited { text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 80%; }
    
   #upperfooter ul.footer li a, #upperfooter ul.footer li a:visited { color: #FFFFFF; background-color: #156BAF; }
   #lowerfooter ul.footer li a, #lowerfooter ul.footer li a:visited { color: #FFFFFF; background-color: #156BAF; }
   #nofooter ul.footer li a, #nofooter ul.footer li a:visited { color: #156BAF; background-color: #FFFFFF; } 
    
   #upperfooter ul.footer li a:hover, #upperfooter ul.footer li a.selected, #upperfooter ul.footer li a.selected:visited { color: #FFFFFF; background-color: #156BAF; text-decoration: underline; }
   #lowerfooter ul.footer li a:hover, #lowerfooter ul.footer li a.selected, #lowerfooter ul.footer li a.selected:visited { color: #FFFFFF; background-color: #156BAF; text-decoration: underline; }
    
   
   ul.footer li a:hover { text-decoration: underline; }
 
   #disclaimer { padding-top: 5px;}
   #disclaimer p { text-align: center; font-size: 70%; }
    
   #buttons { text-align:center; padding: 15px 0 15px 0; } 

   .css_button { width: 104px; height: 18px; background: url(/images/validcss.gif); border: 0; margin: 0 5px; vertical-align: middle; }
   .xhtml_button { width: 124px; height: 18px; background: url(/images/validxhtml.gif); border: 0; margin: 0 5px; vertical-align: middle; }

   #preload {
      width: 0px; height: 0px; display: inline;
      background-image: url("/images/uppernavhover.gif");
      background-image: url();
   }
   * { margin: 0; padding: 0; }
   img { border: 0; }   
   
   #pagewrapper { width: 90%; min-width: 905px; max-width: 1100px; margin: 20px auto 30px auto; }
   /* mac hide \*/
   * html #upperwrapper{ height: 100%; } 
   /* end hide */
   
   #header { height: 6em; position: relative; }
   
   .mainwrapper { float: right; width: 100%; position: relative; overflow: hidden; }
   
   #right { float: right; width: 50%; position: relative; padding-bottom: 32767px; margin-bottom: -32767px; }    
   #left { float: left; width: 50%; position: relative; padding-bottom: 32767px; margin-bottom: -32767px; }
   
   #footer { width: 100%; clear: both; position: relative; padding-top: 20px; }
   

   
   
/* MAIN LAYOUT STYLING 
---------------------------------------------------------------------------- */
   html, body { font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif; background-color: #EEEEEE; color: #000000; }
   #header, #pagewrapper, #left, #right, #footer { color: #000000; background-color: #FFFFFF; }
   #left p, #right p {  }

   .mainwrapper p, .mainwrapper h1, .mainwrapper ul { color: #333333; background-color: white; }
   .mainwrapper a { color: #333333; background-color: white; text-decoration: underline; }
   .mainwrapper a:hover { color: #333333; background-color: white; text-decoration: none; }
   
   #disclaimer a { color: #333333; background-color: white; text-decoration: underline; }
   #disclaimer a:hover { color: #333333; background-color: white; text-decoration: none; }

/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
   
   h1, h2, h3, h4, h5, h6 { font-weight: bold; text-align: center; margin: 4px 0 4px 0; }
   p {  font-weight: normal; text-align: left; margin: 4px 0 4px 0; }
   
   h1 { font-size: 175%; } 
   h2 { font-size: 110%; text-align: left; }
   p { font-size: 100%; } 

   .clear { clear: both; }
   
   abbr { cursor : help; }

   h4 { position:absolute; left: -90em; top: -90em; margin-bottom: -7em; height: 1px; }

   .nsbug { position: relative; margin-bottom: 15px; }
   
   .innerleft, .innerright {  }