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

body {
	margin: 0 0 0 0;
	background-color: #59678a;
	font-family: "Trebuchet MS", Helvetica, Sans-serif;
}

#top {
	clear: both;
	background-image:url(../images/top-back.jpg);
	background-repeat:repeat-x;
	overflow: auto;
}
#header {
	width: 800px;
	height: 200px;
	margin: 0 auto 0 auto;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}
#nav {
	clear: both;
	height: 38px;
	background-image:url(../images/nav-back.jpg);
	background-repeat: no-repeat;
	background-position:center;
	line-height: 38px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
#nav a:link, #nav a:visited {
	text-decoration: none;
}
#nav a:hover {
	text-decoration: underline;
}

#main {
	clear: both;
	overflow:auto;
}
#content {
	width: 765px;
	margin: 0 auto 0 auto;
}

.heading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	font-style:italic;
	color: #000000;
}
.flowed_text {
	width: 99%;
	margin: 0 auto 15px auto;
	text-align: justify;
	text-indent: 36px;
	font-family: "Trebuchet MS", Helvetica, Sans-serif;
}

#bottom {
	clear: both;
	background-color: #000000;
	overflow:auto;
}
#footer {
	width: 750px;
	margin: 0 auto 0 auto;
	text-align: left;
	color:#FFFFFF;
	overflow: auto;
}
#footer a:link, #footer a:visited {
	color: #C7D2FF;
}
#footer a:hover {
	color:#F1F1FF;
}

#intro{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background-color:#59678a;
	background-image:url(../images/crashedearth.jpg);
	background-repeat:no-repeat;
	background-position:center;
	z-index:8;
	display: none;
}