html,body{margin:0;padding:0}
body {
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
	text-align: center;
	background: #000;
	margin: 16px auto;
}
p{margin:0 10px 10px}
a{padding:0px; text-decoration:underline; color:#000000;}
hr {border: 0;height: 1px;width: 80%;color:#F3F2ED;text-align: center;}

h1 {
	margin: 5px;
	font-size: 30px;
	font-weight: normal;
	color: #3f013f;
}

h2 {
	margin: 5px;
	padding: 3px 0;
	font-size: 28px;
	font-weight: bold;
	color: #3f013f;
}

h3 {
	margin: 0 5px;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #3f013f;
    font-family: Arial, Helvetica, sans-serif
}

div#container{text-align:left}
div#container{width:780px;margin:0 auto; background: #c7b09b;background: url(images/bg_content.gif);}

div#header{background: url(images/toplogo.gif);height:84px;}

div#wrapper{float:left;width:100%;}

div#content{margin: 0 140px;height:100%;}
div#content p.warning{color: #ae3b3b;}
div#content p{line-height:1.6}
div#content ul{margin: 5px 0px 5px 30px; line-height:1.6;list-style: normal;}
div#content li{line-height:1.6}
div#content li.withborder{
			border-style: dashed;
			border-width: medium; 
			border-color: #785d51;
			list-style: none;
			margin: 12px 12px 12px 12px;
			padding: 12px 12px 12px 12px;}
div#content ul.withborder{ 
        margin: 12px 12px 12px 12px;
        padding: 3px 3px 3px 3px;}

div#navigation{background: url(images/bg_menu.gif);}
div#navigation{float:left;width:140px;margin-left:-780px;height:510px;}
div#navigation ul{margin:15px 0; padding:0; list-style-type:none;}
div#navigation a{padding:5px;margin-bottom:5px;color: #efdcb4;line-height: 280%; text-decoration:none;}

div#extra{background:#4f1f4c;background: url(images/bg_rightside.gif);}
div#extra{float:left;width:140px;margin-left:-140px}
div#extra p.link{margin: 12px 12px 12px 12px;color:#bfa894;}
div#extra a.link{padding:0px; text-decoration:underline; color:#F3F2ED;}

#footer, #footer a {color: #986D6D;}
#footer a:hover {color: #fff;}

/*Image Hover Code */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.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 5px;
}

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

.thumbnail:hover img{
border: 1px solid #4d3532;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #785d51;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: #efdcb4;
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: 0;
left: 225px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }