html,body{height:100%;width:100%;}

body { 
		FONT-SIZE: 10pt;
		FONT-FAMILY: arial;
		margin:0px;
		text-align:center;
		min-height:506px;/* for good browsers*/
		min-width:780px;/* for good browsers*/
		
		}

form {
	margin:auto;

}		
	
a:link,a:visited{
		color:#402d12;
		font-weight:bold;
		text-decoration:none;
		}
a:hover{
		color:#ffffff;
		}

.container {
		width: 782px;
		height:680px;
		background-image: url(img/background.jpg);
		background-repeat:repeat;
		padding:0px;
		text-align: left;
		margin-left:auto;
		margin-right:auto;
		border:0px solid #ffcc00;
		float:left;
		
	
		}
			
			
.set_z{

	z-index: -2;

}

	
.imgheader {
		float:left;
		width:100%;
		background-image: url(img/header.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin-left:auto;
		margin-right:auto;
		border:0px solid #00ff00;
		}
		
.colum1 {
		float:left;
		width:180px;
		padding:0px;
		padding-top:220px;
		padding-left:20PX;
		margin-left:auto;
		margin-right:auto;
		border:0px solid #0000ff;
		}

.colum2 {
		float:left;
		width:510px;;
		padding-left:20px;
		padding-right:20px;
		padding-top:10px;
		margin-left:auto;
		margin-right:auto;
		border:0px solid #CC3333;
		
		}

.colum3 {
		float:left;
		width:130px;
		padding:0px;
		padding-top:220px;
		padding-left:30px;
		margin-left:auto;
		margin-right:auto;
		border:0px solid #0000ff;
		}

.menu{
		list-style:none;
		margin:0px;
		padding:0px;		
		width:100%;
}
.menu ul {
		
}
.menu li a:link, .menu li a:visited{
		text-decoration: none;
		font-weight:bold;
		font-size:11px;
		color:#402d12;
		padding:8px;
		display:block;
		height:15px;
		border-top:1px dashed #333;
		padding-left:25px;

}
.menu li a:hover{
		color: #fff;
		background-color:#402d12;
}

.title{
	font-family: "Microsoft Sans Serif", "Times New Roman";
	font-size:50px;
	color:#402d12;
	line-height: 38px;
	padding-top:20px;
	padding-bottom:10px;
	width:450px;
	border:0px dashed #333;
	margin-bottom:2px;
	}

.author{
	font-size:11px;
	font-weight:bold;
	color:#402d12;
	text-align:left;
	margin-bottom:20px;
	}

select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#402d12;
	background-color:#E7D8A9;
	border:#402d12 solid thin;

}
.selectstory{
		border:1px dashed #333;
		padding:5px;
		width:350px;
		text-align:center;
		background-color:#E7D8A9;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#402d12;
		font-weight:bold;
}

.brownbox{
		border:1px dashed #333;
		padding:5px;
		width:480;
		text-align:left;
		background-color:#E7D8A9;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#402d12;
		font-weight:bold;
		padding:10px;
}
/*.text{
	width:520px;
	height:400px;
	color:#402d12;
	line-height: 20px;
	overflow:auto;
	margin-top:20px;
	border:0px dashed #333;
	}*/



.scroll-pane {
	border:0px dashed #333;
	width: 550px;
	height: 480px;
	overflow: auto;
/*	background: #ccc*/
	float: left;	
	color:#402d12;
	line-height: 20px;;
	scrollbar-face-color: #402d12; scrollbar-3dlight-color: #E7D8A9; scrollbar-base-color: #E7D8A9;
	scrollbar-track-color: #E7D8A9; scrollbar-darkshadow-color: #fff; scrollbar-arrow-color: #fff;
	scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff;	
	padding-right: 10px;
	
}

.photos{
	border:10px #FFFFFF solid;
	margin-right:10px;
	float:left;

}

.special_event{
	width:218px;
	border:0px #FFFFFF solid;
	padding:0px;
	color:#FFFFFF;
	margin-right:10px;
	float:left;
	background-color:#a36506;
	background-image:url(img/special_event.gif); 
	background-position:top;
	background-repeat:no-repeat;
	padding-top:25px;
	padding-bottom:10px;
}
.special_content{
	padding:3px;
	padding-left:15px;

}