body{
  height: 100%;
  width:5600px;    
  background:url('/images/watercolor_bg.jpg') fixed;
  overflow: auto !important;
}

#copyright
{
bottom: 25px;
left: 25px;
color: #ccc;
}
  
  #bodyWrapper
  {
    background:url('/images/bubble_bg.jpg') fixed;
    width: 100%;
  }
  
  /* Position the header at the top left, with a fixed position */
  #header{
    top: 0px;
    left: 0px;
  }
    
    #grafButtomContainer
    {
      position: absolute;
      top: 139px;
      left: 257px;
      width: 64px;
      height: 60px;
      z-index: 150;
      cursor: pointer;
    }
    
    #topImage{
      top: 0px;
      left: 0px;
      z-index: 100;
      width: 428px;
      height: 32px;
    }
    
    .topNormal{background:url('/images/top_banner.png');}
    .topGraf{background:url('/images/graf_top_banner.png');}
    
    #middleImage{
      top:32px;
      left:0px;
      z-index: 100;
      width: 368px;
      height: 201px;
    }
    
    .middleNormal{background:url('/images/middle_banner.png');}
    .middleGraf{background:url('/images/graf_middle_banner.png');}
    
    #bottomImage{
      top:233px;
      left:0px;
      z-index: 100;
      width: 368px;
      height: 124px;
    }
    
    .bottomNormal{background:url('/images/bottom_banner.png');}
    .bottomGraf{background:url('/images/graf_bottom_banner.png');}
  
  #supplementalWrapper
  {
    top: 240px;
    left: 375px;
    z-index: 100;
  }
  
    #leftNav
    {
      xmargin-top: 10px;
      margin-right: 20px;
      xbackground-color: purple;
    }
    
    #rightNav
    {
      xmargin-top: 10px;
      xmargin-right: 40px;
      xbackground-color: purple;
    }
    
    #additionalContentHolder
    {
      width: 500px;
      xpadding-top: 15px;
      xbackground-color: #fff;
      xborder-left: 1px solid #000;
    }
    
      #staticContentClose
      {
        float: left;
      }
      
      #staticContentWrapper
      {
       margin-left: 15px;
       border-left: 1px solid #000;
      }
      
       #staticContent
       {
         padding-left: 5px;
         xbackground-color: #eee;
       }
       
       #elementTable
       {
        color: #fff;
        xfont-size: 140%;
       }
       
       #elementTable p,
       #staticContent p
       {
         margin-bottom: 5px;
       }
       
       #elementTable h1
       {
         font-size: 200%;
         font-weight: bold;
         margin-bottom: 10px;
       }
       
       #elementTable ul
       {
         margin-bottom: 5px;
       }
       
         #elementTable li
         {
           margin-left: 25px;
           list-style-type: circle;
         }
         
      #elementTable tr
      {
       vertical-align: top;
      }
      
      #aboutTable
      {
       width: 400px;
      }
      
      #elementTable label
      {
       margin-right: 5px;
       font-weight: bold;
      }
      
      #elementTable input, #elementTable textarea{
       border: 1px solid #646464;
       background-color: #91b724;
      }
       
       #returnLink{
         text-decoration: none;
         font-weight: bold;
         margin: 10px auto;
         text-left: center;
         font-size: 200%;
         display: block;
         float: left;
       }
       

  .sifr{
     font-size: 120%;
     font-weight: bold;
     text-transform: uppercase;
     text-decoration: none;
     
     xbackground-color: purple;
     
  }
    .sifr a{
      text-decoration: none;
      color: #646464;
      display: block;
    }
    
    .sifr a:hover{ color: #94ba27; }
    
    #homeLinkWrapper
    {
      xbackgorund-color: purple;
      xposition: relative;
    }
    
    a#homeLink
    {
      xposition: absolute;
      display: block;
      margin-bottom: 5px;
      text-decoration: none;
      font-weight: bold;
      font-size: 120%;
    }
    
    a#homeLink:hover{ color: #94ba27; }
  
  #horizontalWrapper
    {
    float: left;
    z-index: 50;
    margin-top: 32px;
    margin-left: 360px;
    height: 200px;
    display: inline; /* fix for the lame-ass IE6 double-margin bug -- http://www.positioniseverything.net/explorer/doubled-margin.html */
   }
   
    .hElem{
      /* height is defined as an inline style so that everything wraps nicely*/
      height: 200px;
      float: left;
      z-index: 200px;
      xmargin-right: 25px;
    }
      
      .hElem h2{
        font-size: 130%;
        text-transform:uppercase;
        color: #fff;
        font-weight: bold;
        text-align: left;
        margin-top: 3px;
        margin-right: 5px;
        margin-bottom: 3px;
      }
      
      .hElem img{
        display: inline;
        margin: 0px 5px 5px 0px;
      }
      
      .hElemSpacer{
      margin: 22px 15px 0px 3px;
      width: 1px;
      height: 165px;
      background-color: #fff;
      float: left;
      }

#ajaxDiv{
}

#renderedElement{
  xbackground-color: orange;
  margin-bottom: 15px;
}
  
   #renderedElement h1
   {
     font-size: 150%;
     text-transform: uppercase;
     font-weight: bold;
     color: #fff;
     margin-bottom: 5px;
   }
   
   #renderedElement p
   {
    color: #ddd;
   }

/*********/    
/* generics */
/*********/    

 /* for non-ie browsers, set a fixed position, else degrade to 'absolute' -- ugh */
.fixed{ position: fixed }
*html .fixed{ position: absolute }

.spacer{ clear:both }
.hidden{ display: none; }
.fl{float: left;}
.fr{float: right;}
.mb10{margin-bottom: 10px;}
.error_list{color: red; font-weight: bold;}

/***********/
siFR -- http://wiki.novemberborn.net/sifr3/DetectingCSSLoad. No flicker on load.
/***********/
.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}