/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

*{
	margin:0;
	list-style: none;
	padding:0;
}


html,body {
	margin:0;
	padding:0;

	background:gray;
	
	font-family:arial,sans-serif;
	font-size:12px;
	color:#444;
	
		background-image: 
		url('wood.jpg');
		background-repeat: repeat;

}



html
	{
		


	
	
	
	}

h1{
	font-size:13px;
	font-weight:normal;
}

strong{
	color:#91232a;
}
h2{
	font-size:14px;
	color:#91232a;
}

a:link {color: #91232a}   
a:visited {color: #91232a} 


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 824px;
	background-image: url('shadow.gif');
		
		background-repeat: repeat-y;
	

}



div#content {
	padding:1em 1em 5em; /* bottom padding for footer */
}
	div#content p {
		text-align:justify;
		
	}









div#maincontent{
	
	position:static;
	margin-left:185px;
	width:602px;
}



div#mainimage
	{
		margin-top:20px;
		
		position: relative;
		background-color: #ccc;
		height: 323px;
		width: 603px;
		left: 0px;
		background-image: url('big_plane.jpg');
		background-repeat: no-repeat;
	}
	
	
	
	
	div#imagecontent
	{
		position: absolute;
		opacity: .6;
		filter: alpha(opacity=60);
		bottom: -1px;
		height: 65px;
		width: 603px;
		background-color: #fff;
		
	}
	
	h3#headline
	{
		position: absolute;
		color: #000;
		top: 10px;
		left: 10px;
		text-align: right;
		font-size: 28px;
	}
	
	
	h3#subheadline
	{
		position: absolute;
		color: #000;
		bottom: 10px;
		left: 10px;
		text-align: right;
		font-size: 10px;
	}
	
	
	p#imgby
	{
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	
	
	
	
div#help{
	float:left;
	width:430px;
	margin-top:10px;

}
	


.txtbox{

	margin-right:10px;
	margin-bottom:10px;
	background-color:#ededed;
	padding:10px;
}

#newmembers p{
	margin-bottom:5px;
}


#newmembers ul{
color:#91232a;
margin-left:10px;
margin-bottom:10px;
}


#flyingdays p{
	margin-bottom:5px;
}
#flyingdays ul {
margin-left:10px;
margin-bottom:10px;
}

#flyingdays li{
	
	margin-bottom:3px;
	
}

div#events{
	float:right;
	right:0px;
	margin-top:10px;
	
	background-color:#ededed;
	padding:10px;
	width:150px;
}





div#events p{
color:#91232a;
border-bottom: 1px solid;
margin-bottom:5px;
margin-top:10px;
}

/*content goes here END*/


a#logo
	{
		position: absolute;
		left: 120px;
		z-index:100;
	}
	

div#footer {
	position:absolute;
	height:40px;
	width:824px;
	left:0px;
	bottom:0px; /* stick to bottom */
	background-image: url('bottom.gif');
	background-repeat: no-repeat;
}
	
	
i.smallTitle {
font-size: 15px;

}

.clearthefloats {clear:both;}
	
	

	
	/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
	/* simply add the clearfix class to any containter that must enclose floated elements */
	/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
	.clearfix:after
	{
		content: ".";
		/* the period is placed on the page as the last thing before the div closes */
		display: block;
		/* inline elements don't respond to the clear property */
		height: 0;
		/* ensure the period is not visible */
		clear: both;
		/* make the container clear the period */
		visibility: hidden;
		/* further ensures the period is not visible */
	}
	
	.clearfix { display: inline-block; }
	
	/* a fix for IE Mac */
	/* next a fix for the dreaded Guillotine bug in IE6 */
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	
	/* End hide from IE-mac */
	/* end of "no-extra-markup" clearing method */