/* CSS Document */

/*------------------ POSITIONING DIVS -----------------------*/
/*TEMPLATE 1*/

body {
background-color: #ccd8b0;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
background-image: url(Image/background-large.jpg);
background-repeat: repeat;
}

#pagecontainer {
position: relative;
margin: 0 auto;
width: 905px;
min-height: 800px;
text-align: left;
}

#masthead {
position: absolute;
top: 0;
left: 0;
width: 905px;
height: 120px;
background-image: url(Image/masthead.jpg);
background-repeat: no-repeat;
cursor: pointer;
}


#printmasthead {
display: none;
}

#detail {
position: absolute;
top: 120px;
left: 0;
width: 905px;
height: 530px; /* this line for IE6 */
}

	#imagearea {
	position: relative;
	float: left;
	width: 462px;
	height: 530px; /* this line for IE6 */
	}
	
	/* the following three statements control mootools horizontal slider */
	#container{
		width: 402px; /* width visible area */
		height: 90px;
		margin-top: 24px;
		overflow: auto;
		overflow: hidden;
		background-color: #86b564;
	}
	 
	.main-content {
		width: 800px; /* width total area */
		padding-top: 9px;
		padding-bottom: 0px;
		padding-left: 2px;
		padding-right: 5px;
		height: 70px; /* must equal height above including any padding/margin/border */
	}
	
	.section{
		margin:0 0 0 0;
		width:	800px; /* width total area */
		float:	left;
	}
	
	/* end mootools styling */
	
	#textarea {
	position: relative;
	float: left;
	width: 443px;
	height: 610px; 
	background-color: #FFFFFF;
	background-image: url(Image/imagearea-right.jpg);
	background-repeat: repeat-y;
	background-position: right;
	}
		
	#textareatext {
	position: relative;
	float: left;
	width: 308px;
	padding: 10px;
	padding-top: 0px;
	height: 580px; 
	overflow: auto;
	}
	
	#textarea-bottom {
	position: relative;
	width: 443px;
	height: 29px;
	background-image: url(Image/textarea-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	}

	#menu {
	position: relative;
	float: left;
	width: 100px;
	height: 500px;
	background-color: #FFFFFF;
	border-right: 1px solid #7c1e2c;
	}


	
.clear {
clear: both;
}


#footer {
position: relative;
width: 905px;
height: 30px;
background-color: #86b564;
margin-top: 10px;
}