/* HEADER 
----------------------------------------------------------------*/
   #header {margin-bottom: 17px;}
   #header #logo {vertical-align: middle; text-align: center; }
   #header #tagline p {text-align: center; font-size: 120%; margin: 0; font-weight: bold; color: #FF0000; background-color: #FFFFFF; padding: 0 0 10px 0; }
   .novlogo { margin-top: -20px; }


/* PRIMARY NAVIGATION
----------------------------------------------------------------*/
  
   #primarynav { width: 100%; height: 35px; color: #000000; background-color: #4D4D4D; }
   #primarynav ul { list-style: none; padding: 0; margin: 0; }
   #primarynav li { float: left; margin: 0 8px; }
   #primarynav li a { 
      background: url("/images/uppernavbutton.gif") #B2B2B2 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; }
   #primarynav li a.parent { color: #000000; background:  #B2B2B2 url("/images/uppernavselected.gif"); }
   #primarynav li a:hover { color: #000000; background:  #B2B2B2 url("/images/uppernavhover.gif"); }
   #primarynav li a.selected { color: #000000; background:  #B2B2B2 url("/images/uppernavselected.gif"); }   
   
   #primarynav #clientarea a { 
      background: url("/images/client.gif") #B2B2B2 top left no-repeat; color: #000000; height: 35px; line-height: 35px; 
      float: right; width: 130px; display: block; border: 0; margin-right: 8px; text-indent: -8000px;}

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

/* 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 .secnavshow { }
   .secondarynav .secnavhide { display: none; }
   

   .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 */

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

   #footer { width: 100%; clear: both; position: relative; padding-top: 20px; }
   #footer { color: #666666; background-color: #FFFFFF; }
   
   .iebugbl { clear: both; }
   
   #upperfooter { color: #FFFFFF; background-color: #4D4D4D; }
   #lowerfooter { color: #FFFFFF; background-color: #808080; }
   #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: #4D4D4D; }
   #lowerfooter ul.footer li a, #lowerfooter ul.footer li a:visited { color: #FFFFFF; background-color: #808080; }
   #nofooter ul.footer li a, #nofooter ul.footer li a:visited { color: #000000; background-color: #FFFFFF; } 
    
   #upperfooter ul.footer li a:hover, #upperfooter ul.footer li a.selected, #upperfooter ul.footer li a.selected:visited { color: #FF6600; background-color: #4D4D4D; }
   #lowerfooter ul.footer li a:hover, #lowerfooter ul.footer li a.selected, #lowerfooter ul.footer li a.selected:visited { color: #FF6600; background-color: #808080; }
   #nofooter ul.footer li a:hover, #nofooter ul.footer li a.selected, #nofooter ul.footer li a.selected:visited { color: #FF6600; background-color: #FFFFFF; } 
   
   ul.footer li a:hover { text-decoration: underline; }
 
   #disclaimer { padding-top: 5px;}
   #disclaimer p { text-align: center; font-size: 70%; }
    
   #buttons_standards { text-align:center; padding: 15px 0 8px 0; } 

   .css_button { width: 102px; height: 18px; background: url(/images/validcss.gif); border: 0; margin: 0 5px; vertical-align: middle; }
   .xhtml_button { width: 121px; height: 18px; background: url(/images/validxhtml.gif); border: 0; margin: 0 5px; vertical-align: middle; }
   .bookmark_button { width: 108px; height: 18px; background: url(/images/bookmark.gif); border: 0; margin: 0 5px; vertical-align: middle; cursor: pointer; }

   #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; }
   #upperwrapper { margin-right: 650px; }
   /* mac hide \*/
   * html #upperwrapper{ height: 100%; } 
   /* end hide */
   
   #header { height: 6em; margin-right: -650px; position: relative; }
   #right { 
   	position: relative; left: 3px; /* Needed for IE/win */    	
   	float: right; width: 650px; margin-right: -649px; }    
   div>#right { left: 1px; } /* line it up exactly in all but IE (hidden from IE6 & below)*/ 
   #right { margin-left: -3px; }/* 3 px jog for ie (also fixes mozilla issue with float drop)*/

   
   #left { float: left; width: 100%; position: relative; }
   .mainwrapper { float: right; width: 100%; position: relative; top: 0px; margin-top: 0px; }
   
