/* 
===============================================================================
	General settings & Division of browser window
===============================================================================
*/

html { 
	vertical-align: middle;
	background-color: #eeeecc;
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	position: static;
	z-index: 1;
}


#index {
	background-color: #ffffff;
	position: relative;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}


/* Title bar: that's the fancy collage on top */
#titleBar {
	background-color: #000044;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	margin-left: -479px;
	margin-top: 0px;
	left: 50%;
	top: 20px;
	padding: 0px;
	height: 130px;
	width: 958px;
	position: absolute;
	z-index: 3;
}

/* 
===============================================================================
   defines the outer frame and its title bar 
===============================================================================
*/


#outerFrame {
	border-color: #000077;
	background-color: #eeeeff;
	border-style:  solid;
	border-width: 1px;
	margin-left: -455px;
	left: 50%;
	top: 210px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	width: 910px;
	position: absolute;
	z-index: 3;
}



#outerFrameTitleBar {
	background-color: #000044;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	margin-left: -455px;
	left: 50%;
	top: 185px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	color: #eeeeff;
	font-size: 1.1em;
	font-weight: bold;
	height: 25px;
	width: 910px;
	position: absolute;
	overflow: auto;
	z-index: 3;
}


.titleBarCaption {
	font-size: 18px;
	color: #eeeeff;
	padding: 0px;
	margin: 0px;
	text-align: left;
	border-style: none;
	border-width: 0px;
	bottom: 2px;
	left: 5px;
	position: absolute;
}


.titleBarSmallDate {
	font-size: 13px;
	color: #eeeeff;
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-width: 0px;
	text-align: right;
	vertical-align: bottom;
	bottom: 2px;
	right: 5px;
	position: absolute;
}

.titleBarLocation {
	font-size: 15px;
	text-decoration: none;
	color: #eeeeff;
}

a.titleBarLink2:visited {
	font-size: 15px;
	color: #eeeeff;
	text-decoration: none;
}

a.titleBarLink2:link {
	font-size: 15px;
	color: #eeeeff;
	text-decoration: none;
}

a.titleBarLink2:hover {
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
}



/* 
===============================================================================
	Table holding the thumbnails
===============================================================================
*/


/* table for images */
table.imageTable {
	border-style: none;
	border-width: 0px;
	border-spacing: 5px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	position: relative;
}

tr.imageRow {
	border-style: none;
	border-width: 0px;	
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	position: relative;
}

td.imageCell {
	border-color: #000000;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
	width: 150px;
	height: 113px;
	text-decoration: none;
}

table tr td a img.framed {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
}


/* 
===============================================================================
	Text elements
===============================================================================
*/

.description {
	font-family: "Comic Sans MS";
	font-size: 0.8em;
	font-stretch: wider;
	color: #333366;
	text-align: center;
}


/* this refers to titles in the index pages */
.title {
	font-size: 12pt;
	font-weight: bold;
}

	
/* italic */
.emphasis {
	font-style: italic;
}


/* this ought to be used for welcome text in index.html */
.intro {
	font-family: "Comic Sans MS";
	font-size: 10.3pt;
	font-stretch: wider;
	color: #333366 ;
	text-align: center;
}


a:link img, a:visited img, a:hover img {
	border-style: none;
	border-width: 0px;
}

a:link, a:visited, a:hover {
	text-decoration: none;
}


/* 
===============================================================================
	Story popup window  - elements
===============================================================================
*/

h1.title {
	font-family: "Comic Sans MS";
	font-size: 12pt;
	font-weight: bold;
	font-stretch: wider;
	color: #333366 ;
	text-align: center;
}

p.story {
	font-family: "Comic Sans MS";
	font-size: 9.3pt;
	font-stretch: wider;
	color: #333366;
	text-align: left;
}

.storylink {
	font-family: "Comic Sans MS";
	font-size: 8pt;
	font-stretch: wider;
	color: #333366;
	text-align: center;
}