* { margin: 0; padding: 0;
}
ul, p { margin: 0 0 .5em 0; padding: 5px;
}
h1 {font-size:17px; font-weight:bold;margin:0px;margin-bottom:5px;margin-top:2px;
}
.title {font-size:17px; font-weight:bold; margin-left:4px; margin-top:2px;
}
html, body { height: 100%; text-align: center; background: #c4c5b5;
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #797125;
}
#outer{ min-height: 100%; width: 775px;
  background: #fff; border-left: 1px solid #b7b5a0; border-right: 1px solid #b7b5a0;
  color: #797125; text-align: left; margin: -22px auto 0;
}
* html #outer{ height: 100%;
}/*for IE as it treats height as min-height anyway*/
#header{ width:775px; height:75px; background:#e8e9d7; background-image: url(../logo.jpg);
	border-top:22px solid #b7b5a0; color: #000;
}
#header ul{	list-style:none; } 
#header ul li{display:inline;}
#header  a {color:#797125;
}
#address { float: right; width: 175px; text-align: left; font-size: 11px;
  color: #797125; line-height: 12px; padding-top: 10px;
}
#header2{ width: 775px; height: 200px; background: #e8e9d7;
  background-image: url(../images/banner1.jpg); border-bottom: 1px solid #b7b5a0;  color: #797125;
}
#header3{ width: 775px; height: 200px; background: #e8e9d7; background-image: url(../images/banner2.jpg);
  border-bottom: 1px solid #b7b5a0; color: #797125;
}
#header4{ width: 775px; height: 200px; background: #e8e9d7;
  background-image: url(../images/banner3.jpg); border-bottom: 1px solid #b7b5a0; color: #797125;
}
#menu { float: left; width: 215px; height: 200px; background: #b7b5a0; }
#menu ul { margin: 0; padding: 0px; padding-top: 5px; list-style: none; line-height: 10px; }
#menu li { display: inline;
}
#menu a { display: block; padding: 8px 10px; text-decoration: none; font-size: 12px; 
          font-weight: bold; color: #FFFFFF; }
#menu a:hover { text-decoration: underline;
}
#centrecontent { width: 775px;
}
.col { float: left; width: 250px; margin: 0 5px 5px 0;
}
.last { float: right; margin: 0;
}
.main{ float: left; width: 500px; margin: 0 5px 5px 0;
}
#smallgallery img { margin: 5px; }
#smallgallery a:link { color: #797125; text-decoration:underline; font-weight:bold;}
#smallgallery a:active { color: #797125; text-decoration:underline; font-weight:bold;}
#smallgallery a:hover { color: #FF0000; text-decoration:none; font-weight:bold;}
#smallgallery a:visited { color: #797125; text-decoration:underline; font-weight:bold;
}
#thumbnail-box { width: 500px; float: left; background-color: #e8e9d7; height: 700px;
                 margin-bottom: 20px;
}
#thumbnails { list-style-type: none; margin: 0; padding: 0; float: left; }
#thumbnails li { margin: 0; padding: 0; float: left;
}
div.small-image-box { background-color: #e8e9d7; width: 125px; margin-bottom: 20px; margin-left: 30px;
  text-align: center; padding-bottom: 15px; padding-top: 1px; }
div.small-image-box img { margin-bottom: 1px; display: block; margin-left: auto; margin-right: auto;
border: 3px solid #fff; }
div.small-image-box p { margin: 0;}
div.small-image-box p a, gallery-image-box p a:visited { color: #202020; font-weight: normal;
}
#large-box { width: 500px; float: left; background-color: #e8e9d7; min-height: 500px;
  margin-bottom: 20px;
}
#large { list-style-type: none; margin: 0; padding: 0; float: left;}
#large li { margin: 0; padding: 0; float: left;
}
div.large-image-box { background-color: #e8e9d7; width: 195px; margin-bottom: 20px;
  margin-left: 35px; text-align: center; padding-bottom: 15px; padding-top: 1px; }
div.large-image-box img { margin-bottom: 1px; display: block; margin-left: auto; margin-right: auto;}
div.large-image-box img { border: 3px solid #fff; }
div.large-image-box p { margin: 0; 
}
#largegallery img{ margin: 10px; margin-bottom: 1px; border: 3px solid #e8e9d7; }
#largegallery p{ margin: 10px; margin-top: 1px;
}
.imglogo{ float: right; margin-bottom: 1px; margin-left: 1px;
}
#footer img { margin: 5px; }
#footer a:link { color: #666633; text-decoration:none; font-weight:bold;}
#smallgallery a:active { color: #666633; text-decoration:none; font-weight:bold;}
#footer a:hover { color: #FF0000; text-decoration:none; font-weight:bold;}
#footer a:visited { color: #666633; text-decoration:none; font-weight:bold;
}
#footer { width: 775px; clear: both; margin: auto; height: 40px; border: 1px solid #b7b5a0;
  background: #e8e9d7; color: #797125; text-align: center;
}
* html #footer {/*only ie gets this style*/
  height: 22px;/* for ie5 */
  height: 20px;/* for ie6 */
}
.clearer{ clear: both; height: 1px; overflow: hidden; margin-top: -1px;
}