/* Hope in the Dark - Styles */


/* BODY ELEMENTS
---------------------------------------------------------------------------------------------------- */

body {
	background-color: #191004;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}



/* HYPERLINKS & LISTS
---------------------------------------------------------------------------------------------------- */

a:link, a:visited {color: #99cccc; text-decoration: underline;}

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

h1 a:link, h1 a:visited {color: #ffb436; text-decoration: none;}

h1 a:active, h1 a:hover {color: #99cccc; text-decoration: none;}


li {
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 30px; 
	padding: 0px; 
	}

img {border: 0px;}



/* TYPOGRAPHY
---------------------------------------------------------------------------------------------------- */

h1 {
	font-family: "Georgia", serif;
	font-size: 16px;
	font-weight: italics;
	color: #99cccc;
	display: inline;
	margin: 14px;
	}
	
	

/* LAYOUTS
---------------------------------------------------------------------------------------------------- */


#hello {
	width:700px; 
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	padding: 0px;
	}
	
#introPage {
	position: absolute;
	margin-left: auto; 
	margin-right: auto;
	z-index: -1;
	width:700px; 
	height: 100%;
	border-left: 1px solid #705936;
	border-right: 1px solid #705936;
	padding: 0px;
	}

#container {
	position:absolute; 
	top: 50%; 
	left: 50%; 
	width:700px; 
	height:600px;
	margin-left: -350px; 
	margin-top: -300px;	
	}

#header {
	background-image: url("/_new/x/HITD_header.gif");
	width: 700px;
	height: 125px;
	margin-left: auto;
	margin-right: auto;
	}

#slideshow {
	width: 700px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFB635;
	}

#flashcontent {
	}
	
	
#player {
	width: 700px;
	height: 125px;
	margin-left: auto;
	margin-right: auto;
	}




/* INTERIOR PAGE LAYOUTS
---------------------------------------------------------------------------------------------------- */


#page {
	width:700px; 
	background-color: #241809;
	border-left: 1px solid #705936;
	border-right: 1px solid #705936;
	border-bottom: 1px solid #705936;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	padding: 0px;
	}

#inHeader {
	background-image: url("/_new/x/HITD_inHeader.jpg");
	width: 700px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
	}

#navigation {
	width: 700px;
	height: 50px;
	border-top: 2px solid #705936;
	}

#inBody {
	font-family: "Lucida Grande", Verdana, san-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #f7e8c4;
	width: 620px;
	margin-left: 40px;
	margin-top: 30px;
	margin-bottom: 40px;
	text-align: left;
	}

.floatL {
	float: left;
	padding: 0px;
	border: 5px solid #f7e8c4;
	margin: 0 20px 10px 10px;
	}


.floatR {
	float: right;
	padding: 0px;
	border: 5px solid #f7e8c4;
	margin: 10px 20px 10px 10px;
	}


#inFooter {
	width: 700px;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}