/* 



a:link {
	color: #00B4FC;
	text-decoration: none;
}

a:visited {
	color: #00B4FC;
	text-decoration: none;
}

a:hover {
	color: #00B4FC;
	text-decoration: none;
}

a:active {
	color: #903030;
	text-decoration: none;
}




Portions of scripts in this document were obtained from CSS tutorial
websites and modified by Charles A. Schreiber. The author of one
particularly helpful CSS makes scripts freely available on the condition
that the following copyright notice be included:

 .navBox {
	z-index: 3;
	position: absolute;
	top: 425px;
	width:320px;
	height:80px;
	color: #FFF;
	background-color: #002D3F;
	border: 1px solid #FFF

	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;

}


================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* 
body {
	z-index:1;
	margin: 0 auto 0 auto;
	width: 960px;
	height: 660px;
    background-color:#240C0C;
	font-family:Arial, Helvetica, sans-serif;
}
*/

body {
    background-color:#240C0C;
	margin: -20px 0 0 0
}

a:link {
	color: #00B4FC;
	text-decoration: none;
}

a:visited {
	color: #00B4FC;
	text-decoration: none;
}

a:hover {
	color: #00B4FC;
	text-decoration: none;
}

a:active {
	color: #903030;
	text-decoration: none;
}

#photoPagecontainer {
	height: 100%
}


#photoPageNavHead {
	z-index: 3;
	position: fixed;
	top: 0px;
	width:1000px;
	height:85px;
	background-color: #002D3F;
}


#yearNav {
	position: absolute;
	top: 10px;
	left:150px;
	width:700px;
	height:30px;
	color: #FFF;
	font-size:24px;
	background-color: #002D3F;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#PrevNav {
	position: absolute;
	top: 50px;
	left:390px;
	width:60px;
	height:20px;
	font-size:18px;
	background-color: #002D3F;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #903030;
	text-decoration: none;
}


#NextNav {
	position: absolute;
	top: 50px;
	left:550px;
	width:60px;
	height:20px;
	font-size:18px;
	background-color: #002D3F;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #903030;
	text-decoration: none;
}

#HomeNav {
	position: absolute;
	top: 5px;
	left:10px;
	width:60px;
	height:20px;
	font-size:12px;
	background-color: #002D3F;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #903030;
	text-decoration: none;
}

#HelpNav {
	position: absolute;
	top: 5px;
	left: 910px;
	width:80px;
	height:20px;
	font-size:12px;
	background-color: #002D3F;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}





#captionRegion {
	z-index: 3;
	position: absolute;
	top: 470px;
	left: 40px;
	width:350px;
	height:195px;
	background-color: transparent;
	border: 4px solid #002D3F;
}

/*
size, color, & position of main content area
including thumbnails, large picture, and caption
*/
.photo {
	z-index: 1;
	position: absolute;
	top: 85px;
	width:1000px;
	height:1000px;
	background-color: #000000;
}


/*
size, color, & position of thumbnail ("button") area
*/
.photo ul {
	width: 380px;
	height: 380px;
	background-color: #000000;
	list-style:none;
}

/* size of area for each thumbnail */
.photo ul li {
	display: block;
	width: 90px;
	height: 90px;
	float: left;
}

/* size of image "buttons" */
.photo ul li a {
	display:block;
	width:85px;
	height:85px;
	cursor:default;
	background-color: #002D3F;
	border: 1px solid #FFF;
	text-decoration:none;
}

.photo ul li a b {
	display:none;
}

/* size of thumbnails */
.photo ul li a img {
	position: absolute;
	display:block;
	width: 85px;
	height: 85px;
}




.photo ul li a:active, .photo ul li a:focus {

}

/* size & location of large picture */
.photo ul li a.sq:hover img, .photo ul li a:focus.sq img, .photo ul li a:active.sq img {
	position:absolute;
	background-color:#000;
	left:415px;
	top: 15px;
	width:570px;
	height:570px;
}


/* captions */
.photo ul li a:focus b, .photo ul li a:active b, .photo ul li a:hover b {
	display:block;
	position:absolute;
	top:400px;
	left: 50px;
	width: 340px;
	color:#FFF;
	font-weight:normal;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;	
}

.footer {
	z-index: 2;
	position: fixed;
	width: 920px;
	height: 13px;
	bottom: 0px;
	padding-left: 80px;
	padding-top: 2px;
	color: #000;
	background-color: #002D3F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}