#container {
	margin: 0 auto;
	width: 752px;
}

#blank {
	height: 12px;
}

#header {
	height: 198px;
	border: 1px black solid;
}

#body {
	padding: 20px;
	font-family: helvetica;
	font-size: 90%;
	text-align: left;
	background-color: #FFF;
	color: #000;
	border: 1px black solid;
}

#gallery-body {
	height: 570px;
	padding: 10px;
	font-family: helvetica;
	font-size: 90%;
	background-color: #FFF;
	color: #000;
	border: 1px black solid;
}

#footer {
	height: 35px;
	background-color: #FFF;
	font-size:80%;
	text-align: center;
	color: #000;
	border-left: 1px black solid;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
}


#menu {
	height: 30px;
}

table.menu 
{
border-collapse: collapse
}

a.menu:link {color: #000000;text-decoration:none;font-size:80%}
a.menu:visited {color: #000000;text-decoration:none;font-size:80%}
a.menu:hover {color: #000000;text-decoration:none;font-size:80%}

a.menui:link {color: #000000;text-decoration:none}
a.menui:visited {color: #000000;text-decoration:none}
a.menui:hover {color: #000000;text-decoration:none}

h2 {color: #993300;font-size:125%}

td.cake {font-size: 90%;
		width:175px;
		height:100%;
		vertical-align:text-top;
		text-align:center}


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font-size:80%;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #EF79A8;
}

/*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 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: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#block {
	float: left
}

img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin: 4px; 
}

img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px; 
}