/* set our default color scheme */
body {
	background-color: black;
	color: white;
}

/* the eClaire logo */
div.logo img {
display: inline;
height: 300px;
width: 64px;
position:absolute;
	top: 16px;
	left: 32px;
}

/* frame header and title information */
#header {
	position:absolute;
	top: 60px;	
	left: 128px;
	width: 480px;
}

#title_text { 
	font-family: "Times New Roman", serif;
	font-style: italic;
	font-size: 40px;
	color: white;
}

#subtitle_text {
	margin: 10px 0px 0px 0px;
	font-family: "Times New Roman", serif;
	font-style: italic;
	font-size: 20px;
	color: white;
}

/* where we put all the relevant info for the page */
.body {
	position: absolute;
	top: 180px;
	left: 128px;
	width: 680px;
	height: 600px;
/*	background-color: gray; */
}

/* and how that relevant info is formatted */
.body_text {
	position: relative;
	margin-top: 10px; 
	margin-bottom: 10px;
	font-family: "Times New Roman", serif;
	font-style: italic;
	font-size: 20px;
	text-align: left
	color: white;
}

/* copyright notice and other stuff at the bottom */
.footnote {
	position: relative;
	margin-top: 10px; 
	margin-bottom: 10px;
	font-style: italic;	
	font-family: "Times New Roman", serif;
	font-style: italic;
	font-size: 15px;
	text-align: left;
	float: left;
	color: gray;
}

/* navigation menu at the top of the screen */
#nav_menu {
	position:absolute;
	top: 0px;
	left: 64px;
	width: 600px;
	background-color: black;
	margin: 10px 50px 5px 50px;
}

#nav_menu_text {
	font-family: "Times New Roman", serif;
	font-style: italic;
	font-size: 20px;
	text-align: justify;
	color: white;
}

/* set the color change for menu links  */
#nav_menu a:visited {
	background-color: transparent;
	color: gray;
}

/* change the menu item to red if the user hovers on it */
#nav_menu a:hover {
	background-color: transparent;
	color: red;
}

/* unvisited links should match - we don't care */
#nav_menu a:link {
	background-color: transparent;
	color: gray;
}

/* definition for the detail photo display at right */
#container_right  {
	background:black; 
	border:0px solid black; 
	margin: 5px 5px 5px 5px;
	display:block; 
	position:absolute; 
	width:640px; 
	height:480px; 
	top:180px; 
	left:350px; 
	z-index:50;
}

/* top right bottom left */

/* defines the container where the thumbnails are */
#container_left {
	background:transparent; 
	text-decoration: none
	border:0px solid black; 
	margin: 0px 5px 5px 5px;
	display:block;  
	position:absolute; 
	width:320px; 
	height:480px; 
	top:180px; 
	left:120px; 
	z-index:50; 
}

/* don't change the frame color when link is clicked */
#container_left a:link {
	background-color: transparent;
	text-decoration: none
	color: black;
}

#container_left a:visited {
	background-color: transparent;
	text-decoration: none
	color: black;
}

#container_left a:active {
	background-color: transparent;
	text-decoration: none
	color: black;
}

/* definition for large photo footnotes */
#container_right h1 {
	position: relative;
	top: 0px; */
	left: 0px;
	clear:both; 
	margin:0; 
	font-family: "Times new roman", serif; 
	font-style: italic;
	font-size:20px; 
	font-weight:normal;
	text-align: left;
	color: white;  
}

/* definition for copyright footnote in the gallery */
#container_left h1 {
	position: absolute;
	top: 550px;
	left: 0px;
	clear:both; 
	margin:0; 
	font-family: "Times New Roman", serif;
	font-style: italic;
	font-size: 15px;
	text-align: left;
	color: gray;
}

/* definition for the text displayed in the detail window at startup */
#container_right h2 {
	position: relative;
	top:0px; 
	left:20px;
	clear:both; 
	margin:0; 
	text-align:left; 
	font-family: "Times New Roman", serif;
	font-style: italic;
	font-size:30px; 
	font-weight:normal;
	color:red;
}