body {
/*background: #fff; */
font-family:Arial, Sans-Serif;
}


h4 {
text-align: center;
font-size: 0.9em; 
color: #333;
}


h1 {
text-align: left;
font-size: 2.8em; 
font-weight: lighter; 
color: #333;
padding: 6px; 
}

h2 {

font-size: 2em; 
color: #555;
padding: 6px; 
font-family: "Georgia", serif; 
font-style: italic; 
}

p {
text-align: center;
font-size: 0.8em; 
color: #333;
}

td{
padding: 5px;
text-align:center; 
}

td p{
font-style: italic;
}

#head h1, #head h2, #head h4{
position: relative; 
left: 18%;  
display: inline; 
line-height: 80px; 
}

#head h2, #head h4{
letter-spacing: 0.2em; 
}
#head h2{
vertical-align: 16%; 
font-weight: bolder; 
color: #BC4F07;
}

#info{
margin: 5em; 
}

#container{
width: 100%;
height: 96%; 
border: 0px; 
margin: 0px;  
}

#menu, #gallery{
float: left; 
}

#menu{
width: 17%; 
padding: 10px; 

}

#gallery{
width: 80%; 
background: #dedede; 
border: 1px dotted #333;
text-align: center; 
}

#comment{
padding: 10 5 5 5px; 
}

#footer{
position: relative; 
bottom: 0%; 
padding: 5px; 
font-size: 10px; 
}

#footer a{
display: inline;
}

a{
text-decoration: none;
color: #333; 
display: block;
padding: 0 10px;
background: none; 
}

a img{
border: 2px solid #fff;
}

a:visited {
text-decoration: none;
display: block; 
padding: 0 10px;
}

a:hover{
color: #000;
display: block; 
padding: 0 10px;
}

.active, a:hover.active  {
color: #BC4F07;
text-weight: bold; 
}


b a, b a:hover{
list-style-type: none;
display: inline-block;
padding-top: 40px;
padding-left: auto;
margin: 0 50px; 
}