html,
 body   { background: #007A8C; height: 100%; margin: 0; padding: 0; font-size: 12px; font-family: Arial, Sans; color: #505050; }
  body.corp { background: url(images/bg_page_corp.gif) 0 50% repeat-x #007A8C; }
  body.main { background: url(images/bg_header.gif) repeat-x 0 0 #007A8C; } 
  
 img { display: block; border: 0; }
     
 .c { clear: both; }
               
               
 .footer-txt { color: #99CBD3; font-size: 11px; }
 .footer-txt a { color: #99CBD3; text-decoration: none; }
 .footer-txt a:hover { color: #fff; }
               
  /* splash home */
  div#splash { height: 254px; width: 500px; position: absolute; top: 50%; left: 50%; margin: -127px 0 0 -250px; }
  
    div#splash .top { position: relative; height: 188px; background: url(images/bg_splash_top.gif) no-repeat; }
      div#splash #mainImage { position: absolute; top: 5px; left: 321px; } 
      div#splash #logo  { position: absolute; top: 39px; left: 39px; }
      div#splash #select { position: absolute; top: 39px; left: 181px; font-size: .1em; }
        div#splash #select img { margin-bottom: 4px; }
        div#splash #select img#title { margin-bottom: 0px; }
        div#splash #select img#undertitle { margin-bottom: 14px; }
      
    div#splash .bottom { position: relative; height: 37px; background: url(images/bg_splash_bottom.gif) no-repeat 0 100%; }
      div#splash .bottom img { position: absolute; top: 15px; left: 70px; }
    div#splash .under { position: relative; height: 29px; overflow: hidden; }
      div#splash .under div { bottom: 0; position: absolute; text-align: center; width: 100%; }
      
      
    /* main sub */
    #bgHolder { background: url(images/bg_page_main.jpg) no-repeat 50% 156px; text-align: center; }
    
    #header { width: 750px; height: 182px; margin: 0 auto; position: relative;}
      #header img { position: absolute; }
      #header #welcome { top: 28px;  left: 470px; }
      #header #logo    { top: 27px;  left: 42px; }
      #header #left    { top: 135px; left: 0px; }
      #header #top     { top: 77px;  left: 166px; }
      #header #right   { top: 91px;  left: 626px; }
      #header #flash   { top: 92px;  left: 166px; width: 460px; height: 90px; position: absolute; }
      
   
    #mrPutt { position: absolute; left: 579px; top: 0; }
      #mrPutt #mrPuttDiv { height: 165px; }
      
    
    /* home page */
    
    #home   { width: 750px; height: 363px; margin: 0 auto; position: relative; background: #fff; text-align: left; }
      #home #homeImage { position: absolute; top: 0; left: 177px; }
      #home #homeUnder { position: absolute; top: 326px; left: 0px; }
      #home #location { position: absolute; top: 223px; left: 548px; font-size: 10px; }
        #home #location p { margin: .8em 0 0 0; }
        #home #location a { color: #f5822a; }

      #home #features { font-size: 11px; position: absolute; top: 229px; }
        #home #features ul { margin: 0 0 0 10px; padding: 10px 0 0 0; list-style-type: none; }
        #home #features li { padding: 0 0 .6em 13px; background: url(images/icon_features_home.gif) no-repeat 0 3px; }
    /* sub page*/
    
     #main   { width: 750px; margin: 0 auto; background: url(images/bg_nav_sub.gif) repeat-y 0 0 #fff; position: relative; text-align: left; padding-bottom: 1px; }
      #main #nav { position: absolute; left: 0; top: 0; width: 175px; }
      
        #main #nav ul { padding: 0; margin: 0; list-style-type: none; }
        #main #nav li { padding: 0; margin: 0; }
        #main #nav a { overflow: hidden; position: relative; width: 175px; height: 24px; display: block; }
        #main #nav a img { position: absolute; top: 0; left: 0; }
        #main #nav a:hover img { top: -24px; }
        #main #nav a:hover { background: #000; } /* hack to get it to work in IE for some reason */
        #main #nav a.selected img,
        #main #nav a.selected:hover img { top: 0px; }

      #main #underHeader { position: absolute; left: 175px; top: 0; }
      #main #content { padding: 75px 186px 20px 195px; background: url(images/bg_sub_content.gif) no-repeat 442px 75px; text-align: left; }
        #main #content . { margin: 0 0 14px 0; }
        #main #content .fleft { float: left; margin: 0 10px 10px 0; }
        #main #content .fright { float: right; margin: 0 0 10px 10px; }
        #content .highlighted { font-size: 15px; color: #52b33b; font-weight: bold; }
        #content b,
        #content strong { color: #069; }
        #content ul { margin: 0; padding: 0; }
        #content li { list-style-type: none; background: url(images/bulletpoint.gif) no-repeat 0px 0px; padding: 0 0 6px 24px; position: relative; }
        #content a { color: #f5822a; }
      #main #navBottom { position: absolute; left: 0; bottom: 0; }
    #footer { width: 750px; margin: 0 auto; }
    
    
    /* corp */
    
    #page { width: 750px; background: url(images/bg_corp.gif) 0 100% no-repeat #fff; margin: 0 auto; text-align: left; position: relative; }
    #page #select { position: absolute; left: 484px; top: 26px; }
      #page #select img { margin: 0 0 4px 72px; }
      #page #select img#title { margin: 0px; }
      #page #select img#undertitle { margin: 0 0 14px 169px; }
    #page #logo { position: absolute; left: 67px; top: 24px; }
    #page #nav { position: absolute; left: 65px; top: 158px; }
    #page #line { position: absolute; left: 66px; top: 149px; background: #CFE6E9; width: 600px; }
    #page #content { padding: 202px 65px 40px 65px; }
      #page #content #mainTitle { float: none; border: 0; margin: 0; }
      #page #content img { float: right; border: 3px solid #F5822A; margin: 10px 0 4px 10px; }
      #page #content p {  text-align: justify;  }