@charset "utf-8";
  
body {
   font-family: Arial, Helvetica, sans-serif; 
   background-color : #000000; 
   font-size: 1em; 
   color: #FFFFFF;
   border: 0;
   margin : 0;
   padding : 0;
  
   background-image: url();
   background-repeat: repeat-y;
   background-position: left;
	
}

:focus {outline:none;} 

img {border:0;}

html {overflow-y:scroll;} /*keep scrollbar position present in FF*/ 


#container { 
   width: 100%; 
} 

#header {
   width: 95%; 
   height: 11.5em; 
   margin: 0 auto; 
   position: relative; 
} 

#header img {
   position: absolute; 
   top: 0; 
   left: 0; 
   z-index: 10; 
} 

#sub-header { 
    img: butlersound_transparent.gif
    width: 100%; 
    height: 7em; 
    background: #C0C0C0;
    margin: 0 auto; 
    position: ;
    overflow:hidden; 
} 

#middleheader { 
   position: absolute; 
    bottom: 55%; 
    right : 43%; 
    font-weight: bold;
    font-family: Georgia;
    color: #002e60;
    text-align: center;
    width: 50%; 
    line-height: 2; 

} 

#rightheader { 
   position: absolute; 
    right: 1%; 
    top: 15%;
    color: #000; 
} 
  
#content { 
    float: right; 
    margin: 0 0 0 -20.8em; 
    width: 100%; 
 } 
#content .wrapper { 
    margin: 0 0 0 20.8em; 
    overflow: hidden; 
    padding: .2em 8.3em 0 .8em; 
}

img.largephoto {
  width : 550px;
  float : right;
}
img.smallphoto {
  width : 194px;
}
p.center {
text-align : left;
}
#sidebar {
   float: left; 
   width: 10%; 
   padding: 1%; 
   margin: 0 0 0 1%; 
}
#menu a, #menu a:visited { 
    text-decoration: none;
    text-align:center;
    font-size: 20px;
    font-style:italic;
    color: #616D7E; 
    display:block; 
    width:19em; 
    padding:0.2em; 
    margin:0.2em auto; 
    border: 5px solid #616D7E; 
    width: 100%; 
    line-height: 1.5; 

} 
#menu a:hover {color: #FFF;} 
.clearer { 
   height: 1px; 
   font-size: -1px; 
   clear: both; 
}