/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background: #B3EAFF; 
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat; 
width: 800px;
height: 78px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y; 
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
font-size: 12px;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
background: url(images/headerbfi.png) top center no-repeat; 
width: 746px;
height: 126px;
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 20px;
color: white;
font-size: 50px; 
text-align: ;
}
/*                    Menu                   */
#menu {
width: 200px;
height: 100%;
margin-left: 5px;
float: left;
text-align: left;
}

#menu li a {
height: 37px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}	
	
#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background:  url(images/off.png) top left no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
	
#menu li a:hover {
color: blue;
background:  url(images/on.png) top left no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}	

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {

width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 2px;
border: 2px navy;
}
#fullstuff {

width: 700px;
margin: 0px 0px 0px 20px;
padding-top: 2px;
border: 2px navy;
}
img {
border: none;
} 

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url(images/bgbottom.png) bottom left no-repeat; 
width: 800px;
height: 50px;
}



    /* Photo Zoom CSS */

    #zoom { float:left; position:relative; width:75px; margin-right:10px; }

    #zoom a img { border:0pt none; }

    #zoom a.p1:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */

    #zoom a .large { position: absolute; width:0px; }

    #zoom a.p1:hover .large { border:1px solid black; position: absolute; top: -200px; left: 200px; width:500px; }

    /* End Photo Zoom CSS */