html {
height:100%;
min-width:825px;
}

body {
background: burlywood;
background-image:url('../images/site_images/fb_bg.jpg');
background-repeat:space repeat;
}

header {
text-align:center;
width:100%;
border: 2px solid black;
background-image:url('../images/site_images/logo.gif');
background-repeat:space;
height:110px;
}

header h1 {
font-size: 3em;
background:#EECFA1;
border: 1px solid black;
display: inline-block;
padding: 2px;
border-radius: 10px;
height:55%;
margin:auto;
margin-top:22px;
}

header h1 a:link, a:visited {
text-decoration:none;
color:black;
}

.content {
border-right: 2px solid chocolate;
min-height:546px;
padding: 5px;
border-radius:10px;
width:70%;
overflow:auto;
}

.content img {
border: 2px solid black;
padding: 1px;
}

.subc {
background: #EECFA1;
border: 1px solid chocolate;
border-radius: 5px;
padding:2px;
overflow:auto;
margin-bottom:3px;
}

.subc p, .subc h3{
margin: 1em;
}

.subc li {
padding:.25em;
}

.subc p , li{
font-size: 1.25em;
}

.right, .left{
margin: .5em;
max-width:20%;
} 

.right {
float:right;
}
.left {
float:left;
}

.gallery {
float:left;
margin:1em;
}
/*CSS code for the animated navbar*/

.navbar {
border-left: 2px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
float:left;
min-width:204px;
}

#navlist{
position:fixed;
left:-15px;
vertical-align:top;
padding-left:0px;
margin-top:0px;

}
#navlist li{
margin:0px;
padding:0px;
border:0px;
list-style:none;
/*position:static;*/
}
#navlist li, #navlist a{
height:64px;
display:block;
}

#navlist a:hover {
position:relative;
}


#home{
top:0px;
width:204px;
background:url(http://framebomb.com/images/site_images/navbomb.gif) 0 -5px;
}
#home a:hover{
background: url(http://framebomb.com/images/site_images/navbomb.gif) -186px -5px;
z-index:1;}


#book{
top:0px;
width:204px;
background:url(http://framebomb.com/images/site_images/navbomb.gif) 0 -69px;
}
#book a:hover{
background: url(http://framebomb.com/images/site_images/navbomb.gif) -186px -69px;
z-index:2
}

#gallery{
top:0px;
width:204px;
background:url(http://framebomb.com/images/site_images/navbomb.gif) 0 -133px;
}
#gallery a:hover{
background:url(http://framebomb.com/images/site_images/navbomb.gif) -186px -133px;
z-index:3;
}

#howto{
top:0px;width:204px;
background:url(http://framebomb.com/images/site_images/navbomb.gif) 0 -197px;
}
#howto a:hover{
background:url(http://framebomb.com/images/site_images/navbomb.gif) -186px -197px;
z-index:4;
}

#faq{
top:0px;
width:204px;
background:url(http://framebomb.com/images/site_images/navbomb.gif) 0 -245px;
}
#faq a:hover{
background:url(http://framebomb.com/images/site_images/navbomb.gif) -186px -245px;
z-index:5;
}

#links{
top:0px;
width:204px;
background:url(http://framebomb.com/images/site_images/navbomb.gif) 0 -300px;
}
#links a:hover{
background:url(http://framebomb.com/images/site_images/navbomb.gif) -186px -300px;
z-index:6;
}

#contact{
top:0px;width:204px;
background:url(http://framebomb.com/images/site_images/navbomb.gif) 0 -355px;
}
#contact a:hover{
background:url(http://framebomb.com/images/site_images/navbomb.gif) -186px -353px;
z-index:7;
}

#news{
top:0px;
width:204px;
background:url(http://framebomb.com/images/site_images/navbomb.gif) 0 -405px;
}
#news a:hover{
background:url(http://framebomb.com/images/site_images/navbomb.gif) -186px -405px;
z-index:8;
}