/* CSS Document */

.body{
background-color: #251204;
background-image:url(images/background.jpg);
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-position: top center;
}
.style1 {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}
.bucket{
background-color: transparent;
margin-left: auto;
margin-right: auto;
width: 981px;

}
.header{
background-image:url(../images/header.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 981px;
height: 182px;
}

}
.top{
width: 981px;
height: 310px;
padding-top: 10px;
}
.pic{ 
width: 450px;
height: 300px;
float: left;
padding-left: 10px;
}
.topright{
	background-image: url(images/formright.png);
	background-repeat: no-repeat;
	width: 480px;
	height: 300px;
	float: right;
	margin-right: 20px;
	clear: right;
	padding: 5px 5px 5px 5px;
font-family: Arial, Helvetica, sans-serif; 
color: #FFFFFF;
}

.bottomleft{
font-family: Arial, Helvetica, sans-serif; 
color: #FFFFFF;
	width: 715px;
	height: 550px;
	background-image:url(images/bottomleft.png);
	background-repeat: repeat-y;
	margin-left: 10px;
	float: left;
	padding: 5px 5px 5px 5px;

	}
	
.formright{
font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;
height: 500px;
width: 300px;
background-image: url(images/topright.png);
background-repeat: repeat-y;
margin-right:20px;
float: right;
padding: 5px 5px 5px 5px;
}

.content {
width: 981px;
height: 2250px;
color: #000000;
margin-left: auto;
margin-right: auto;
background-image:url(images/bodybackground.png);
background-repeat: repeat;
padding: 5px 5px 5px 5px;


}
.form{
width: 500px;
margin-left: auto;
margin-right: auto;
color: #ffffff;
}

.footer {
background-color: transparent;
color:#FFFFFF;
margin-left: auto;
margin-right: auto;
width: 981px;
height: 75px;


}

a:link { color:#ffffff; text-decoration:none; }
a:visited { color:#ffffff; text-decoration:none;}
a:hover { color:#ffffff;  text-decoration:underline;}
a:active { color:#ffffff;  text-decoration:none;}

/*menu */
.menu{
background-color: transparent;
height: 46px;
width: 981px;
vertical-align: text-bottom;
margin-left: auto;
margin-right: auto;
}
#navigation {
overflow: auto;
}
#navigation li {
float: right;
list-style: none;
background-image: url(images/menu/off.png);
width: 147px;
height: 46px;

}
#navigation li:hover {
float: right;
list-style: none;
background-image: url(images/menu/over.png);
width: 147px;
height: 46px;
}
#navigation li ul {
position: absolute;
width: 10em;
left: -999em;
margin-left: 2px;
font-size: 90%;
}
#navigation li ul a, #navigation li ul a:link {
background-color: #DBCCC1;
padding: 5px;
width: 10em;
height: 35px;
}
#navigation li:hover ul, #navigation li.sfhover ul {
left: auto;
}
#navigation li ul a:hover {
background-color: #2459A2;
}
#navigation a {
display: block;

background-position: top right;
background-repeat: no-repeat;
color: #2459A2;
text-decoration: none;
font-weight: bold;*/
}
#navigation span {
display: block;
background-color: transparent;
background-repeat: no-repeat;
padding: 5px 15px;
}
#navigation a:hover {
background-position: right -198px;
color: #ffffff;

}
#navigation a:hover span {
background-position: 0 -198px;
}

.gallerycontainer{
position: relative;
font-family: Arial, Helvetica, sans-serif; 
color: #FFFFFF;
	width: 925px;;
	background-image:url(images/bottomleft.png);
	background-repeat: repeat;
	margin-left: 10px;
	float: left;
	padding: 5px 5px 5px 5px;
/*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: lightyellow;
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: 10;
left: 460px; /*position where enlarged image should offset horizontally */
z-index: 50;
}