/* MAIN LAYOUT STYLING 
---------------------------------------------------------------------------- */
   html, body { font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; background-color: #EEEEEE; color: #000000; }
   #header, #pagewrapper, #left, #right, #footer { color: #000000; background-color: #FFFFFF; }
   #left p, #right p {  }


/* 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: 120%; } 
   h2 { font-size: 90%; }
   p { font-size: 90%; } 

/*
   a:link, a:visited { color: #FF6600; background-color: #FFFFFF; text-decoration: underline; } 
   a:hover { color: #000000; background-color: #FFFFFF; text-decoration: none; }
*/
   .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 {  }
   

   
   .ylwboxbody a, .ylwboxhead a { color: #FF6600; background-color: #FFFF66; text-decoration: underline; }
   .ylwboxbody a:hover, .ylwboxhead a:hover { color: #000000; background-color: #FFFF66; text-decoration: none; }
   
   .gryboxbody a, .gryboxhead a { color: #FF6600; background-color: #e5e5e5; text-decoration: underline; }
   .gryboxbody a:hover, .gryboxhead a:hover { color: #000000; background-color: #e5e5e5; text-decoration: none; }
   
   .wteboxbody a, .wteboxhead a { color: #FF6600; background-color: #ffffff; text-decoration: underline; }
   .wteboxbody a:hover, .wteboxhead a:hover { color: #000000; background-color: #ffffff; text-decoration: none; }
   
   .blkboxbody a, .blkboxhead a { color: #FF6600; background-color: #ffffff; text-decoration: underline; }
   .blkboxbody a:hover, .blkboxhead a:hover { color: #000000; background-color: #ffffff; text-decoration: none; }


   
   .ylwboxside { position: relative; 
      color:#000000; 
   	background: #FFFF66 url(/images/ylw_box_br.gif) no-repeat bottom right;
   	font-size: 100%; margin: 15px 0 0 0; }
   .ylwboxhead { position: relative; 
      color:#000000; 
   	background: #FFFF66 url(/images/ylw_box_tr.gif) no-repeat top right;
   	margin: 0; padding: 0; }
   .ylwboxhead h1 { position: relative;  
   	background: url(/images/ylw_box_tl.gif) no-repeat top left;
   	margin: 0; padding: 10px 0 0 0; }
   .ylwboxbody { position: relative; 
   	background: url(/images/ylw_box_bl.gif) no-repeat bottom left;
   	margin: 0; padding: 2px 15px 15px 15px; }

   
   .gryboxside { position: relative; 
      color:#000000; 
   	background: #E5E5E5 url(/images/gry_box_br.gif) no-repeat bottom right;
   	font-size: 100%; margin: 15px 0 0 0; }
   .gryboxhead { position: relative; 
      color:#000000; 
   	background: #E5E5E5 url(/images/gry_box_tr.gif) no-repeat top right;
   	margin: 0; padding: 0; }
   .gryboxhead h1 { position: relative; 
   	background: url(/images/gry_box_tl.gif) no-repeat top left;
   	margin: 0; padding: 10px 0 0 0; }
   .gryboxbody { position: relative; 
   	background: url(/images/gry_box_bl.gif) no-repeat bottom left;
   	margin: 0; padding: 2px 15px 15px 15px; }
   

   .wteboxside { position: relative; 
      color:#000000; 
   	background: #FFFFFF url(/images/wte_box_br.gif) no-repeat bottom right;
   	font-size: 100%; margin: 15px 0 0 0; }
   .wteboxhead { position: relative; 
      color:#000000; 
   	background: #FFFFFF url(/images/wte_box_tr.gif) no-repeat top right;
   	margin: 0; padding: 0; }
   .wteboxhead h1 { position: relative; 
   	background: url(/images/wte_box_tl.gif) no-repeat top left;
   	margin: 0; padding: 10px 0 0 0; }
   .wteboxbody { position: relative; 
   	background: url(/images/wte_box_bl.gif) no-repeat bottom left;
   	margin: 0; padding: 2px 15px 15px 15px; }
   
   .blkboxside { position: relative; 
      color:#000000; 
   	background: #FFFFFF url(/images/blk_box_br.gif) no-repeat bottom right;
   	font-size: 100%; margin: 15px 0 0 0; }
   .blkboxhead { position: relative; 
      color:#000000; 
   	background: #FFFFFF url(/images/blk_box_tr.gif) no-repeat top right;
   	margin: 0; padding: 0; }
   .blkboxhead h1 { position: relative; 
   	background: url(/images/blk_box_tl.gif) no-repeat top left;
   	margin: 0; padding: 10px 0 0 0; }
   .blkboxbody { position: relative; 
   	background: url(/images/blk_box_bl.gif) no-repeat bottom left;
   	margin: 0; padding: 2px 15px 15px 15px; }