/* ------------------------------------------------------
	CSS for the Lou Capitani Intro Page.
-------------------------------------------------------*/
html, body {
	height:99.9%;
}


body {
	background-color: rgb(7,34,1);
	color: white;
	font-family: "Monotype Corsiva", "Apple Chancery", "Zapf Chancery", cursive;
	font-size: 1em;
	text-align: center;
	background-image: none;
}

/* Vertical and Horizontal Centering of content. */
#verticalCenter {
	float: left;
	display: inline;
	height: 50%;
	margin-bottom: -400px;
	width: 1px;
}
#centerBox {
	margin: 0 auto;
	position: relative;
	height: 700px;
	width: 827px;				/* Must be width of photo box + left/right edges */
	clear: left;
	overflow: visible;
}
#centerBox #introBox {
	position: relative;
}
	#centerBox #headerImg {
		background: url(/images/intro/logotype.jpg);
		width: 827px;			/* Must be width of photo box + left/right edges */
		height: 135px;
		
	}
	/* Photo Box. Expands to surround any sized photo. */
	#centerBox .photoBox {
		text-align: center;
		background: url(/images/intro/leftright827wide.jpg) top left repeat-y;
	}
		#centerBox .photoBox .topBorder {
			background: url(/images/intro/topbottom.jpg) top center;
			width: 100%;
			height: 11px;
		}
			#centerBox .photoBox .topBorder .tleft {
				background: url(/images/intro/corners.jpg) top left;
				width: 31px;
				height: 11px;
				float: left;
				display: inline;
			}
			#centerBox .photoBox .topBorder .tright {
				background: url(/images/intro/corners.jpg) top right;
				width: 31px;
				height: 11px;
				float: right;
				display: inline;
			}
		#centerBox .photoBox .bottomBorder {
			background: url(/images/intro/topbottom.jpg) bottom center;
			width: 100%;
			height: 27px;
		}
			#centerBox .photoBox .bottomBorder .bleft {
				background: url(/images/intro/corners.jpg) bottom left;
				width: 31px;
				height: 27px;
				float: left;
				display: inline;
			}
			#centerBox .photoBox .bottomBorder .bright {
				background: url(/images/intro/corners.jpg) bottom right;
				width: 31px;
				height: 27px;
				float: right;
				display: inline;
			}
		/* User editable Photo */
		#centerBox .photoBox .photoBorder {
			margin: 0 auto;
			border: 1px lime solid;
			background-color: black;
			padding: 7px 0 7px 0;
			width: 764px;
			display: block;
		}
			#centerBox .photoBox .photoBorder img {
				vertical-align: bottom;
			}
	
	
	
	/* Intro Text and Enter button */
	#centerBox #introTextBox {
		float: left;
		display: inline;
		margin: 0 0 0 80px;
		width: 400px;
		text-align: left;
		font-size: 110%;
		color: rgb(135,201,130);
		line-height: 0.9em;
	}
		#centerBox #introTextBox h1 {
			font-size: 115%;
			line-height: 0.95em;
			margin: 0 0 5px 0;
			font-weight: normal;
			color: white;
		}
		#centerBox #introTextBox p {
			margin: 0 0 5px 0;
		}
	
	#centerBox #enterTextBox {
		float: right;
		display: inline;
		margin: 0 80px 0 0;
		width: 200px;
		text-align: right;
		font-size: 160%;
		position: relative;
	}
		#centerBox #enterTextBox .enter a {
			position: relative;
			top: -0.35em;
			color: white;
			text-decoration: none;
		}
		#centerBox #enterTextBox .enter a:hover {
			color: rgb(151,225,146);
		}
	
	
	
/* Footer */
#footer {
	margin: 15px auto 0 auto;
	text-align: center;
	width: 100%;
	position: relative;
	font-size: 75%;
	color: black;
	font-family: verdana, "sans serif";
	background-color: rgb(7,34,1);
}
	#footer #dwa {
		height: 18px; 
		width: 20px;
		margin-left: -10px;
		display: block;
		position: absolute;
		z-index: 1000;
		left: 50%;
		background: url(/images/webascent-admin.gif) top left;
		cursor: default;
	}