﻿
*{ margin: 0; padding: 0; }* 
body { 
	font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 1.6em;
	background: #fff; 
	color: #444; 
}

a { color: #617745; text-decoration: none; }
a:hover { color: #6bbc00; }
p { margin: 0 0 15px 0; color: #444;}
h1 { font: bold 1.7em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #444; background: inherit; }
h2 { font: bold 1.7em Arial, Sans-Serif; margin: 0 0 12px; }
h3 { font: bold 1.3em Arial, Sans-Serif; margin: 0 0 5px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }

#content { width: 800px; margin: 0 auto; }

#logo { margin: 10px 0 0 0; padding: 0 10px 0 0; height: 90px; width: 188px; float: left; background: url(../images/logo2.png) no-repeat bottom; text-align: center;}

#menu { float: right; padding: 55px 40px 0 0px; margin: 0 0 0px; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 5px 5px 5px 5px; margin: 0 0 0 20px; color: #ccc; background: #ffffff;  }
#menu li a:hover { background: #ffffff no-repeat right bottom; color: #4CA031; }

#intro { margin: 0 0 0 0; padding: 0 10px 0 0; height: 49px; width: 800px; float: left; background: url(../images/intro2.png) no-repeat top; text-align: right;}	

	#intro h2 { margin: 0; padding: 0 35px 0 0; }

#left { float: left; width: 200px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; }
	#leftmenu { list-style: none; margin: 0 0 10px 0; }
	#leftmenu li { padding: 0 0 0 12px; background: #fff url(../images/bullet.gif) no-repeat center left; color: #46852F; }
	#leftmenu li a { color: #617745; }
	
	#left a { color: #617745; text-decoration: none;}
	#left a:hover { color: #6bbc00;}

#right {
	margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	background: #fff url(../images/line.gif) no-repeat;
	float: right;
	width: 500px;
	text-align: justify;
}

	#right a { color: #617745; text-decoration: none;}
	#right:hover a {
	color: #617745;
	text-decoration: none;
	background-color: transparent;
	border-color: #617745;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dashed;
}

	#right a:hover { color: #6bbc00;}
	#right h2 { background: #fff url(../images/line2.gif) no-repeat bottom; padding: 0 0 8px; }

#centre {
	clear: both;
	margin: 0 15px 20px 0;
	padding: 0 35px 0 35px;
	width: 730px;
	text-align: justify;
}

	#centre a { color: #617745; text-decoration: none;}
	#centre:hover a {
	color: #617745;
	text-decoration: none;
	background-color: transparent;
	border-color: #617745;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dashed;
}

	#centre a:hover { color: #6bbc00;}

#archive {
	clear: both;
	margin: 0px 200px 0px 200px;
	width: 400px;
	text-align: center;
}

	#hoverlink a { color: #617745; text-decoration: none;}
	#hoverlink:hover a {
	color: #617745;
	text-decoration: none;
	background-color: transparent;
	border-color: #617745;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dashed;
}



#gallerycentre {
	clear: both;
	margin: 0 15px 20px 0;
	padding: 0 35px 0 35px;
	width: 730px;
	text-align: justify;
}

.galleryitem { 
	float: left; 
	padding: 2px 2px 2px 2px; 
	margin: 15px 15px 15px 15px; 
	width: 200px;
	background-color: transparent;
	border-color: #fff;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-style: dashed;
}

	.galleryitem img { padding: 5px 5px 5px 0; }
	.galleryitem a { font: bold 0.9em Arial, Sans-Serif; color: #444; padding: 0 0 0 0; margin: 0 0 0 0;  }
	.galleryitem a:hover { font: bold 0.9em Arial, Sans-Serif; color: #444; padding: 0 0 0 0; margin: 0 0 0 0; }
	.galleryitem h1 { font: bold 1.2em Arial, Sans-Serif; color: #444; padding: 0 0 0 0; margin: 1px 0 0 0; }
	.galleryitem p { font: 0.9em Arial, Sans-Serif; color: #444; padding: 0 0 0 0; margin: 0 0 0 0; line-height: 1.0; }
	.galleryitem:hover { 
	background-color: transparent;
	border-color: #617745;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-style: dashed;
}

.slide {
	display:block; 
	width:auto; 
	float:right; 
	color:#fff; 
	height:36px;
}

.slide a {
	display:block; 
	width:auto; 
	color:#fff; 
	text-decoration:none; 
	padding:8px 1.3em 8px 1.6em; 
	font:1.1em Verdana, sans-serif;
	background:url(../images/nav_pl.jpg) left 0 no-repeat;
}

.slide a:hover {
	color:#fff; 
	text-decoration:underline; 
	background:url(../images/nav_pl.jpg) left -36px no-repeat; 
}

.slide img {
	padding-bottom: 2px;
}

.tiny {
	font: 0.8em Arial, Sans-Serif;
	color: #444;
	text-align: right;
}



#footer { clear: both; padding: 0 0 7px; margin: 0 0 15px 0; font-size: 0.9em; color: #808080;}
	#footer a { color: #617745; text-decoration: none;}
	#footer:hover a {
	color: #617745;
	text-decoration: none;
	background-color: transparent;
	border-color: #617745;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dashed;
}

	#footer a:hover { color: #6bbc00;}

	#col1 { float: right; width: 150px; padding: 3px 0 0 3px; }
	
#footer1 { clear: both; background: #fff url(../images/line2.gif) no-repeat bottom; clear: both; padding: 10px 0 0 7px; font-size: .9em; color: #808080;}	
	#footer1 a { color: #617745; text-decoration: none;}
	#footer1:hover a {
	color: #617745;
	text-decoration: none;
	background-color: transparent;
	border-color: #617745;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dashed;
}	

#gallery {width:700px;}
#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:left;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; left:185px; top:0; width:auto; height:auto; border:1px solid #000;}


.centre1 {
	text-align: center;
}



.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #617745;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }