body 
{
    width: 100%; 
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-face: Sanserif;
    background-color: White;

}
img
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    }

h1
{text-align: right;
 padding-bottom: 15px;
 color: #bE9051;
 margin: 1px;
    }
    
h3
{margin-bottom: 1px;}
   
h6
{font-size: 9px;}

a
{text-decoration: none; color: #9e7031;}


a:hover
{text-decoration: underline; }

ul {margin-top: 1px;}
ul li {list-style-type: none;}

hr {background-color: #317437; width: 200px; height: 1px;}
#float
{   position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 270px;
    padding-top: 20px;
    padding-right: 50px;
    top: 0px;
     
      
      }   
#bucolic
{
    position: fixed; top: 0px; left: 30px; width: 238px; height: 594px; 
    padding-bottom: 30px; z-index: 5;
    
    }   
   
 #buttonset 
{
    position:fixed;  
    }  
    
.button
{
    width: 104px;
    height: 104px;
    /* for IE */
            filter:alpha(opacity=60);
            /* CSS3 standard */
            opacity:0.6;
    }    

.button:hover 
{
        /* for IE */
            filter:alpha(opacity=100);
            /* CSS3 standard */
            opacity:1.0;
    } 


#ho 
{      position: relative;
      width: 104;
      height: 104;
      padding: 0px;
      margin: 0px;
      left: 100px;
      top: 60px;
      z-index: 6;
      }
#family{ width: 100px;
      height: 100px;
      padding: 0px;
      margin: 0px;
      left: 22px;
      top: 80px;
      position: relative;
      z-index: 6;
      }
#history{ width: 100px;
      height: 100px;
      padding: 0px;
      margin: 0px;
      left: 80px;
      top: 134px;
      position: relative;
      z-index: 6;
      }
#stories{ width: 100px;
      height: 100px;
      padding: 0px;
      margin: 0px;
      left: 23px;
      top: 177px;
      position: relative;
      z-index: 6;
      }
      
#footy
    {   
        padding: 3px;
        margin-left: auto;
       margin-right: auto;
       text-align: right;
       font-size: 10px;
       padding-right: 50px;
       position: relative; bottom: 0px;
       padding-top: 30px;
       padding-right: 30px;
    }
   
#title
    {
        font-size: 64px;
        color: #317437;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        padding-right: 30px;
        font-weight: bold;
        }
#fly
    {
        position: absolute;  
        width: 143px; height: 83px;
        top: 20px; left: 220px;
        }
    
#whitey
    {
        min-width: 200px;
        min-height: 100px;
        position: relative;
        -moz-border-radius: 50px 50px 50px 50px;
        border-radius: 50px 50px 50px 50px;  
        padding: 30px;
        }      
        
 #upleft {background-image: url(tlbra.gif); width: 81px; height: 77px; position: absolute; top: -8px; left: -8px;}
 #upright {background-image: url(trbra.gif); width: 77px; height: 79px; position: absolute; top: -8px; right: -8px;}
 #downleft {background-image: url(blbra.gif); width: 77px; height: 79px; position: absolute; bottom: -8px; left: -8px;}
 #downright {background-image: url(brbra.gif); width: 79px; height: 77px; position: absolute; bottom: -8px; right: -8px;}

#lefter
{
    position: relative; width: 49%;
    
    }

#righter
{
    position: relative; float: right; right: 30px; top: -16px; width: 45%;
    }

/* stories */

#picframe
{position: absolute; z-index: 3; right: 0px;
 }

#cameo
{position: absolute; margin-right: 0px; right: 0px; text-align:right;}

#storydoc
{margin-top: 310px;}
#storypic img {padding: 2px;}
#storypic {position: relative;}
#storydoc {position: relative;}
.hider {min-width: 180px; min-height: 250px; max-height: 300px;}
#captionville {font-size: 12px; min-width: 180px; min-height: 300px; height: 300px; text-align:right; right: 0px; position: absolute; top: 30px;}