/**
 * 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{
	
	margin-top:20px;
	
	font-size:16px;
	color:#91232a;
	font-weight:bold;
}

strong{
	color:#91232a;
}
h2{
	font-size:14px;
	color:#91232a;
	font-weight:normal;
	/*margin-bottom:10px;*/
}

p a:link {color: #91232a}  
p a:visited {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;
	

}

.lightRed {
	color:#91232a;
}

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

/*history page*/
#rightsideimages{
	position:static;
	float:right;
	margin-left:10px;
	border-left: 1px solid #91232a;
	padding-left:10px;
	width:150px;
}


#rightsideimages img{
	position:static;
	margin-right:5px;
	
	padding : 1px;
	margin-bottom:10px;
	height : 150px; 
	width : 150px;
	border : 1px solid #ccc;
	
}

/*end history page*/

/*map pages*/

#mapimages img{
	position:static;
	margin-right:5px;
	
	padding : 1px;
	margin-bottom:10px;
	height : 347px; 
	width : 435px;
	outline : 1px solid #ccc;
}
	


/*end map pages*/



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



div#contentTextArea{
	
	margin-bottom:10px;
	background-color:#ededed;
	padding:10px;
}
	
div#contentTextArea p {
	margin-bottom:10px;
	

}
	
	
	
	
	
	
	
	
	
.linklist{
	margin-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	
 
}

.linklist li {
		margin-bottom:5px;
}






.linklist li a:link{
	color: #91232a;
	text-decoration: none;

	}

.linklist li a:visited{
	color: #91232a;
	text-decoration: none;

	}


.linklist li a:hover{
text-decoration: underline;
}




/*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;
}
	
#flashcontent{
    min-height:200px;
}
	

.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 */