body,html {
	background: #000;
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	height: 100%;
	background: black url("images/body_span.gif") repeat-y center ;
	min-width:990px;
}

img {
	border: 0;
}

a {
	color: #ffe580;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* frees up the body tag to have another background image */
#tile {
	height: 100%;
	background:  url("images/back_span.gif") repeat-x;
}

/* this is just for horizontal alignment */
#container {
	
	width: 990px;
	height:100%;
	text-align: left;
	margin: auto auto;
}

#header {
	padding: 5px 0 0 0;
	height: 55px;
	width: 971px;
	border-bottom: 1px solid #000;
	background: url("images/header_span.gif") no-repeat bottom right;
}

	#logo {
		position: absolute;
		display: block;
		height: 55px;
		width: 482px;
		text-indent: -3000px;
		background: #244732 url("images/logo.gif") no-repeat 0px 0px;
		padding: 0;
		margin: 0;
	}
	
	#header ul {
		list-style: none;
		float: right;
		margin: 0;
		height: 53px;
		padding: 2px 1px 0 240px;
	}
	
	#header li {
		display: block;
		float: left;
		z-index: 100;
		border-left: 1px solid #ffe580;
		height: 12px;
		font: 12px Arial, Helvetica, sans-serif;
		padding: 0 6px 2px 6px;
	}
	
	#header li.first {
		border-left: 0;
	}
	
	#header li a {
		color: #ffe580;
		text-decoration: none;
	}
	
	#header li a:hover {
		text-decoration: underline;
	}
	
#main_image {
	padding: 0 5px 0 0;
	margin: 0;
	width: 975px;
	background: url("images/main_image_span_r.gif") no-repeat top right;
}

	#main_image img {
		padding-left: 10px;
		/*background: url("images/main_image_span_l.gif") no-repeat top left;*/
	}
	
	#corner {
		position: absolute;
		top: 0;
		left: 0px;
	}

#content_container {
	padding: 0 0 0 0px;
	width: 968px;
	height:auto;
	margin: 0 0 0 11px;
	position: relative;
	/*background: transparent url("images/body_span.gif") repeat-y -10px ;*/
}

#content {
	padding: 5px 10px 15px 13px;
	width: 696px;
	margin-top: 10px;
	float: left;
	color:#FFF;
}

	#content h1 {
		font-size: 18px;
		color: #ffe580;
	}
	
	#content h2 {
		font-size: 14px;
		color: #ffe580;
	}
	
	#content h3 {
		font-size: 12px;
		color: #ffe580;
	}

	#content ul {
		/*
		padding-left: 15px;
		margin-left: 0;
		*/
	}

	#content ul.thumb {
		margin: 0 10px 0 10px;
		padding: 5px;
	}
	
	#content ul.thumb li {
		float: left;
		display: block;
		padding: 6px;
		width: 120px;
		text-align: center;
	}
	
	#content ul.thumb2 {
		margin: 0 10px 0 25px;
		padding: 5px;
	}
	
	#content ul.thumb2 li {
		float: left;
		display: block;
		padding: 8px 12px 7px 10px;
		margin: 15px;
		width: 160px;
		text-align: center;
		background: none;
	}
	
	#content .thumb2 img {
		border: 1px solid #000;
	}

	#content label, #content textarea {
		display: block;
		margin: 3px 0 3px 0;
	}

#sidebar {
	float: right;
	width: 239px;
	padding: 15px 0 10px 10px;
	clear: right;
	font-weight:bold;
	font-size:13px;
	color:#CCC;
}

	#sidebar ul {
		margin: 0 0 0 10px;
		padding: 0;
		list-style: none;
	}
	
	#sidebar ul li {
		margin: 3px 0 3px 0;
	}
	
	#sidebar a {
		color: #ffe580;
	}

#clear {
	clear:both;
}

#footer {
	clear: both;
	padding: 10px;
	/*border-top: 1px solid #666;*/
	/*border-right: 251px solid #000;*/
	width: 699px;
	color: #8a8a8a;
}
