/* CSS Document */

.clearfix{
	clear: both;
}	

ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

a{
	color: #cbdae9;
	text-decoration: none;
}

a:hover{
	color: #ffffff;	
}

h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
}

h1#page_title{
	display: block;
	border-bottom: 2px solid #6b849d;
}

body{
	background:url(../images/mainBg.png) #0d1116 top left repeat-x;
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6b849d;
	text-align: center;
}

#outer_wrapper{
	background:url(../images/topper.jpg) transparent top center no-repeat;
	text-align: left;
}

#inner_wrapper{
	display: block;
	margin: 0 auto;
}

	#topper{
		display: block;
		height: 250px;
		width: 100%;
	}
	
		#logo{
			display: block;
			height: 200px;
		}
		
		#top_navigation{
			border-top: 1px solid #27394b;
			border-bottom: 1px solid #0a0d11;
			display: block;
			height: 48px;
			background: url(../images/top_nav_bg.gif) transparent top center repeat-x;
			text-align: center;
		}
		
			#top_navigation ul li{
				display: inline;
				font-family: Century Gothic;
				font-variant:small-caps;
				font-size:24px;
				font-weight: bold;
			}
			
			#top_navigation ul li a
	
	#content_wrapper{
		display: block;
		width: 100%;
		background: url(../images/content_bg.gif) #0d1116 top center repeat-x;
	}
		
		#content{
			display: block;
			width: 900px;
			margin: 0 auto;
			background: url(../images/main_content_bg.png) transparent top center repeat-y;
		}
		
			#left_content{
				display: block;
				float: left;
				width: 570px;
				margin-left: 65px;
				padding-top: 5px;
			}
			
			#right_content{
				display: block;
				float: right;
				width: 180px;
				margin-right: 65px;
				padding-top: 5px;
			}
		
	#footer{
		display: block;
		width: 100%;
		text-align: center;
		border-top: 2px solid #0d1116;
		background: url(../images/top_nav_bg.gif) transparent top center repeat-x;
		height: 40px;
	}