@charset "utf-8";
/*
 * @author Brandon Wamboldt/Northern Lights Technology
 */

body {
	background-color:black;
	margin:0;
	padding:0;
	height:100%;
}

a {
	outline:none;	
}

.center {
	text-align:center;	
}

#catch {
	width:100%;
	height:100%;
	z-index:1500;
	position:fixed;
	left:0;
	top:0;
}

#sponsor-container {
	z-index:1501;
	position:absolute;
	top:46px;
	left:50%;
	padding-left:363px;
	display:none;
}

	#sponsor-container #sponsor-menu {
		z-index:1501;
		background:#282828;
		border:solid 1px #171717;
		padding:1px;
	}
	
		#sponsor-container #sponsor-menu a {
			display:block;
			line-height:24px;
			padding-left:10px;
			padding-right:10px;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			color:orange;
			text-decoration:none;
		}
		
		#sponsor-container #sponsor-menu a:hover {
			display:block;
			background:#3E3E3E;
		}
		
#links-container {
	z-index:1502;
	position:absolute;
	top:46px;
	left:50%;
	padding-left:332px;
	display:none;
}

	#links-container #links-menu {
		z-index:1502;
		background:#282828;
		border:solid 1px #171717;
		padding:1px;
	}
	
		#links-container #links-menu a {
			display:block;
			line-height:24px;
			padding-left:10px;
			padding-right:10px;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			color:orange;
			text-decoration:none;
		}
		
		#links-container #links-menu a:hover {
			display:block;
			background:#3E3E3E;
		}

#container {
	width:800px;	
	margin:auto;
	position:relative;
	top:0;
	left:0;
	z-index:1500;
}

	#container #banner {
		background-image:url('../images/banner.jpg');
		height:314px;
		width:800px;
		position:absolute;
		top:145px;
		left:0;
		font-family:"Century Gothic", Arial, Helvetica, sans-serif;
		color:white;
	}
	
		#container #banner div {
			width:220px;
			padding-top:65px;
			margin-left:524px;
			height:249px;
			overflow:none;
			display:none;
		}
			
			#container #banner div .orange {color:#E98315;}
			#container #banner div h2 {margin:0;padding:0;font-size:18px;font-weight:normal;}
			#container #banner div p {font-size:14px;}
		
	#container #logo {
		width:291px;
		height:144px;
		background-image:url('../images/logo.jpg');
		display:block;
		z-index:1503;
		position:absolute;
		top:0;
		left:0;
	}
	
		#container #logo span {display:none;}
	
	#container #sponsor-link {
		position:absolute;
		top:46px;
		left:732px;
		background-image:url('../images/medal-button.jpg');
		width:31px;
		height:56px;
		cursor:pointer;
		z-index:1501;
	}
	
	#container #menu-link {
		position:absolute;
		top:46px;
		left:690px;
		background-image:url('../images/star-button.jpg');
		width:42px;
		height:56px;
		cursor:pointer;
		z-index:1501;
	}
	
	#container #top-pattern {
		background-image:url('../images/top-pattern.jpg');
		width:800px;
		height:145px;
	}
	
	#container #links {
		width:739px;
		height:175px;
		background-image:url('../images/links.jpg');
		position:absolute;
		top:459px;
		left:30px;
		z-index:1501;
	}
	
		#container #links .link {
			width:359px;
			height:62px;
			display:block;
			position:absolute;
		}
			
			#container #links .link span {display:none;}
		
		#container #links .link-1 {
			top:30px;
			left:0;
		}
		
		#container #links .link-2 {
			top:30px;
			left:380px;
		}
		
		#container #links .link-3 {
			top:113px;
			left:0;
		}
		
		#container #links .link-4 {
			top:113px;
			left:380px;
		}
		
	#container #content {
		position:absolute;
		top:719px;
		left:0;	
		z-index:1501;
	}
	
		#container #content #text {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:white;
			border:solid 1px #E98315;
			padding:20px;
		}
			
			#container #content #text h1,h2,h3,h4,h5,h6 {color:#C49400;}
			#container #content #text a {border-bottom:dotted 1px #C49400;color:#C49400;}
			#container #content #text a:hover {border-bottom:solid 1px #C49400;color:white;}
	
		#container #content .spacer {
			width:739px;
			height:15px;
			background:url('../images/spacer.jpg');
		}
		
			#container #content .spacer hr {display:none;}
			
		#container #content #footer {
			color:#666;
			font-size:12px;
		}
		
			#container #content #footer #footer-left {
				width:400px;
				float:left;
				text-align:left;
			}
		
			#container #content #footer #footer-right {
				width:400px;
				floaT:left;
				text-align:right;
			}