BODY {background-image: url('/images-green/background.gif'); background-color:#336633; margin-top: 25px; margin-bottom: 25px; margin-left: 25px; margin-right: 25px; scrollbar-face-color: #336633; scrollbar-highlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-3dlight-color: #C0C0C0; scrollbar-shadow-color: #808080; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #336633;}

html {overflow: -moz-scrollbars-vertical;}

/* ----------- [ PAGE WRAPPER ] ---------- */
div#pagewrapper {
	display: block;
	margin: 0 auto;	
	width: 900px;
	background-image: url('/images-green/background_wrapper.gif');
	height: auto;
}

/* ----------- [ HEADER ] ------------*/
div#headerwrapper {
	background-image: url('/images-green/background_header.gif');
	width: 900px;
	height: 101px;
	display: block;
	clear: both;		
}
div#headerleft {
	display: block;
	float: left;
	width: 220px;			
	text-align: left;
	padding: 17px 0px 0px 70px;		
}
div#headerright {
	display: block;
	float: left;
	width: 544px;			
	text-align: right;
	padding: 45px 56px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	line-height: 20px;
	color: #336633;
	font-weight: bold;
	letter-spacing: 0.03125cm
}
div#headerright a {
	text-decoration: none;
	color: #336633;
	font-weight:bold;
}
div#headerright a:visited {
	text-decoration: none;
	color: #336633;
	font-weight:bold;
}
div#headerright a:hover {
	text-decoration: underline;
	color: #336633;
	font-weight:bold;
}

/* ----------- [ NAVBAR ] ---------- */
div#navbar {
	display: block;
	clear: both;	
	width: 900px;	
	float: left;
	height: 24px;	
	background-image: url('/images-green/background_navbar.gif');
}

/* ----------- [ CONTENT ] ------------*/
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; font-weight: bold; color: #336633; text-transform: uppercase; letter-spacing: 0.03125cm;}

div#contentwrapper {
	background-image: url('/images-green/background_wrapper.gif');
	width: 900px;	
	display: block;
	clear: both;		
}
div#content {
	background-image: url('/images-green/background_wrapper.gif');
	display: block;
	float: left;
	width: 700px;
	height: auto;				
	text-align: left;	
	padding: 20px 100px 20px 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}
div#content a {
	text-decoration: none;
	color: #336633;
	font-weight:bold;
}
div#content a:visited {
	text-decoration: none;
	color: #336633;
	font-weight:bold;
}
div#content a:hover {
	text-decoration: underline;
	color: #336633;
	font-weight:bold;
}

/* ----------- [ GALLERY ] ------------*/
div#gallerytitle {
	display: block;
	float: left;
	width: 700px;			
	text-align: left;
	padding: 15px 100px 5px 100px;
	background-image: url('/images-green/background_wrapper.gif');	
}
div#gallerywrapper {
	background-image: url('/images-green/background_wrapper.gif');
	width: 900px;	
	display: block;
	clear: both;		
}
div#galleryleft {
	display: block;
	float: left;
	width: 150px;			
	text-align: center;
	padding: 0px 10px 0px 90px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	line-height: 20px;
	color: #000000;	
}
div#galleryright {
	display: block;
	float: right;
	width: 520px;			
	text-align: right;
	padding: 0px 90px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	line-height: 20px;
	color: #000000;		
}
div#galleryleft a {
	text-decoration: none;
	color: #336633;
	font-weight:bold;
}
div#galleryleft a:visited {
	text-decoration: none;
	color: #336633;
	font-weight:bold;
}
div#galleryleft a:hover {
	text-decoration: underline;
	color: #336633;
	font-weight:bold;
}
div#galleryright a {
	text-decoration: none;
	color: #336633;
	font-weight:bold;
}
div#galleryright a:visited {
	text-decoration: none;
	color: #336633;
	font-weight:bold;
}
div#galleryright a:hover {
	text-decoration: underline;
	color: #336633;
	font-weight:bold;
}

/* ----------- [ PHOTOS ] ------------*/
div#photowrapper {
	background-image: url('/images-green/background_photos.gif');
	width: 900px;
	height: 120px;
	display: block;
	clear: both;		
}
div#photoleft {
	display: block;
	float: left;
	width: 166px;
	height: 100px;			
	padding: 10px 0px 10px 163px;
}
div#photocenter {
	display: block;
	float: left;
	width: 166px;
	height: 100px;			
	padding: 10px 39px 10px 38px;
}
div#photoright {
	display: block;
	float: right;
	width: 166px;
	height: 100px;			
	padding: 10px 162px 10px 0px;
}

/* ----------- [ COPYRIGHT ] ---------- */
div#copyright {
	display: block;
	clear: both;	
	width: 900px;	
	float: left;
	height: 52px;	
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #999999;	
	background-image: url('/images-green/background_address.gif');
}
div#copyright a {
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	color: #999999;
	font-weight: bold;
}
div#copyright a:visited {
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	color: #999999;
	font-weight: bold;
}
div#copyright a:hover {
	font-size: 11px;
	line-height: 16px;
	text-decoration: underline;
	color: #999999;
	font-weight: bold;
}

/* ---------- [ CLEAR FIX ] --------- */
.clearfix:after {
	 content: "."; 
	 display: block;
	 height: 0; 
	 clear: both; 
	 visibility: hidden;
 }

.clearfix{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
	}
.clearfix{
	display: block;
	}
    
.col3 { float: left; width: 30%; margin: 0 10px; text-align: center; line-height: 15px; font-size: 10px; }
.clear { clear: both; }