body {
	background-color: #FFFFFF;
	font-family: "Garamond", Garamond, serif;	font-size: 1em;
	text-align: left;
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em
}

h2 {
	color: #CCCCCC
	}
h3 {
	color: #CCCCCC
	}
h4 {
	color: #000000
	}
table {
	color: #FFFFFF
	}
td, th {
	font-family: "Garamond", Garamond, serif;
	font-size: 1em
	}

/* --- background --- */

#bkgnd {
	position: relative;
	background: url(images/curves.jpg);
	width: 828px;
	height: 560px;
	z-index: 0;
}

/* --- navBar --- */

#navBar {
	position: absolute;
	top: 180px;
	left: 10px;
	z-index: 3;
	
	max-width: 240px;
	margin-left: -15px;
	
	text-align: left;
	float:left;
	
	font-family: "Arial Black", Arial Black, Gadget, sans-serif;
	font-size: 15pt;
	font-variant: small-caps;
	line-height: 32px;
	
	border: 2px;
	outline-style: none;
	outline-color: #CCCCCC;
	padding: 0px;
}

#navBar li {
	list-style-type: disk;
}

#navBar span {	/* --- sets the color of the current pages' link --- */
	color: #FF9900;
}

#navBar a {
	color: #000000;
	text-decoration: none;
}

#navBar a:hover, a:visited:hover {
	color: #FF9900;
}

/* --- upperNavBar --- */
#upperNavBar {
	position: absolute;
	top: 65px;
	right: 235px;
	z-index: 3;
	
	max-width: 250px;
	margin-left: -15px;
	
	text-align: right;
	float:right;
	
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 16px;
	
	border: 2px;
	outline-style: none;
	outline-color: #CCCCCC;
	padding: 0px;
}

#upperNavBar li {
	list-style-type: none;
}

#upperNavBar span {	/* --- sets the color of the current pages' link --- */
	color: #FF9900;
}
#upperNavBar a {
	color: #000000;
	text-decoration: none;
}

#upperNavBar a:hover, a:visited:hover {
	color: #FF9900;
}

/* --- textArea --- */
#floatText {
	z-index: 3;
	font-family: "Garamond", Garamond, serif;
	font-size: 14pt;
}
#textArea {
	position: absolute;
	top: 200px;
	left: 250px;
	width: 520px;
	height: 338px;
	z-index: 3;
	
	font-family: "Garamond", Garamond, serif;
	font-size: 14pt;
	
	border: 2px;
	outline-style: none;
	outline-color: #CCCCCC;
	padding: 0px;
}

#overlayText {
	position: absolute;
	top: 200px;
	left: 250px;
	width: 520px;
	height: 338px;
	z-index: 3;
	
	font-family: "Arial Black", Arial Black, Gadget, sans-serif;
	font-size: 14pt;
	color: #CCCCFF;
	text-shadow: #6374AB 20px -12px 2px;
	
	border: 2px;
	outline-style: none;
	outline-color: #CCCCCC;
	padding: 0px;
}

/* --- textElements --- */

p.scaps { font-variant: small-caps; }

p.title {
	font-variant: small-caps;
	font-weight: bold;
	font-size: xx-large;
}

p.subtitle {
	font-variant: small-caps;
	font-weight: normal;
	overflow: hidden;
}

p.innerText {
	padding-left: 15%;
	padding-right: 15%;
}

/*------ for photo bar right -------*/

.thumbnail {
position: relative;
z-index: 3;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
/*top: -550px;*/
bottom: 50px;
left: 60px; /*position where enlarged image should offset horizontally */

font-family: "Arial Black", Arial Black, Gadget, sans-serif;
font-size: 14pt;
}



/*------ for photo bar left -------*/

.thumbright {
position: relative;
z-index: 3;
}

.thumbright:hover{
background-color: transparent;
z-index: 50;
}

.thumbright span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -250px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbright:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
/*top: -600px;*/
bottom: 50px;
left: -500px;

font-family: "Arial Black", Arial Black, Gadget, sans-serif;
font-size: 14pt;
}

/*------ for photo center pop-out -------*/

.thumbcenter {
position: relative;
z-index: 3;
}

.thumbcenter:hover{
background-color: transparent;
z-index: 50;
}

.thumbcenter span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 0px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbcenter:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 50px;
left: -300px; /*position where enlarged image should offset horizontally */

font-family: "Arial Black", Arial Black, Gadget, sans-serif;
font-size: 14pt;
}

#photobar {
	position: absolute;
	top: 575px;
	left: 15px;
	z-index: 3;
	
	width: 829px;
	margin-left: -15px;
}