body {
background-color: #5b5058;
background-image: url(../imgs/pattern.gif);
background-repeat: repeat-x repeat-y;
margin: 0;
padding: 0;
width:expression(document.body.clientWidth < 750 ? "700px" : "100%" );
width:expression(document.body.clientWidth > 1225 ? "1200px" : "100%" );
}
#wrapper {
 position: relative;
 width: 800px;
 text-align: left;
 margin-right: auto;
 margin-left: auto;
 margin-bottom:20px;
 margin-top: 10px;
 padding: 0;
}
#header {
position: relative;
text-align: left;
width: 800px;
height: 270px;
margin-right: auto;
margin-left: auto;
background-image: url(../imgs/BHM_masthead_rev.jpg);
background-repeat: no-repeat;
background-color: #524850;
}
#gallery_cont {
position: absolute;
width: 624px;
height: 74px;
margin: 0;
top: 199px;
left: 146px;
padding-top: 3px
}
#cont_gallery {
float: left;
width: 500px;
margin: 0;
padding: 10px;
}
#content {
float: left;
text-align: left;
width: 800px;
margin-right: auto;
margin-left: auto;
background-color: #ffffff;
background-image: url(../imgs/content_bg.gif);
}
#nav_quote {
float: left;
width: 660px;
height: 45px;
margin: 0;
padding: 10px 70px 5px 70px;
}

#center_panel {
float: left;
width: 660px;
margin: 0;
padding: 20px 70px 30px 70px;
background-image: url(../imgs/content_bg.gif);
}
#center_panel  a {
font-family: Arial, Helvetica,sans-serif;
font-size: 100%;
color: #76457c;
text-decoration: underline;
background-color: transparent;
padding: 0;
margin: 0;

}
#center_panel a:hover, selected a {
background-color: none; 		
font-family: Arial, Helvetica,sans-serif;
text-decoration: none;
}

#buttons {
float: left;
width: 100px;
height: 45px;
margin: 0;
padding: 15px 10px 0px 0px;
}
#quote {
float: right;
width: 280px;
height: 45px;
margin: 0;
padding: 5px 0px 0px 30px;
}
#center_panel p {
margin: 0;
padding: 5px;
font-family: Arial, Verdana, Sans-serif;
font-size: 80%;
color: #333333;
}
#center_panel ul ul {
list-style-type: disc;
}
#center_panel li {
font-family: Arial, Verdana, sans serif;
font-size: 80%;
color: inherit;
}
#center_panel h1 {
margin: 0;
margin-bottom: 5px;
padding: 4px;
font-family:  Arial, Verdana, Sans-serif;
font-size: 110%;
font-weight: bold;
color: #663366;
}
#center_panel h2 {
margin: 0;
padding: 4px;
font-family:  Arial, Verdana, Sans-serif;
font-size: 105%;
font-weight: bold;
color: #677619;
}
#center_panel h3 {
margin: 0;
padding: 4px;
font-family:  Arial, Verdana, Sans-serif;
font-size: 95%;
font-weight: bold;
color: #a0a074;
}
#img_cont {
float: right;
margin: 5px;
padding: 5px;
border: 1px solid #663366;
}
#img_cont_2 {
float: left;
margin: 5px;
padding: 5px;
border: 1px solid #663366;
}
#navigation {
float: left;
width: 775px;
margin: 0;
padding: 2px 25px 3px 0px;
text-align: right;
background-color: #682c6a;
}
#navigation  a {
font-family: Arial, Helvetica,sans-serif;
font-size: 80%;
color: #ffffff;
text-decoration: none;
background-color: transparent;
padding: 0;
margin: 0;

}
#navigation a:hover, selected a {
background-color: none; 		
font-family: Arial, Helvetica,sans-serif;
text-decoration: underline;
}
#footer {
float: left;
width: 800px;
height: 25px;
margin: 0;
padding: 0;
text-align: center;

background-color: #76457c;
}
#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #ffffff;
margin: 0;
padding: 3px;
}
#footer a {
font-family: Arial, Helvetica,sans-serif;
font-size: 90%;
color: #ffffff;
text-decoration: none;
background-color: transparent;
padding: 0;
margin: 0;

}
#footer a:hover, selected a {
background-color: none; 		
font-family: Arial, Helvetica,sans-serif;
text-decoration: underline;
}
#book_box {
width: 660px;
margin: 0;
padding: 0;
}
#book_cont {
float: left;
width: 110px;
padding: 5px;
margin: 0;
}
#caption {
float: left;
margin: 0;
padding: 0px 0px opx 15px;
width: 300px;
height: 50px;
}
#spacer {
float: left;
margin: 0;
padding-top:100px;
width: 30px;
height: 1px;
}
#emphasis {
float: left;
width: 660px;
margin: 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
font-style: italic;
color: #677619;
font-size: 85%;
padding-top: 15px;
}
#gal_cont {
float: left;
width: 106px;
height: 73px;
margin: 0;
padding: 3px;
}
#wide_image_cont {
width: 600px;
margin: 0;
padding: 0;

}