body {
	margin: 0;
	padding: 0;
	font-family: "lucida grande", verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: white;
	background-color: #00190f;
	min-width: 800px;}

h2, h1, p, ul, li, div, img, a {	
	margin: 0;
	padding: 0;}
	
#container {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;}
	
a:active {
  	outline: none;}

a {
	text-decoration: none;
	outline: none;}

.concealed {
	visibility: hidden;}
	

	
#header {
	position: relative;
	height: 72px;
	background-image:url(images/header-background.png);
	background-repeat:repeat-x;
	background-color:#CCCCCC;}
	
#jay-title{
	position: absolute;
	top: 16px;
	left: 500px;
	display: block;
	width: 270px;
	height: 56px;
	background-image:url(images/jclydejarvis.png);
	background-repeat: no-repeat;}
	
#menu {
	position: absolute;
	top: 72px;
	left: 0;
	width: 135px;
	height: 585px;
	padding-top: 15px;
	background-image: url(images/main-menu-background.png);
	background-repeat:repeat-x;
	z-index: 100;}
	
#menu ul {
	list-style-type: none;}
	
#menu ul li {
	font-size: 16px;
	color: #e9e9e9;
	margin: 0;
	margin-right: 10px;
	margin-top: 25px;
	text-align: right;}
	
#menu ul li a {
	text-decoration: none;
	color: #e9e9e9;}
	
#menu ul li a:hover {
	text-decoration: none;
	color: #ff8000;}
	
#menu ul li a.current {
	color: #ff8000;}
	
#menu ul li.sub-menu {
	font-size: 11px;
	margin: 2px 10px;}
	
	
#main {
	position: relative;
	width: 800px;
	height: 600px;
	background-color: #00190f;
	background: url(images/large-photos/rotate.php) no-repeat center top;}

#content {
	position: absolute;
	top: 0px;
	left: 135px;
	width: 620px;
	height: 435px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 125px;
	padding-left: 45px;
	background-image:url(images/content-background.png);
	background-repeat:repeat-x;
	color: #00190f;
	}
	
#content-info {
	position: absolute;
	top: 0px;
	left: 135px;
	width: 580px;
	height: 435px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 125px;
	padding-left: 45px;
	background-image:url(images/content-background.png);
	background-repeat:repeat-x;
	color: #00190f;
	overflow: auto;}
	
#content-info p {
	font-size: 10px;
	padding-bottom: 6px;
	text-align: justify;}
	
#content-info p#last-para {
	padding-bottom: 26px;}
	
#content-info h2 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 6px;}
	
#content-info h2#show-title {
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 23px;}
	
#content-info ul#chronology {
	list-style-type: none;}
	
#content-info ul#chronology li {
	font-size: 14px;
	padding-bottom: 20px;}
	
#content-info ul.details {
	list-style-type: none;
	font-size: 11px;}
	
#content-info ul.details li {
	padding-bottom: 5px;}
	
#content-info ul.details li.indent {
	margin-left: 30px;}

#content-info p#contact {
	font-size: 18px;}
	
p#show-links {
	font-size: 11px;
	word-spacing: 1px;}
	
p#show-links a {
	color: #492500;}
	
p#show-links a:hover {
	color: #ff8000;}
	
div.grid {
	float: left;
	width: 124px;
	height: 108px;
	margin-right: 28px;
	margin-bottom: 15px;
	text-align: center;}
	
div.grid p {
	text-align: left;
	font-size: 9px;
	color: #010c07;
	margin-top: 0px;
	margin-left: 1px;}
	
div.grid a {
	text-decoration: none;
	border: none;}
	
div.grid:hover{
	background-color: #ff8000;}
	
div.grid img {
	margin: 1px;
	border: none;
	vertical-align:bottom;}
	
	
div.medium-grid p {
	text-align: left;
	font-size: 11px;
	color: #010c07;
	margin-top: 0px;
	margin-left: 0px;}
	
div.medium-grid img {
	margin-right: 21px;
	margin-bottom: 21px;
	border: none;
	vertical-align:bottom;}
	
/* start pasted code for vertical exhibitions photos gallery*/

.gallerycontainer{
position: relative;
height: 270px;/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: none;
padding: 0;
margin: 0 1px 3px 0;

}

.thumbnail:hover img{
border: none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
left: -1000px;
border-style: none;
display: none;
color: #00190f;
font-style: normal;
font-size: smaller;
text-decoration: none;
}

.thumbnail span.open{ /*CSS for enlarged image that displays from beginning*/
position: absolute;
background-color: transparent;
top: -44px;
left: 178px;
border-style: none;
display: block;
color: #00190f;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
display: block;
top: -44px;
left: 178px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

a.thumbnail{
text-decoration: none;
}

/* end pasted code for gallery*/