﻿body	{

	background-color: #100000;

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

	text-align: center;

	color: #FFFFFF;

	font-size: x-small;

	margin: 0px; 

	padding: 0; 

}



#nav	{

	width: 600px;

	margin: auto;

	margin-bottom: 10px;

}



#nav	a {
	color: #FFFFFF;
	text-decoration: underline;
}

#nav	a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#nav	a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

#nav	a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#page1	{
	background-color: #FFFFFF;
	width: 580px;
	height: 380px;
	overflow: auto;
	text-align: justify;
	font-size: small;
	margin: auto;
	padding: 12px;
	color: #000000;
}

#page2	{
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #FFFFFF;
	border: 1px;
	width: 580px;
	height: 20px;
	text-align: justify;
	font-size: small;
	margin: auto;
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 8px;
	color: #000000;
}


#gallery	{
	background-color: #CCCCCC;
	border-style: solid;
	border-color: #FF0000;
	border: 1px;
	width: 580px;
	height: 336px;
	overflow: auto;
	text-align: justify;
	font-size: small;
	margin: auto;
	padding-left: 16px;
	padding-right: 8px;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #000000;
}

#pageimg	{
	text-align: center;
}

#page1	a {
	color: #ff0000;
	text-decoration: underline;
}

#page1	a:visited {
	color: #ff0000;
	text-decoration: underline;
}

#page1	a:active {
	color: #ff0000;
	text-decoration: underline;
}

#page1	a:hover {
	color: #ff0000;
	text-decoration: none;
}


#page2	a {
	color: #ff0000;
	text-decoration: underline;
}

#page2	a:visited {
	color: #ff0000;
	text-decoration: underline;
}

#page2	a:active {
	color: #ff0000;
	text-decoration: underline;
}

#page2	a:hover {
	color: #ff0000;
	text-decoration: none;
}

#page2	a {
	color: #ff0000;
	text-decoration: underline;
}

#gallery	a:visited {
	color: #ff0000;
	text-decoration: underline;
}

#gallery	a:active {
	color: #ff0000;
	text-decoration: underline;
}

#gallery	a:hover {
	color: #ff0000;
	text-decoration: none;
}

h1		{
	text-align: center;
	font-size: large;
	font-weight: bold;
}

h2	{
	font-weight: bold;
	font-size: small;
}

.button	{
	margin: 2px;
	border: 0px;
}

hr		{
	color: #FF0000;
	width: 580px;
}

/* LIGHTBOX stuff */

#lightbox{
	background-color:#000000;
	padding: 10px;
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	}

#lightboxDetails{
	font-size: small;
	padding-top: 2px;
	}	

#lightboxCaption{ 
	float: left; 
	}

#keyboardMsg{ 
	float: right; 
	}

#closeButton{ 
	top: 5px; right: 5px; 
	}

#lightbox img{ 
	border: none; clear: both;
	} 

#overlay img{ 
	border: none; 
	}

#overlay{ 
	background-image: url(overlay.png); 
	}

* html #overlay{
	background-color: transparent;
	back\ground-color: #000000;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
#lightbox	a {
	color: #FFFFFF;
	text-decoration: underline;
}

#lightbox	a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#lightbox	a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

#lightbox	a:hover {
	color: #FFFFFF;
	text-decoration: none;

