html {
	padding:0px;
	margin:0px;
}
body {
	padding:0px;
	margin:20px 0 0 0;
	background-position:center;
	background-repeat:repeat-y;
}
#pagewrapper {
width:610px;
margin:0 auto 5px;
color:#333;
font-size:1em;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
background-color:#fff;
padding:5px 10px 21px 10px;
}
#navbar {
margin:0 0 30px 0;
font-size:1em;
}
ul#main-nav {
font-weight:bold;
font-size:0.9em;
text-align:center;
text-transform:uppercase;
border-top:3px solid #008001;
color:#333333;
height:24px;
margin:0;
padding:6px 0 0 0;
}
	ul#main-nav li {
	list-style:none;
	display:inline;
	margin:0 10px;
	width:40px;
	}
	  #main-nav a {
	  text-decoration:none;
	  color:#000000;
	  }
	  #main-nav a:hover {
	  text-decoration:none;
	  color:#2c5626;
	  }
ul#sub-nav {
font-weight:bold;
font-size:0.7em;
text-align:center;
color:#FFFFFF;
height:20px;
margin:0;
text-transform:uppercase;
padding:9px 0 0 0;
}
	ul#sub-nav li {
	list-style:none;
	display:inline;
	margin:auto;
	padding:0;
	}
	  #subNav {
	  padding:1px 0;
	  }
	  #subNav a {
	  text-decoration:none;
	  color:#ffffff;
	  }
	  #subNav a:hover {
	  text-decoration:none;
	  color:#2c5626;
	  }

.content {
text-align:left;
margin:0 30px 0 30px;
}
	.content h2 {
	text-transform:uppercase;
	font-size:1.2em;
	}
	  .content a {
	  text-decoration:none;
	  color:#2c5626;
	  font-weight:bold;
	  }
	  .content a:hover {
	  text-decoration:underline;
	  color:#000080;
	  }
div#map {
margin:20px auto 0;
float:right;
height:450px;
width:534px;
border:2px solid #003400;
}
div#exhibition-description {

}

div.artist-list-canvas {
float:left;
width:auto;
padding:0;
}
div.thumbnailContainer {
border:1px solid #666666;
padding:5px;
margin:5px;
font-size:0.7em;
float:right;
}
	
ul.artist-list {
width:100%;
float:left;
font-size:0.8em;
font-weight:bold;
background-color:#ccc;
list-style:none;
padding:10px 0;
text-align:center;
margin:0 0 10px;
}
li.artist-list {
display:inline;
}
	artist-list hover {
	background-color:#fff;
	}
div.artworks-list {
float:left;
width:162px;
padding:5px;
font-size:1em;
}
	div#artwork a {
	color:#2C5626;
	}
	div#artwork a:active {
	color:#2C5626;
	}
	div#artwork a:hover {
	color:#2C5626;
	}
	div#artwork a:visited {
	color:#2C5626;
	}
	  div.artworks-list a {
	  text-decoration:none;
	  color:#2c5626;
	  font-weight:bold;
	  }
	  div.artworks-list a:hover {
	  text-decoration:underline;
	  color:#2c5626;
	  }
	  div.artworks-list li a {
	  text-decoration:none;
	  color:#000000;
	  font-weight:normal;
	  font-size:0.9em;
	  }
	  div.artworks-list li a:hover {
	  text-decoration:underline;
	  color:#2c5626;
	  }
.artworks-list ul {
padding:0;
margin:0;
list-style:none;
}
.artworks-list li {
margin:0;
padding:0;
}
li.artworks-list a {
font-weight:normal;
color:#000000;
}
li.artworks-list a:active {
font-weight:normal;
color:#000000;
}
li.artworks-list a:visited {
font-weight:normal;
color:#000000;
}
li.artworks-list a:hover {
font-weight:normal;
color:#000000;
}
.exhibitionButton {
background-color:#FFFFFF;
color:#000000;
border:1px solid #000000;
padding:5px 15px;
width:120px;
font-size:0.9em;
text-align:center;
margin: 0 auto;
text-decoration:none;
text-align:center;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
}
.exhibitionButton:hover {
color:#FFFFFF;
text-decoration:none;
}
.artwork-thumbnail {
width:auto;
height:100px; 
clear:left;
display:inline;
margin:10px 5px;
text-align:center;
}
#footer {
font-size:0.9em;
text-align:center;
margin-top:20px;
}
  #footer a {
  text-decoration:none;
  color:#2c5626;
  font-weight:bold;
  }
  #footer a:hover {
  text-decoration:underline;
  color:#000080;
  }
  	.gallery-hours {
	width:100%;
	padding:5px 0;
	text-transform:uppercase;
	}

.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: 300px; /*position where enlarged image should offset horizontally */

}
#thumbnail-gallery {
position: relative;
height:160px;
width:550px;
overflow: auto;	
margin:0 auto;
white-space:nowrap;
outline: none;
}
.thumbnail-container {
	display:inline-block;
	text-align:center;
	white-space:nowrap;
	margin:0 5px;
	padding:5px;
}
	.thumbnail-container img {
		margin:0 auto;
		padding:2px;
		border:2px solid #ffffff;
		height:92px;
		-moz-box-shadow: 0px 0px 3px #00182a;
		-webkit-box-shadow: 0px 0px 3px #00182a;
		box-shadow: 0px 0px 3px #00182a;
	}