@charset "utf-8";
/* CSS for Griffith Institute Heathcote pages */

/*
	Main page elements
*/

body
{
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	background: #FFFACD; 
}

#frame
{
	width: 642px;
	margin: 0px auto;
}

#header
{
	padding: 0.2em;
	margin-bottom: 1em;
}

#footer
{
	clear: both;
	margin-top: 1em;
	font-size: small;
	font-style: italic;
	padding: 0.2em;
}

.panel
{
	border: 1px solid #000000;
	background: #87CEFA;
}

#header p
{
	font-size: smaller;
}

#search
{
	margin: 0.2em auto;
	padding: 0.2em;
}

#search label
{
	font-weight: bold;
}

.hidden
{
	visibility: hidden;
	position: absolute;
}

/*
	Entry page items
*/

#start-page
{
	background-image: url(images/heathcote_11_78_detail.jpg);
}

.start
{
	padding: 1em;
}

/*
	Navigation items
*/

.images-nav
{
	height: 1.6em;
}

.nav-item
{
	float: left;
	width: 72px;
	text-align: center;
	margin: 4px 0;
	background: #66CDAA;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 0.8em;
}

.nav-item a
{
	text-decoration: none;
	display: block;
	color: #000000;
}

.nav-item a:hover, .nav-item a:active
{
	background:  #7FFFD4;
	color: #000000;
}

.nav-left
{
	border: 1px solid #000000;
}

.nav-detail
{
	width: 100px;
	border: 1px solid #000000;
}

.nav-empty
{
	float: left;
	width: 66px;
}

.nav-empty1
{
	float: left;
	width: 10px;
}

.nav-page
{
	width: 100px;
	border: 1px solid #000000;
	background: #87CEFA;
}

.nav-large
{
	position: absolute;
	top: 4px;
	left: 0;
	width: 100px;
	border: 1px solid #000000;
	font-size: 1em;
}

/*
	Image pages
*/

#image p
{
	font-size: 0.8em;
}

#image img
{
	border: 1px solid #000000;
}

#image-title
{
	padding: 0.5em;
}

#image-title-lrg
{
	padding-top: 0.5em;
	position: relative;
	width: 642px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

#details
{
	clear: both;
	margin: 1em, auto;
	padding: 1em;
	text-align: left;
}

/*
	Images and search result pages
*/

#images-results
{
	padding: 0.5em;
}

#image-table
{
	width: 100%;
	table-layout: fixed;
}

#image-table tr
{
	height: 120px;
}

#image-table img
{
	border: 1px solid #000000;
}

#image-table p
{
	font-size: smaller;
}

#search-title
{
	padding-bottom: 0.5em;
}

/*
	Error page
*/

#error
{
	padding: 2em;
}

#error h2
{
	font-weight: bold;
	font-size: x-large;
	padding-bottom: 0.5em;
}

#error p
{
	font-style: italic;
}

/*
	General page elements
*/

h1
{
	padding: 0 0 0.2em 0;
	margin: 0;
	font-size: xx-large;
}

h2
{
	padding: 0 0 0.2em 0;
	margin: 0;
	font-size: large;
	font-weight:normal;
}

h3
{
	padding: 0;
	margin: 0.2em 0 0 0;
	font-size: medium;
	font-style: italic;
}

h4
{
	padding: 0;
	margin: 0;
	font-size: medium;
}

a
{
	color: #0000FF;
}

a:active, a:hover
{
	color: #800080;
}

p
{
	padding: 0;
	margin: 0;
}

form
{
	padding: 0;
	margin: 0;
}