html {
	margin: 0;
	padding: 0;
}

body {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	
	background-image: url(Assets/bg-moon-earth.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: black;
	
	margin: 0;
	padding: 0;
}

h1 {
	font-family: Georgia, Times, serif;
	color: white;
	font-size: 20pt;
	line-height: 22pt;
}

h2 {
	font-family: Georgia, Times, serif;
	color: white;
	font-size: 16pt;
	line-height: 20pt;
}

p {
	font-family: Verdana, Arial, sans-serif;
	color: white;
	font-size: 12pt;
	line-height: 15pt;
}

.serif {
	font-family: Georgia, Times New Roman, serif;
}

p.firstLetter:first-letter {
	font-family: Georgia, Times, serif;
	font-size: 38pt;
}

.indent {
	margin-left: 1.6em;
	margin-right: .5em;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

a {
	font-family: Verdana, Arial, sans-serif;
	color: white;
	text-decoration: underline;
}

a:visited {
	color: #999;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #666;
}

ul {
	font-family: Verdana, Arial, sans-serif;
	color: white;
	font-size: 12pt;
	line-height: 16pt;

	list-style-type: none;
}

ul li {
	list-style-type: none;
}

div#title {
	position: absolute;
	left: 204px;
	top: 10px;
	width: 586px;
	height: 144px;
}

div#nav {
	position: absolute;
	left: 40px;
	top: 146px;
		
	width: 114px;
}

div#nav ul {
	margin: 0px;
	padding: 0px;
}

div#nav li {
	list-style: none;	
	float: left;
}

	#home {
		float: left;
		
		width: 114px;
		height: 29px;
		
		background-image: url(Assets/Buttons/home.gif);
		background-repeat: no-repeat;
	}
	
	#home:hover {
		background-image: url(Assets/Buttons/home_2.gif);
		background-repeat: no-repeat;
	}
	
	#tickets {
		float: left;
		clear: left;
		
		width: 114px;
		height: 29px;
		
		background-image: url(Assets/Buttons/tickets.gif);
		background-repeat: no-repeat;
	}
	
	#tickets:hover {
		background-image: url(Assets/Buttons/tickets_2.gif);
		background-repeat: no-repeat;
	}
	
	#backstory {
		float: left;
		clear: left;
		
		width: 114px;
		height: 21px;
		
		background-image: url(Assets/Buttons/backstory.gif);
		background-repeat: no-repeat;
	}
	
	#backstory:hover {
		background-image: url(Assets/Buttons/backstory_2.gif);
		background-repeat: no-repeat;
	}
	
	#about {
		float: left;
		clear: left;
		
		width: 79px;
		height: 29px;
		
		background-image: url(Assets/Buttons/about.gif);
		background-repeat: no-repeat;
	}
	
	#about:hover {
		background-image: url(Assets/Buttons/about_2.gif);
		background-repeat: no-repeat;
	}
	
	#cast {
		float: left;
		clear: left;
		
		width: 114px;
		height: 29px;
		
		background-image: url(Assets/Buttons/cast.gif);
		background-repeat: no-repeat;
	}
	
	#cast:hover {
		background-image: url(Assets/Buttons/cast_2.gif);
		background-repeat: no-repeat;
	}
	
	#crew {
		float: left;
		clear: left;
		
		width: 114px;
		height: 26px;
		
		background-image: url(Assets/Buttons/crew.gif);
		background-repeat: no-repeat;
	}
	
	#crew:hover {
		background-image: url(Assets/Buttons/crew_2.gif);
		background-repeat: no-repeat;
	}
	
	#script {
		float: left;
		clear: left;
		
		width: 114px;
		height: 35px;
		
		background-image: url(Assets/Buttons/script.gif);
		background-repeat: no-repeat;
	}
	
	#script:hover {
		background-image: url(Assets/Buttons/script_2.gif);
		background-repeat: no-repeat;
	}
	
	#donate {
		float: left;
		clear: left;
		
		width: 114px;
		height: 25px;
		
		background-image: url(Assets/Buttons/donate.gif);
		background-repeat: no-repeat;
	}
	
	#donate:hover {
		background-image: url(Assets/Buttons/donate_2.gif);
		background-repeat: no-repeat;
	}
	
	#pol {
		float: left;
		clear: left;
		
		width: 114px;
		height: 32px;
		
		background-image: url(Assets/Buttons/poloniusbot.gif);
		background-repeat: no-repeat;
	}
	
	#pol:hover {
		background-image: url(Assets/Buttons/poloniusbot_2.gif);
		background-repeat: no-repeat;
	}

div#main {
	position: absolute;
	top: 144px;
	left: 202px;
	width: 600px;
	height: 70%;
	
	border: black 2px solid;
	background-image: url(Assets/bg-moon-earth-text.jpg);
	background-repeat: no-repeat;
}

div#text {
	position: absolute;
	width: 588px;
	height: 95%;
	
	margin: 8px;
	overflow: auto;
	
	scrollbar-3dlight-color: white;
    scrollbar-arrow-color: white;
    scrollbar-base-color: black;
    scrollbar-darkshadow-color: black;
    scrollbar-face-color: black;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: black;
}