html { 
	margin: 0; 
	padding: 0; 
	height: 100%; 
} 
div, table, tr, td, img{
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
}
body {
	font-family: arial, geneva, sans; font-size: 11px; color: #fff;
	text-align:center;
	padding:0px;
	border: 0px;
	margin: 0px;
	height: 100%;
	background-color:#71C51F;
}

a {
	border:0;
	font-family: arial, geneva, sans; font-size: 11px; color: #333;
	text-decoration:none;
}

h5 {
	padding:0;
	margin:0 0 15px 0;
	border:0;
	font-family: arial, geneva, sans; font-size: 12px; color: #333;
	font-weight:bold;
}

ul, li {
	margin-left:10px;
	padding-left:0px;
}
li {
	margin-bottom:2px;
}
p{
	margin:0 0 12px 0;	
}




html, body { min-height: 100%; width: 100%; height: 100%;}
html>body, html>body { height: auto;}

.intro {
	width:500px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border: 0px;
	position:relative;
	top:100px;
}

.menu1 {
	width:920px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border: 0px;
	position:relative;
	top:20px;
}
.menu2 {
	width:100%;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border: 0px;
	position:relative;
	top:20px;
}
.bodyindex {
	background-color: #DE2A57;
}

#topframe {
	width:100%;
	background-color: #DE2A57;
}
#top {
	margin:0px auto;
	width:820px;
	height:60px;
	background-color: #DE2A57;
}
#logo {
	margin-top:6px;
	float:right;
	width:153px;
}

#header {
	margin-top:0px;
	height:69px;
	background: url(images/bgtexture2.gif) repeat-x;
}
#menu {
	margin:0px auto;
	width:820px;
	height:78px;
	position:relative;
}
#animation {
	position: relative; left: 0px; top:60px;
}
#animationslideshow {
	position: relative;
	width: 500px;
	height: 395px;
	padding: 0px;
}
#animationslideshow div {
	position: absolute;
	width: 500px;
	top: 0px;
	left: 0px;
	text-align: center;
}
.schools {
	position:absolute;
	left:147px;
	top:-57px;	
}
.illumination {
	position:absolute;
	left:411px;
	top:-47px;	
}
.events {
	position:absolute;
	left:278px;
	top:-27px;
	z-index:1;
}
.aboutus {
	position:absolute;
	left:545px;
	top:-37px;
	z-index:1;		
}
.climbingwalls {
	position:absolute;
	left:19px;
	top:-17px;
}
.contact {
	position:absolute;
	left:675px;
	top:-7px;
}

#folder {
	margin:10px auto;
	display:block;
	width:500px;
	height:395px;
	position:relative;
	background-color:#DE2A57;
	
}
#postcard {
	margin:10px auto;
	display:block;
	background-color:#fafafa;
	width:820px;
	height:500px;
	color:#333;
	border:1px solid #ccc;	
	position:relative;
}
#slideshow {
	position: relative;
	width: 360px;
	height: 360px;
	padding: 0px;
}
.slides {
	position:absolute;
	top:105px;
	left:25px;
	width:360px;
	height:360px;
	vertical-align:middle;
}
#slideshow div {
	position: absolute;
	width: 360px;
	top: 0px;
	left: 0px;
	text-align: center;
}
.address {
	position:absolute;
	top:165px;
	left:50px;
	width:330px;
	height:360px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.address a{
	font-size:14px;
	font-weight:bold;
	color:#000;
}
.address a:hover{
	text-decoration:underline;
}

.divider {
	position:absolute;
	top:30px;
	left:410px;
	height:440px;
	width:1px;
	background: url(images/divider.gif);
}
.stamp {
	position:absolute;
	top:15px;
	left:720px;
	height:95px;
	width:75px;
	border:1px solid #333;
}
h1.header {
	position:absolute;
	top:15px;
	left:25px;
	font-family: arial, geneva, sans; font-size: 20px; color: #333;
}
h2.header {
	position:absolute;
	top:40px;
	left:25px;
	font-family: arial, geneva, sans; font-size: 16px; color: #777;
	font-weight:normal;
}
.submenu {
	position:absolute;
	top:60px;
	left:435px;
	font-family: arial, geneva, sans; color: #333;
	font-weight:bold;
	text-align:left;
}
.submenu a {
	font-size: 11px; 
	padding-right:1px;
	color:#333;
}
.submenu a:hover {
	text-decoration:underline;
}
.submenu a.on {
	background-color:#eee;
	color:#4F950B;
}

#container {
        margin:0;
        padding:0;
        border:0;
	position:absolute;
	top:125px;
	left:435px;
	width:350px;
	height:350px;
	overflow: hidden;
	text-align:left;
}

#content {
	position: relative; 
	top:0px; 
	left: 0px;
	width: 340px;
	text-align:left;
}
#scrollArea {
	position: absolute; 
	left: 785px; 
	top: 130px;
	height		: 340px;
	width		: 10px;
	border		: 1px solid #666;
	overflow	: hidden;
}

#scroller {
	position: absolute; 
	top: 0px; 
	left:0px;
	width		: 10px;
	background	: #AAA;
	border-top	: 1px solid #666;
	border-bottom	: 1px solid #666;
}

#content a {
	font-weight:bold;
	color:#4F950B;
}

#content a:hover {
	color:#333;
	text-decoration:underline;
}


textarea {
	color: #000000;
	font-size: 8pt;
	font-family:"Arial", "Helvetica", sans-serif;
	font-weight:normal;
	text-decoration: none;
	background-color:#ffffff;
	display: block;
	width: 220px;
	height: 80px;
	padding: 2px,0px,3px,2px;
	border:1px solid #666;
}

input {
	color: #000000;
	font-size: 8pt;
	font-family:"Arial", "Helvetica", sans-serif;
	font-weight:normal;
	text-decoration: none;
	background-color:#ffffff;
	display: block;
	width: 220px;
	height: 18px;
	padding: 2px,1px,2px,2px;
	border:1px solid #666;
}


.submit {
	color: #000000;
	font-size: 8pt;
	font-family:"Arial", "Helvetica", sans-serif;
	font-weight:normal;
	text-decoration: none;
	background-color:#ffffff;
	display: block;
	width: 80px;
	height: 18px;
	padding: 2px,1px,2px,2px;
	border:1px solid #666;
}
.hidden {
    display: none;
}


.field {
	display:block;
	clear:both;
	height:28px;
}
.textareafield {
	display:block;
	clear:both;
	height:90px;
}
.fieldName {	
	float:left;
	width:80px;
}

.fieldInput {
	float:right;
	width:240px;
}

#footer {
	clear: both; 
	height: 20px; 
	position: absolute; 
	bottom: 0; left: 0; 
	border: none; 
	width: 100%;
	text-align:right;
	vertical-align:middle;	
}

#footer span.wdg {
	font-family: arial, geneva, sans; font-size: 9pt; color: #fff;
	padding-right:4px;
}
#footer a.wdg {
	font-family: arial, geneva, sans; font-size: 9pt; color: #fff;
	text-decoration:none;
}
#footer a.wdg:hover {
	font-family: arial, geneva, sans; font-size: 9pt; color: #fff;
	text-decoration:none;
}