* {
	margin: 0;
	padding: 0;
}
body {
	background-image: url(wpimages/wpecbadf6d.png);
}
#container {
	width: 781px;
	margin: 0 auto;
}
#header {
	width: 781px;
	height: 133px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
}
#menu {
	width: 781px;
	height: 36px;
	background-image: url(images/menu-bg.jpg);
	background-repeat: no-repeat;
	padding-left: 27px;
}
#menu ul { width:620px; height:100px; float:left; margin:0; display:inline; z-index: 1100; position: relative; }
#menu ul li { float:left; margin:0 0 0 0; list-style: none; font-size:1.2em; position:relative;  }
#menu ul li a { height:20px; color:#fff; display:block; float:left; }
#menu ul li ul { display:none; }

#menu ul li:hover ul { width:110px; height:auto; display:block; position:absolute; top:36px; left:5px; background:#0000ff; }
#menu ul li:hover ul li { width:109px; margin:0; font-size:0.9em; padding-top: 3px; text-align:left; height: 20px; border: 1px black solid; }
#menu ul li:hover ul li a { padding:0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; text-decoration: none; font-weight: bold; }
#content {
	width: 781px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	padding-bottom: 15px;
}
#bluespace {
	width: 781px;
	height: 70px;
	background-image: url(images/bg.jpg);
}
h1 {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}
.castlebox {
	width: 741px;
	height: 106px;
	background-image: url(images/castlebg.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	text-align: left;
}
#picture {width:100px; height: 100px; background-color:#ffffff;}
#picture a.small, #picture a.small:visited { display:block; width:135px; height:100px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#picture a img {border:0;}
#picture a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#picture a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#picture a.small:hover .large {display:block; position:absolute; top: 10px; left:200px; width:400px; height:298px; z-index: 1; }
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.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 on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}
#footer {
	width: 771px;
	height: 21px;
	background-color: #000080;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding-left: 10px;
	padding-top: 5px;
	font-weight: bold;
	margin: 0 auto;
}
#footer a {
	text-decoration: none;
	color: #ffffff;
}