/* HEADER 
----------------------------------------------------------------*/
   #header { }
   #logo { float: left; vertical-align: middle; text-align: left; padding: 0; background: #FFFFFF url(/images/logobkg.gif) top left repeat-x; width: 100%;}
   
   #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: #156BAF; background-color: #FFFFFF; }
   #primarynav ul { list-style: none; padding: 0; margin: 0; }
   #primarynav li { float: left; margin: 0 8px; }
   #primarynav li a {
      background: #FFFFFF; height: 35px; line-height: 35px;
      float: left; width: 103px; display: block; border: 0; color: #156BAF; text-decoration: none; text-align: center;
      font-weight: bold; font-size: 14px; }
   #primarynav li a.parent { color: #156BAF; background:  #FFFFFF; }
   #primarynav li a:hover { color: #000000; background:  #FFFFFF; text-decoration: underline;  }
   
   
/* FOOTER NAVIGATION
----------------------------------------------------------------*/

   #footer { color: #666666; background-color: #FFFFFF; }
   
   #upperfooter { color: #FFFFFF; background-color: #156BAF; height: 10px; }
   
   #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; }
  
   #footer { width: 100%; clear: both; position: relative; padding-top: 20px; }

   table#websites { width: 1080px; margin: 0 auto; }
   table#websites th { text-align: center; font-size: 150%; font-size: 90%; }
   /*table#websites td { border: 1px solid red; } /* */
   table#websites td { font-size: 90%; }
   table#websites .col1 { width: 360px; }
   table#websites .col2 { width: 360px; }
   table#websites .col3 { width: 360px; }
   table#websites .col1 img { width: 300px; margin: 20px 0 0 30px; } 
   table#websites .col2 img { width: 250px; margin: 20px 0 0 55px; }
   table#websites .col3 img { width: 320px; margin: 20px 0 0 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 {  }
   
   #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; }