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

#copyright
{
display: none;
}
  
  #bodyWrapper
  {
    background: none;
    width: 480px;
  }
  
  /* Position the header at the top left, with a fixed position */
  #header{
    width: 400px;
    xheight: 283px;
  }
    
    #grafButtomContainer
    {
      display: none;
    }
    
    #topImage{      
      width: 480px;
      height: 206px; 
    }
    
    .topNormal{
      background:url('/images/iphone_banner.png');
      xclear: both;
    }
    .topGraf{ display: none;}
    
    #middleImage{
      display: none;
      top:32px;
      left:0px;
      z-index: 100;
      width: 368px;
      height: 201px;
    }
    
    .middleNormal{xbackground:url('/images/middle_banner.png');}
    .middleGraf{xbackground:url('/images/graf_middle_banner.png');}
    
    #bottomImage{
      display: none;
      top:233px;
      left:0px;
      z-index: 100;
      width: 368px;
      height: 124px;
    }
    
    .bottomNormal{xbackground:url('/images/bottom_banner.png');}
    .bottomGraf{xbackground:url('/images/graf_bottom_banner.png');}
  
  #supplementalWrapper
  {
    xdisplay: none;
    display: inline;
    top:auto;
    left:auto;
  }
  
    #leftNav
    {
      display: none;
      xmargin-top: 10px;
      xmargin-right: 20px;
      xbackground-color: purple;
    }
    
    #rightNav
    {
      float: none;
      margin: 0px auto 15px;
      width: 200px;
      text-align: center;
      xmargin-top: 10px;
      xmargin-right: 40px;
      xbackground-color: purple;
    }
    
    #additionalContentHolder
    {
      xwidth: 500px;
      xpadding-top: 15px;
      xbackground-color: #fff;
      border: none;
      font-size: 50%;
      width: 420px;
      margin: 0px auto;
    }
    
      #staticContentClose
      {
        display: none;
      }
      
      #staticContentWrapper
      {
       margin-left: 15px;
       border: none;
      }
      
       #staticContent
       {
         xpadding-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{
      display: inline;
      margin-right: 15px;
      font-size: 60%;
      text-decoration: none;
      color: #646464;
      xdisplay: 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
   {
    width: 405px;
    margin: 0px auto;
    
    float: none;
    display:block;
    height: auto;
   }
   
    .hElem{
      width: 200px;
      margin: 5px 0px 10px;
      padding: 5px;
      background-color:#8eb525;
      
      height: auto;
      float: none;
    }
    
    .hElem h2{
      font-size: 220%;
      text-transform: uppercase;
      xbackground-color: #666;
      padding: 5px;
      margin-bottom: 5px;
    }
    
    .hElem img
    {
      margin: 0px;
    }
    
    .hElemSpacer{display: none;}


#ajaxDiv{
}

#renderedElement{
}
  
   #renderedElement h1
   {
   }
   
   #renderedElement p
   {
   }
   
   
/**
 ELEMENT
**/   
body{
width: auto;  
}

	#elementTable
	{
	 padding: 0px;
	 margin: 50px auto;
	}
	
		#renderedElement
		{
		  width: 200px;
		  color: #fff;
		}
		
		.padding10{
		  padding: 10px;
		}

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

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

.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;
}