* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #859C78;
	font: 12px/17px Comic Sans MS, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #655F52;
}

h1 {
	padding: 2px 30px 0 0;
	font: 32px Comic Sans MS, Arial, Helvetica, sans-serif;
	color: #593274;
}

h2 {
	padding: 0 30px 0 0;
	font: 22px Comic Sans MS, Arial, Helvetica, sans-serif;
	color: #655F52;
}

h3 {
	width: 160px;
	text-align: left;
	text-indent: 40px;
	color: #655F52;
	background: url('images/h3sm.gif') no-repeat bottom;; font-style:normal; font-variant:normal; font-weight:bold; line-height:18px; font-size:15px; font-family:Comic Sans MS, Arial, Helvetica, sans-serif; padding-left:0; padding-right:0; padding-top:0; padding-bottom:6px
}

h4 {
	padding: 15px 0 15px 15px;
	font: bold 20px/26px Comic Sans MS, Arial, Helvetica, sans-serif;
	color: #859C78;	
}

h4.firsth4 {
	padding-top: 0;
}

h5 {
	font: 12pt Arial, Helvetica, sans-serif;
	color: #593274;
	text-align: justify;
}
p {
	padding: 5px 0;
}

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

a:hover {
	color: #AA9ADA;
	text-decoration: none;
}

#bg_1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 292px;
	background: url('images/bg_1sm.gif') repeat-x top;
}

#bg_2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 292px;
	background: url('images/bg_2sm.gif') repeat-x top;
}

#main_1 {
   position: absolute;
   left: 11%;
      margin: 0 auto;
	width: 500px;	
}

#main_1r {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 200px;
	background: url('images/main_1rsm.gif') no-repeat top right;
}

#main_1l {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 200px;
	background: url('images/main_1lsm.gif') no-repeat top left;
}

#main_2 {
	position: relative;
	margin: 0 auto;
	width: 700px;
	text-align: left;
	background: White;
}

#top {
	height: 203px;
	text-align: right;
	background: url('images/topbannersm.jpg') no-repeat bottom;
}

#menu {
	width: 100%;
	height: 30px;
	background: #593274 url('images/menusm.gif') repeat-x;
}

#menu ul {
	list-style: none;
}

#menu ul li{    
    float: left;
}

#menu ul li a {
	display: block;
	float: left;
	padding: 0 17px 3px 17px;
	font: bold 13px/27px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #DDDEE2;	
}

#menu ul li a:hover {
	text-decoration: none;
	color: White;	
}

#menu ul li a.active, #menu ul li a.active:hover {
	text-decoration: none;
	color: #DDDEE2;	
	background: url('images/menu_actsm.gif') no-repeat bottom;
}

#middle {
	padding: 30px 20px 0 20px;
}




#bottom {
	clear: both;
	height: 93px;
	background: url('images/bottomsm.jpg') no-repeat bottom;; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0
}

#bottom p {
	padding-top: 75px;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: left;	
	color: #859C78;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
background-color: #859C78;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 180px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 50;
}