/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

#content li { margin-left: 20px; }

html, body {
	text-align: center;
	font-size: 12px;
	font-family: "Century Gothic", verdana, arial, sans-serif;
	color: #acacac;
	line-height: 20px;
	background: #0e001d; }


	/*** FONT STYLES ***/	
	h1 { 
		font-size: 20px; 
		font-weight: normal;
		color: #fff;
		margin: 10px 0 10px 0;
		padding: 0 0 10px 0;
		text-transform: uppercase;
		background: url(../images/h1_bg.jpg) bottom left no-repeat; }
	
	a:link, a:visited { 
		color: #fff;
		text-decoration: none; }
		
		a:hover { text-decoration: underline; }
		
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 913px;
	margin: 0 auto; }
	
	/*** HEADER ***/
	#header {
		width: 913px;
		height: 280px;
		float: left; }

	/*** NAVIGATION ***/
	ul#nav { 
		width: 913px;
		height: 25px;
		float: left;
		margin: 0 0 10px 0;
		list-style: none; }
		
		ul#nav li { 
			float: left; 
			height: 25px; }
			
			a.home {
				width: 131px;
				height: 25px;
				display: inline-block;
				background: url(../images/nav_01_home.jpg) no-repeat 0px 0px; }
				
				a.home:hover {background: url(../images/nav_01_home.jpg) no-repeat 0px -25px; }
				
			a.theeus {
				width: 128px;
				height: 25px;
				display: inline-block;
				background: url(../images/nav_02_theEus.jpg) no-repeat 0px 0px; }
				
				a.theeus:hover {background: url(../images/nav_02_theEus.jpg) no-repeat 0px -25px; }
				
			a.officers {
				width: 127px;
				height: 25px;
				display: inline-block;
				background: url(../images/nav_03_officers.jpg) no-repeat 0px 0px; }
				
				a.officers:hover {background: url(../images/nav_03_officers.jpg) no-repeat 0px -25px; }
				
			a.events {
				width: 124px;
				height: 25px;
				display: inline-block;
				background: url(../images/nav_04_events.jpg) no-repeat 0px 0px; }
				
				a.events:hover {background: url(../images/nav_04_events.jpg) no-repeat 0px -25px; }
				
			a.photos {
				width: 123px;
				height: 25px;
				display: inline-block;
				background: url(../images/nav_05_photos.jpg) no-repeat 0px 0px; }
				
				a.photos:hover {background: url(../images/nav_05_photos.jpg) no-repeat 0px -25px; }
				
			a.sponsors {
				width: 136px;
				height: 25px;
				display: inline-block;
				background: url(../images/nav_06_sponsors.jpg) no-repeat 0px 0px; }
				
				a.sponsors:hover {background: url(../images/nav_06_sponsors.jpg) no-repeat 0px -25px; }
				
			a.contact {
				width: 144px;
				height: 25px;
				display: inline-block;
				background: url(../images/nav_07_contact.jpg) no-repeat 0px 0px; }
				
				a.contact:hover {background: url(../images/nav_07_contact.jpg) no-repeat 0px -25px; }
			
	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		width: 911px;
		min-height: 400px;
		float: left;
		border: 1px solid #272727;
		background: #080808;
		text-align: left; }
	
		/*** CONTENT INNER ***/
		#contentInner {
			width: 823px;
			float: left;
			margin: 9px;
			padding: 35px;
			background: #131313; }
	
			/*** SIDEBAR ***/
			#sidebar {
				width: 220px;
				min-height: 200px;
				float: left;
				margin: 0 30px 0 0; }
				
				/*** YOUR INPUT ***/
				#yourInput {
					width: 220px;
					float: left; }
					
					#yourInput p {
						margin-bottom: 10px; }
					
					form#yourInput {
						width: 220px; 
						float: left; }
						
						form#yourInput ul {
							list-style: none; }
							
							form#yourInput ul li {
								float: left;
								clear: both;
								margin: 0 0 5px 20px; }
								
								form#yourInput input {
									margin: 0 5px 0 0; }
									
								form#yourInput button {
									width: 73px;
									height: 24px;
									float: left;
									border: none;
									background: none;
									cursor: pointer;
									margin: 10px 0 0 15px; }
									
				/*** LINKS ***/
				ul#links {
					width: 220px;
					float: left;
					list-style: none;
					margin: 20px 0 0 0; }
					
					ul#links a {
						color: #acacac;
						text-decoration: none; }
						
						ul#links a:hover {
							color: #fff; }
	
			/*** CONTENT ***/
			#content {
				width: 570px;
				float: left; }
				
				
				/*** RECENT PHOTOS ***/
				#recentPhotos {
					width: 180px;
					float: right;
					margin: 0 0 30px 30px; }
				
					#recentPhotos img {
						width: 176px;
						float: left;
						border: 1px solid #fff;
						padding: 1px;
						background: #080808; }
		
			/*** CALENDAR ***/
			#calendar {
				width: 569px;
				float: right; }
				
			/*** PHOTO GALLERY ***/
			div#gallery { background: none; }
			
				div#gallery ul#galleryPhotos li { 
					position: relative;
					padding: 35px;
					float: left; }
			
				div#gallery ul#galleryPhotos li img {
					position: absolute;
					clip: rect(5px 80px 80px 5px);
					top: -5px;
					left: -33px; }
		
		
	/*** FOOTER ***/
	#footer {
		width: 913px;
		height: 73px;
		text-align: left;
		float: left;
		color: #fff;
		background: url(../images/footer_bg.jpg) top no-repeat; }
		
			#footer p { 
				font-size: 12px;
				color: #fff;
				margin: 10px 0 0 15px; }
				
				#footer p.nav a:link, #footer p.nav a:visited {
					text-decoration: none;
					color: #fff;
					margin: 0 15px 0 0; }
					
				#footer p.nav a:hover {
					text-decoration: underline; }

		#redcow {
			float: right;
			font-size: 12px;
			margin: 10px 10px 0 0; }
			
			#redcow a img {
				float: right;
				margin: 2px 0 0 15px; }


/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */