html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;

  font: 400 0.8em verdana, georgia, serif;
  line-height: 180%;
  background-color: #cccc99;
}


a {
  color: #333300;
	 text-decoration:none;
	 }


a:hover {
  color: #f5f5f5;
}
h1, h2, h3, h4, h5, h6, p, {
  margin: 0;
  padding: 10px 0;
}

h1 {   
  clear: both;
  font: 400 1.9em georgia, serif;
  }

h2 {
  clear: both;
  font: 400 1.3em georgia, serif;
  
}

h3 {
  font: 700 1.1em georgia, serif;
	 text-align:center;
	  text-decoration:underline;
  
}

h4 {
  font: 400 0.9em georgia, serif;
  }

ul {
  margin: 10px 3px;
  padding: 0 3px 0 5px;
  list-style: none;
}

ul li {
  padding-left: 10px;
}


#wrapper {
  width: 739px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
	
}


#content { 
  float: left;
  width: 739px;
  height: 100%;
  min-height: 100%; 

  }


#header {
  padding: 10px 45px 2px 49px;  
  background-color:#333366;
	width: 641px !important;
  width: 100%; 
	 border-right:5px solid #333366;
	 border-left:1px solid #fff;
}

#header img.left {
  position: absolute;
  z-index: 1;

  top: 0;
  left: 0;
}

#header img.right {
  position: absolute;
  z-index: 0;

  top: 0;
  right: 0;
}

/* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/
* html #header {
  height: 1%;
}
/* End hide from IE-mac */


#header h1,
#header h2 {
  margin: 0;
  padding: 0;  
  background: none;

}

#header h1 {
  font-size: 3em;
  font-family: georgia;
  letter-spacing: -3px;
  color: #ffffcc
}
#header h2 {
  font-size: 1.8em;
   font-family:"trebuchet ms", serif;
    color: #99ccff
}


 div#menudiv {
 float: left;
  clear: both;   
  width: 641px !important;
  width: 100%;
  padding: 2px 47px;  
   background-color:#fff;
	 border-right:5px solid #333366;
	 border-left:1px solid #fff;
	 }

ul#menu {
  width: 641px;
  margin: 0 auto;  
  padding: 0 !important;
  padding: 0 0 0 10px;  
 
}

ul#menu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}



ul#menu li a {
  float: left;  
  padding: 25px 0 19px 0;
  width: 140px;
  font: 400 1.4em georgia, serif;
  text-align: center;
  text-decoration: none;
  background: #fff url(image/contact-off.gif) no-repeat bottom left;
  color: #61804E;
  border-bottom: 1px solid #D3F1B6;
}

ul#menu li a:visited {
 color: #666;
}

ul#menu li a:hover {
  color: #2E5F0F;
  background: #fff url(image/contact-on.gif) no-repeat bottom left;
}

div#centerdiv {
width: 200px;
border: 1px solid red;
margin-left: auto;
margin-right: auto;
}


#page {  
  float: left;
  clear: both;   
  width: 641px !important;
  width: 100%;
 padding: 2px 47px;  
  background: url(image/body.jpg)repeat-y;
	 border-left:1px solid #fff;
	 border-right:5px solid #333366
}

#photos {
display: block; 
float: left; 
clear: both; 
width: 90%; 
height: auto;  
padding: 2px 4px; 
background-color:#778899;  
border:1px solid black;
}
.footer {
  padding-top: 1em;
  font-size: 0.85em;
}
img {
border: 0;
padding-left: 10px;
padding-top:10px;
}

img.floatRight {
  margin: 5px 0px 10px 15px;  
}

img.floatLeft {
  margin: 5px 0px 10px 15px;  
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.thumbnail img {
float: left;
padding: 10px;
margin: 0;
height: 85px;
width: 100px;
}

img {
border: 0;
}

.noprint {
display: none ;
 }