/* CSS Screen = for layout purposes only */

* {
font-size: inherit;
margin: 0;
padding: 0;
}

body {
background:#20232c;
font-size: 100%;
margin: 10px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, form {
font-size: 1em;
line-height: 150%;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
}

/* ABC */

#banner {
float:left;
width:760px;
height:98px;
}

#events {
float:left;
width:420px;
height:170px;
}

		#events ul {
		list-style:none;
		margin-top:7px;
		}
		
		#events li {
		color:white;
		font-size:0.7em;
		line-height:100%;
		margin-bottom:5px;
		}

		#events p {
		color:white;
		font-size:0.8em;
		float:left;
		}

#frame{
background: url(../images/bg_body.jpg) top left no-repeat;
float: left;
left: 50%;
margin-left: -380px;
margin-top:30px;
position: absolute;
width: 760px;
}

#gallery {
float:left;
width:340px;
height:170px;
}
		#gallery p {
		color:white;
		font-size:0.8em;
		float:left;
		margin-left:65px;
		}
		
		#gallery a {
		color:white;
		text-decoration:none;
		}
		
	#gallery_more {
	background: url('../images/arrow.jpg') top left no-repeat;
	color: #1D252F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	height: 16px;
	position: absolute;
	right: 18px;
	text-indent: -5000px;
	top: 320px;
	text-decoration: none;
	width: 18px;
	}

#image {
float:left;
width:420px;
}

#nav {
background:url(../images/bg_nav.png) top left no-repeat;
float:left;
width:760px;
height:20px;
}

		#nav ul {
		margin-left:430px;
		float:left;
		margin-top:0px;
		}

		#nav ul li {
		color:white;
		display:block;
		float:left;
		font-size:0.7em;
		font-weight:lighter;
		margin-left:10px;
		}
		
		#nav li a {
		color:white;
		text-decoration:none;
		}
		
		#nav li a:hover {
		color:#8e0020;
		}

#text {
float:left;
width:340px;

}

		#text p {
		color:white;
		font-size:0.8em;
		margin-left:65px;
		line-height:105%;
		margin-right:15px;
		}
		
		#text h1 {
		color:white;
		font-size:0.8em;
		margin-left:65px;
		margin-bottom:6px;
		text-transform:uppercase;
		}
		
		#text a {
		color:#8e0020;
		text-decoration:none;
		}

#thumbs {
float:left;
width:420px;
height:230px;
margin-top:2px;
}

		#thumbs img {
		float:left;
		margin-right:3px;
		margin-bottom:3px;
		}

#wrapper_top {
background:#918da4;
float:left;
width:760px;
/*height:220px;
overflow:hidden;*/
border-bottom:10px solid white;
}

#wrapper_bottom {
background:url(../images/bg_wrapperbottom.png) top left no-repeat;
float:left;
width:760px;
height:170px;
}



/* CLASSES */

.border {
border:1px solid black;
}

.more {
background:url(../images/arrow_dots.png) center left no-repeat;
padding-left:25px;
margin-top:3px;
height:20px;
padding-top:7px;
color:white;
display:block;
}

.more a {
color:white;
text-decoration:none;
}

.fleft {
float:left;
margin: 10px, 10px, 20px, 0;
}

.fright {
float:right;
margin: 10px, 0, 20px, 10px;
}

.handyes {
display: none;
}