body{

	text-align: center;

	font-family: Tahoma, Verdana, Arial;

	background-color: #000000;

	color: #FF80C0;

}



#container {

	width: 775px;

	margin: 10px auto;



	border: 0px solid #FF80C0;

	line-height: 130%;

	padding: 0;

	text-align: left;
	
}



#header {

	padding: 0;

	
	
	background-repeat: no-repeat;

	height: 150px

}



#nav {

	font-size: 18px;

	font-weight: bolder;

	width: 775px;

	height: 40px

}



#nav ul {

	padding: 3px;
	
	padding-top: 8px;

	text-align: left;

	font-size: 16px;

	float: middle;

	margin: 0;

	list-style-type: none;

	width: 100%;

	color: #FF80C0;
	text-align: center;
}



#nav ul li { display: inline;  }



#nav ul li a {

	color: #FF80C0;

	padding: 0.2em 1em;

	text-decoration: none;

}



#nav ul li a:hover {

	color: #FFEAF4;

}



.hack {

	font-size: 13px;

	font-family: Verdana, Arial;

	color: #FF80C0;

	padding: 5px 5px 5px 5px;

	height: 430px;

	background: #000000;

	line-height: 120%;

}



html>body .hack {

	height: auto;

	min-height: 430px;

	color: #FF80C0;

	padding: 5px 5px 5px 5px;

}



#content a { color: #FF80C0; text-decoration: underline; }

#content a:hover { color: #FFEAF4; text-decoration: underline; }



#footer {

	background-image: url(../Images/nav.jpg);

	background-repeat: repeat-x;

font-size: 12px;

	clear: both;

	margin: 0;

	padding: 1px;

	border-top:0px solid #422400;

	text-align: center;	

	color: #FF80C0;

	

}



#footer a {

	text-decoration: none;

	color: #FF80C0;

}



#footer a:hover{

	text-decoration: underline;

	color: #FFEAF4;

}





/** CSS FOR GALLERY **/



.gallerycontainer{

position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/

}



.thumbnail img{

border: 4px solid #FF80C0;

margin: 0 5px 5px 0;

}



.thumbnail:hover{

background-color: transparent;

}



.thumbnail:hover img{

border: 4px solid #FFEAF4;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

padding: 5px;

visibility: hidden;

color: black;

text-decoration: none;

width: 410px;

height: 3750px;

text-align: center;

}



html>span {

	min-width: 410px;

	min-height: 480px;

}



.thumbnail:hover span img{ /*CSS for enlarged image*/

border-width: 4px;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image*/

visibility: visible;

top: 0;

left: 340px; /*position where enlarged image should offset horizontally */

z-index: 50;

border: 0;

}



.base {

	text-align:center;

}



p .base{

	padding: 2px;

	border: 4px solid #FF80C0;

}



.gallerypage {

	position: relative;

	left: 45px;

}