/* CSS Document for White Background */

body { 
	background: url(IMAGES/NAVBACK.GIF) repeat-y #FFFFFF;
	font: 12px/16px arial, helvetica, verdana, sans-serif; 
	color: #555; 
	margin: 0; 
	padding: 0;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}
a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #cccccc;
}
a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #ffcc00;
}

#container {
	margin: 0;
	padding: 0;
}

#intro {
	margin: 0;
	padding: 0;
	width: 240px;
}
	
h1 {
	margin: 0;
	padding: 0;
	width: 240px;
	height: 202px;
	background:  url(IMAGES/H1-w.GIF) no-repeat;
}

h2 {
	margin: 0 0 9px 0;
	padding: 0;
	width: 240px;
	height: 40px;
	background:  url(IMAGES/H2.GIF) no-repeat;
}

#navigation { 
	margin: 0; 
	padding: 0;
}

#links { 
	margin: 0; 
	padding: 0;
}

#navigation p, #links p {
	color: #ffffff;
	margin: 8px 20px 0px 0px;
	padding: 0px 0px 2px 30px;
}

#mainContent {
	position: absolute;
	top: 0px;
	left: 312px;
	width: 690px;
	margin: 0;
	padding: 0;
}
#mainContent h3 {
	margin: 0;
	padding: 0;
	height: 150px;
	background:  url(IMAGES/H3.GIF) no-repeat transparent;
}

#exhibit {
	background:  transparent no-repeat;
}

#exhibit p {
	margin: 0;
	padding: 0 20px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

ul {
	margin: 7px 0 7px 20px;
	padding: 0;
}
li {
	margin: 0 0 5px;
	padding: 0;
	list-style-type: none;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000066;
	font-weight: bolder;
	padding: 5px;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
h6 {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: italic;
	color: #000066;
}
h7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #F8E387;
	color: #333333;
	border: medium ridge #FF9900;
	display: block;
	padding: 5px;
	font-weight: bold;
}
h8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #F8E387;
	color: #333333;
	border: medium ridge #FF9900;
	display: block;
	padding: 5px;
}
h9 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #333333;
}

/*Credits for Gallery Container: 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*/
	height: 460px;
	background:  url(IMAGES/BK_blackstripe.gif) repeat-x;
}

.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: 0099CC;
padding: 5px;
left: -1200px;
border: 1px dashed black;
visibility: hidden;
color: #003300;
text-decoration: none;
}

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

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

/*Credits for Gallery Container: Dynamic Drive CSS Library (modified for 2nd occurrence) */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer2{
	position: relative;
	height: 466px;
	background:  url(IMAGES/BK_blackstripe.gif) repeat-x;
	top: 16px;
}

.thumbnail2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 1px solid blue;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: 999999;
padding: 0px;
left: -1200px;
visibility: hidden;
text-decoration: none;
}

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

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


/* footer div no longer used as would not stay at bottom of screen */
#footer {
	position: relative;
	margin: 0;
	padding: 0;
	background:  url(IMAGES/FOOTER-w.GIF) no-repeat;
	height: 50px;
	width: 240px;

}
#footerzen {
	position: relative;
	margin: 25px 15px 0 -14px;
	padding: 3px 0 0 20px;
	background:  url(images/foot.jpg) no-repeat;
	height: 23px;
}
#footer p {
	color: #ffffff;
	font-size: 10px;
    text-align: center;
	vertical-align: top;
}