@charset "UTF-8";
/* CSS Document */

#pageBox{
	padding:10px;
	/*background-image:url(../images/backgroundBordersBlackGradient.jpg);*/
	height: 700px;
	width: 800px;
	visibiity: visible;
	z-index:1;
	position:absolute;
}

#mainBox{
	padding: 10px;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	visibility: visible;
	z-index: 5;
	position: absolute;
	background-image: url(../images/bridgerEclipse.jpg);
	color: #999;
	font: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: oblique;
	letter-spacing: 1.9em;
	text-align: center;
	overflow: hidden;
	padding-top: 2px;
}

#mainBoxVeil{ /* Must be the same as mainBox except for the background color and higher z-index.  Used for opacity fade in. */
	padding:10px;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	visibility: visible;
	z-index: 10;
	background-color: #000;
	position: absolute;
}

#mainBoxEntry{
	padding:0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	visibility: visible;
	z-index: 8;
	background-color: #000;
	position: absolute;
	padding-top: 50px;
}

#entryText{
	padding:0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	visibility: visible;
	z-index: 8;
	background-color: #000;
	position: absolute;
	color: #FFF;
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 1.05em;
	text-align: center;
	overflow: hidden;
} 

#nav1{
	left: 100px;
	width: 100px;
	visibility: hidden;
}

#nav2{
	left: 200px;
	width: 100px;
	visibility: hidden;
}

#nav3{
	left: 300px;
	width: 100px;
	visibility: hidden;
}

.navElement{
	top: 150px;
	height: 35px;
	position: absolute;
	z-index: 10;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	overflow: hidden;
}