body      { color: #ffffff; font-size: 10pt; font-family: Arial; background-color: #333333; background-image: url("images/background.gif"); margin: 0; padding: 0 }

#page    { background-image: url("images/page.gif"); margin: auto; padding: auto; width: 900px }
#header    { background-image: url("images/header.gif"); padding-top: 30px; padding-left: 40px; width: 860px; height: 71px; clear: both }

#menulinks    { background-image: url("images/menulinks.gif"); padding-left: 25px; width: 875px; height: 47px; clear: both }

* html #menulinks a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }

* html #menulinks a span { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }
  
#menulinks a {
	padding-left:11px;
	height:39px;
   background-image:none;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-right:3px;
	margin-left:3px;
	margin-top:3px;
  }

#menulinks a span {
	padding-left:8px;
	padding-right:20px;
	padding-top:12px;
	height:30px;
	display:block;
   background-image:none;
	text-decoration:none;
	cursor:pointer;
  }
  
  
#menulinks a:hover, #menulinks a.active    { color: #ffffff; text-decoration: none; background-image: url("images/menuhover.gif"); background-position: left top }

#menulinks a:hover span, #menulinks a.active span    { text-decoration: none; background: url("images/menuhoverright.gif") no-repeat right top }

.gallerycontainer   { font-size: 120%; position: relative }
.thumbnail img { margin: 0 5px 5px 0; border: solid 1px white }
.thumbnail:hover { background-color: transparent }
.thumbnail:hover img { border: solid 1px blue }
.thumbnail span { color: black; text-decoration: none; background-color: #ffffe0; visibility: hidden; padding: 5px; position: absolute; left: -1000px; border: dashed 1px gray }
.thumbnail span img { padding: 2px; border-width: 0 }
.thumbnail:hover span     { visibility: visible; z-index: 50; top: -20px; left: 0 }

#mainarea {
width:860px;
clear:both;
padding-left:40px;
}

#contentarea {
width:545px;
padding-right:30px;
float:left;
line-height:14pt;
padding-bottom:10px;
}

#sidebar  { line-height: 14pt; background-repeat: no-repeat; width: 235px; float: left }

#sidebox           { background-image: url("images/sidebox.gif"); padding: 4px 20px 4px 8px; width: 235px; float: left; border-color: #333333 }

#footer     { line-height: 14pt; background-image: url("images/footer.gif"); background-repeat: no-repeat; text-align: center; padding-top: 23px; width: 900px; height: 35px; clear: both }

h1 {
font-size:20pt;
color:#FFFFFF;
margin:0;
}

h2 {
font-size:12pt;
color:#FFFFFF;
padding-top:6px;
}

.description {
font-size:14pt;
color:#FFFFCC;
margin:0;
}

a {
color:#FFFFCC;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


.gallerycontainer    { position: relative; height: 250px }

.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  { color: black; text-decoration: none; background-color: #ffffe0; visibility: hidden; padding: 5px; position: fixed; top: 0; left: -750px; border: dashed 1px gray }

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

.thumbnail:hover span   { visibility: visible; z-index: 50; top: 100px; left: 600px }