/* CSS Document */
/* body styles set up page*/

body,
html {
    margin:0;
    padding:0;
    }
body {
    min-width:750px;
    }
.main_body {
	background-image:url("/images/siteBg.jpg");
	background-repeat: no-repeat;
	margin-left: 12px;
}
.left_body {
 background-color:#4F201A;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	
}


/* main eliments set up */
/* heders */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #003300;
	margin-top: 40px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #003300;
	font-style: normal;
	margin-top: 10px;
	padding-left: 0px;	
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #003300;
	margin-top: 20px;
	padding-left: 20px;	
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF9933;
	font-style: normal;
	margin-top: 20px;
	padding-left: 20px;	
	
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003300;
	font-style: normal;
	padding-left: 20px;
	margin: 5;	
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9933;
	font-style: normal;
	padding-left: 20px;
	margin: 5;	
}
p {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/* extra parigraph starters */

.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #666633;
	margin-top: 40px;
}
.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #336666;
	font-style: normal;
	margin-top: 30px;
	
}

.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #336633;
	font-style: normal;
	margin-top: 30px;
	
}
.h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FF3300;
	font-style: normal;
	margin-top: 30px;
	
	
}
.h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	font-style: normal;
}
.h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003300;
	font-style: normal;
}

/* links */
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}


/* map */


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

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

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

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

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