body {
		color:#fff;
		background-color:#333;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px; margin:0px; 
		padding:0px;
		text-align:left;
		}

	html,body {
		height: 100%;
		}

/* You named this layer background */
#background {
  position: absolute;
  left: +0px;
  top: +0px;
  width: 900px;
  height: 600px;
  z-index: 1;
}

/* You named this layer footer _text */
#footer {
  position: absolute;
  left: 373px;
  top: 700px;
  width: 278px;
  height: 40px;
  z-index: 2;

  /* Here are some suggestions for this area's text settings */
  text-align: center;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
}

/* You named this layer body copy _text */
#bodycopy {
  position: absolute;
  left: 215px;
  top: 145px;
  width: 655px;
  height: 575px;
  overflow:auto;
  z-index: 3;
  text-align: left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
}

/* You named this layer mastimage _jpg */
#mastimage {
  position: absolute;
  left: 215px;
  top: 163px;
  width: 547px;
  height: 125px;
  z-index: 4;
}

/* You named this layer sectiontitle _text */
.sectiontitle {
  position: absolute;
  left: 216px;
  top: 101px;
  width: 382px;
  height: 55px;
  display: block;
  z-index: 5;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
}

/* You named this layer calendar _text */
#calendar {
  position: absolute;
  left: 12px;
  top: 100px;
  width: 179px;
  height: 178px;
  z-index: 6;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  /* overflow: auto; */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ffffff;
}

/* You named this layer navigation _text */
#navigation {
  position: absolute;
  left: 12px;
  top: 47px;
  width: 560px;
  height: 20px;
  z-index: 7;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  /* overflow: auto; */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #FFBF40;
}

/* Links */
	a:link, a:visited, a:active {
		color:#FFD073;
		text-decoration:underline;
		}
		
	a:hover {
		color:#FBB36B; 
		text-decoration:underline;
		}
	a.navigation:link, a.navigation:visited, a.navigation:active {
		color:#FFD073;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
		}
	a.navigation:hover {
		color:#FFBF40;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
		background-color: transparent;
		}

/* You named this layer logo _text */
#logo {
  position: absolute;
  left: 13px;
  top: 10px;
  width: 250px;
  height: 45px;
  z-index: 8;
  font-weight:300;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #ffffff;
}

/* You named this layer lines */
#lines {
  position: absolute;
  left: 0px;
  top: 74px;
  width: 900px;
  height: 2px;
  z-index: 9;
}

ul.dateme {
display: block;
list-style: none;
text-decoration: none;
width: 100%;
margin: 0;
padding-left: 4px;
color: #ffffff;
}

/* GALLERY LAYOUT */
.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: 0px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFBF40;
padding: 2px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
text-align:center;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 160px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}