@charset "UTF-8";
/* CSS Document */

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

body {
width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 20px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
padding: 0;
padding: 20px;

line-height: 1.5em;
background: #FFF6b5;

}

#main {

	width:890px;

	margin: 0;

}
#header { 
	background: #094fa3; 
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#top {

	background-color:#FFFFFF;

	height: 90px;

}

#topsection h1{

	margin: 0px;

	padding-top: 15px;

}



#wrapper {

	float: right;

	width: 100%;
	
	margin: 0px;

}



#leftcolumn {

	float: right;

	width: 180px;

	background-color: #BCA26F;
	
	margin: 0px;

}
#topnav {
	width:100%;
	background-color:#FFCC66;
	color:#094fa3;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;}
#topnav a {
	color:#094fa3;
	text-decoration:none;}
#topnav a:hover {
	color:#ee3b33;}
.dots {color:#ee3b33;}	

#footer {

	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffcc66;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;

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

.space{

	margin: 0px;

	margin-top: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;	

}

.text{

	margin: 20px;

	margin-top: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;	

}

.gallerycontainer{
	position:relative;
	background-color:#3f6291;/*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 solid blue;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color:#000000;

padding: 5px;

left: -1000px;

border: 1px 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: 0;

left: 230px; /*position where enlarged image should offset horizontally */

z-index: 50;

}