body {
background: #352c1f;
text-align: center;
}

.wrap {
background: none;
width: 890px;
text-align: left;
margin: 0px auto;
 }

/*menu bar*/ 

.bar {
width: 270px;
position: relative;
float: left;
 }

.menu {
background: #e1ddc6;
width: 270px;
position: relative;
margin: 10px 0px 0px 0px;
float: right;
 }
 
.logo {
background: #e1ddc6;
width: 270px;
position: relative;
float: left;
clear: both;
 }
 
.logoimg {
width: 268px;
 }
 
 
/*menu*****/
.menu ul {
list-style-type: none;
font-family: 'Garamond';
color: #352c1f; 
font-size: 17pt;
font-weight: bold;
margin: 5px 0px 5px 10px;
}

.menu a {
text-decoration: none;
color: #352c1f;} 
.menu a:hover {
text-decoration: none;
color: #708866;}
.menu a:active {
text-decoration: none;
color: #708866;
 }
 
/*body*/ 
.maindiv {
background: #e1ddc6;
width: 600px;
position: relative;
margin: 25px 0px 0px 0px;
float: right;
  }
  

.text {
margin: 20px 20px 20px 20px;
font-family: 'Garamond';
font-size: 15pt;
color: #000000;
 }
 
.text h1 {
font-size:16pt;
font-weight:bold;
color: #352c1f;
}

.text a{
text-decoration:none;
color: #352c1f ;}
.text a:hover{
color:  #708866;
 }

/*lightboxes---------------------
------------------------*/
div.overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 200%;
background-color: #000;
z-index: 110;
filter: alpha(opacity=50);
opacity: .5;
-moz-opacity: .5;
text-align: center;
 }
 
div.lightbox_content{
width: 750px;
margin: 50px 0px 20px 50px;
position: absolute;
display: none;
background: #FFF;
z-index: 111;
color:#352c1f;
font-family:'Garamond';
font-size:13pt;
 } 
 
.x {
text-align: right;
color: #4A4C4E;
font-family: 'Comic Sans MS';
font-size: 16pt;
margin-right: 15px;
float:right;}
.x a {
text-decoration: none;
color: #4A4C4E;
font-weight: bold;}
.x a:hover{
text-decoration: none;
color: #E7DBC6;
 }

div.content {
clear:both;
 }
 
.descriptiontext {
margin: 35px 0px 10px 5px;
text-align:justify;
text-indent: 20px;
font-size: 15pt;
 }

.descriptiontitle {
width:200px;
float:left;
background: #708866;
margin-top: 20px;
font-size: 14pt;
text-align:left;
 }
 
.descriptiontitle a{
text-decoration: none;
color: #352c1f;
font-weight:bold; }
.descriptiontitle a:hover{
color:#FFFFFF; }
.descriptiontitle a:active{
color: #E7DBC6; } 
.descriptiontitle a:visited{
color:#E7DBC6; }

.descriptiontitle ul{
margin-top:10px;
margin-left: 10px; }

.descriptiontext h1{
font-size: 17pt; }

/*pictures*/

.picframe {
width: 180px;
border:solid 1px #FFFFFF;
margin: 5px 5px 5px 5px;
text-align:center;
 }
 
.pic {
width: 170px;
margin: 5px 5px 5px 5px;
 }