/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 


*{

	padding:0;

	margin:0;

}

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #006666;
	font-size: 12px;
	background-color: #669966;
}

a:link, a:visited {
	color: #006600;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	text-decoration: none;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 6px 0px 3px 0px;
	font-weight: bold;
	color: #006600;
}

h1{
	font-size: 120%;
	font-weight: bold;
}

h2{

	font-size: 105%;
	color: #339933;	
	font-weight: bold;	

}



h3{

 font-size: 103%;

 color: #fff;

}



h4{

 font-size: 100%;

 font-weight: normal;

 color: #fff;

}



h5{

 font-size: 95%;

 color: #fff;

}



ul{ 

 list-style-type: none; 

}



ul li {padding-bottom: 10px;}





label{

 font: bold 100% Arial,sans-serif;

 color: #666;

 display: block;

}



fieldset{

	margin: 1em 0;

	padding: 1em;

	border: 1px solid #ccc;

	background: #f8f8f8;

	width: 400px;

}

 legend{

 	font-weight: bold;

	color: #666;

 }



p input{

	width: 200px;

}	



p{

	padding-bottom: 10px;

}



textarea{

	width: 80%;

	height: 100px;

} 



input:focus, textarea:focus{

	background: #efefef;

}



img{ border:none;}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}


/***********************************************/

/* Layout Divs                                 */

/***********************************************/


#wrapper{
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #669966;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fff;
	border-left-color: #FFFFFF;
}



#header{
	height: auto;
	padding: 0;
	margin: 0;
	background-color: #669966;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* For feedback of processing errors etc */
#feedback{
	height: auto;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	border-style: solid;
	border-style: green;
}




#mainArea{
	padding: 0px;
	background-color: #C2E0C2;
}



#content{
	padding-bottom: 2px;
	/*border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #FFFFFF;*/
	border-top: #fff solid 1px;	/* border-bottom: #fff solid 1px; */
	border-right: #fff solid 1px;
	border-left: #fff solid 1px;

	background-color: #C2E0C2;
	color: #4C7F8A;		

}



.clear{ clear: both;}



.error{

	font-weight: bold;

	color: red;

}

/********** Split page in 2 cols (used for adminmessages) **************/

.col{
	float: left;
	width: 50%;
}


/********** topStrip **************/

#topStrip{
	float: left;
	width: 100%;
	background-color: #669966;
}
#topStrip #logo{
	clear: both;
	padding: 5px 10px 10px 10px;
	height: 50px;
	width: 400px;
	float: left;
	font-size: 24px;
	font-weight: bold;
	font-family: "Century Gothic", "ITC Avant Garde", Arial, Helvetica, sans-serif;
	font-style: normal;
}

#topStrip   #logo   img{	

	padding-right: 15px;	

}
#topStrip  #mailList{
	float: right;
	margin-top: 10px;
	width: 200px;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}

#topStrip  #mailList  a:link, #topStrip  #mailList  a:visited, #topStrip  #mailLucy  a:link, #topStrip  #mailLucy  a:visited{
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#topStrip  #mailList  a.listLink {
	color: yellow;
}

.thebull  {
	color: #66CC66;
}
.atbenenden   {
	color: #006600;
}


/************** content styles ***************/





#content #pageContent{

	padding: 5px 30px;
	background-color: #C2E0C2;
	


}



#content #messageStrip{
	padding: 2px 30px;
	background-color:#C2E0C2;
	border-bottom: solid #fff 1px;
	margin-top: -1px;
	color: #006600;
	font-weight: bolder;
}



#content #messageStrip a:link, #content #messageStrip a:visited{

	text-decoration:none;

}



#content #messageStrip a:hover{

	text-decoration:underline;

}



#pageSub #content .pageContent{

	width: 438px;

	float: left;	

}


#pageSub #content #pageContentThumbs{

	width: 142px;

	float: right;

	padding-top: 7px;

}



#pageSub #content #pageContentThumbs a{ 

	font-weight: normal;

	text-decoration: none;

}



#pageSub #content #pageContentThumbs .dwn{ color: #dad3ce;}



#pageSub #content #pageContentThumbs .pCTRow{

	text-align: center;

	/*height: 132px;*/

	width: 90px;

	padding: 10px 5px 5px 5px;

	border: #ccc solid 1px;

	margin-bottom: 10px;

	margin-left: 20px;

}

#pageSub #content #pageContentThumbs .pCTRow img{

	padding-bottom: 5px;

}

#pageSub #content #pageContentThumbs h2{ text-align: center;}

#content .pageImg{

	padding: 5px 0 20px 0;

	width: 240px;

	margin-left: 0px;

	float: left;

}

#pageSub #content {

	background-image: url(images/back_line.gif);

	background-repeat: repeat-y;

	background-position: 497px;

}



/*

#pageSub #content h1, #pageSub #content h2{

	text-align: center;

}

*/



#content .pageImg img{

	float: right;

	margin-bottom: 10px;

}



#content ul li{



	padding: 10px 10px 10px 25px;



	background-image: url(images/bullet.gif);



	background-repeat: no-repeat;



	background-position: 8px 50%;
}

/****************** Map Area Styles********************/

 #map_canvas{
 	width:300px; 
 	height:300px;
 	float:right;
 	margin: 10px 10px 10px 0px;
 }
 #directions{
 	width:260px;
 	float:left;
 	margin: 0px;
 }
 

/****************** Enquiry Form Styles********************/
#thisform  {
	color: #339933;
	font-size: 12px;
	width: 400px
}
	
	#thisform label  { color: green; font-weight: bold }
	
	#thisform fieldset {
		border: 1px solid green;
		padding: 0 10px;
		}
	
	#thisform legend {
		font-weight: bold;
		font-size: 90%;
		color: blue;
		background: #eee;
		border: 1px solid green;
		border-bottom-color: green;
		border-right-color:green;
		padding: 4px 8px;
		}
		
		#name, #email, #phone, #enquiry  {
		width: 30em
		}



/****************** Events Styles********************/

#datedEvents {
	float: left;
	width: 60%;
}

#regularEvents {
	float: left;
	width: 35%;
	background: #007179;
	color: #fff;
	margin-left: 5%;
}

.eventHeadline {
	font-weight: bold;
	font-size: 130%;
	color: #060;
}

.eventdate {
	font-weight: bold;
	font-size: 110%;
	color: 093;
}

.tl, .bl {
	float: left;	
}
.tr, .br {
	float: right;
}

#regularEvents .tl, #regularEvents .bl,
#regularEvents .tr,#regularEvents .br {
	background: url(images/corner-green.gif);
	width: 5px;
	height: 5px;
	font-size: 0;
}
#regularEvents .tr {
	background-position: top right;	
}
#regularEvents .bl {
	background-position: bottom left;	
}
#regularEvents .br {
	background-position: bottom right;	
}
#regularEvents a {
	color: #aecacc;
}
#regularEvents a:hover {
	color: #fff;	
}

.box-content {
	clear: both;
	overflow: hidden;
	margin: 0 10px;
	min-height: 0em;
}
* html .box-content {
	height: 12em;	
}

#regularEvents h2 {
	font-size: 110%;
	color: #6f0;
}

#regularEvents .eventHeadline {
	
	color: yellow;
}

/****************** (Right) Highlight Box Styles********************/


#highlightBox {
	float: right;
	width: 35%;
	background: #007179;
	color: #fff;
	margin-left: 5%;
	margin-top: 10px;
}


#highlightBox .tl, #highlightBox .bl,
#highlightBox .tr, #highlightBox .br
{
	background: url(images/corner-green.gif);
	width: 5px;
	height: 5px;
	font-size: 0;
}

#highlightBox .tr{
	background-position: top right;	
}
#highlightBox .bl{
	background-position: bottom left;	
}
#highlightBox .br{
	background-position: bottom right;	
}
#highlightBox a:link, #highlightBox a:visited {
	color: yellow;
	text-decoration: none;
	font-weight: bold;
}


#highlightBox a:hover {
	color: red;
	text-decoration: none;	
}

#highlightBox h2 {
	font-size: 110%;
	color: #6f0;
	padding: 6px 0px 3px 0px;
}



/****************** Top Icon Styles********************/

.icon{

	float:right;

	border: 0px;	

}



/*********** #navBar styles ***********/

#navContainer{
	text-align:center;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 5px 3px 5px;
	background-color: #C2E0C2;
	height: 15px;
	border-top: #fff solid 1px;	/* border-bottom: #fff solid 1px; */
	border-right: #fff solid 1px;
	border-left: #fff solid 1px;
}



#navContainer ul .navFinal{
	border-right: none;	

}


#navContainer ul li{
	float: left;
	border-right: #fff solid 1px;
	padding: 0px 4px 0px 5px;
}
#navContainer ul a:link, #navContainer ul a:visited    {
	color: #006600;
	font-weight: bold;
	text-decoration: none;
}

#navContainer ul a:hover{
	color: #FFFF00;
	text-decoration: none;
}
#contact, #contact-front {
	color: #FFFFFF;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
}

#contact-front {
	padding-left: 5px;
}

#navContainer ul .dwn{

	color: #dad3ce;	

}

#navContainer ul .xmas a:link, #navContainer ul .xmas a:visited {
	color: red;
}

/*********** #footer styles ***********/

#footer{
	padding: 5px 10px 5px 25px;
	background-color: #669966;
	border: #fff solid 1px;
}



#footer #credit{

	font-size: 11px;

	color: #fff;

	padding: 5px 25px 5px 5px;

}

 #footer a:hover{

 	text-decoration: underline;

 }


/******************Top Photo Montage********************/
#photageTop {
    width: 660px;
    height: 114px;
	padding:0;
  }
  #panelTop1, #panelTop2,  #panelTop3,  #panelTop4 {
	width: 162px;
	height: 108px;
	float:left;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
  }
  #panelTop1 {
	border-left-width: 3px;
  }
  #panelTop4 {
	border-right-width: 3px;
  }
 
 /******************Photo Montage********************/
#photage {
    width: 660px;
    height: 440px;
	padding:0;
  }
  #panel1 {
	width: 324px;
	height: 432px;
	float:left;
	border-top-width: 4px;
	border-right-width: 2px;
	border-bottom-width: 4px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
  }
  #panel2, #panel5 {
	width: 162px;
	height: 216px;
	float:left;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
  }
  
  #panel3,  #panel4 {
	width: 162px;
	height: 216px;
	float:left;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
  }
  
 #panel5 {
	background-image: url(images/permanent/blackboard.jpg);
	background-repeat: no-repeat;
  }

#panel5 a:link, #panel5 a:visited {
	text-decoration: none;
}

  #bbtext {
	position: relative;
	left: 10px;
	top: 80px;
	width: 146px;
	height: 120px;
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
}


.bbhead {
	color: #FFFF33;
	text-align: center;
	font-size: 14px;
	font-weight: bolder;
	font-style: normal;
}
/******************Main Page Styles********************/



#mainImage{
	height: 394px;
	clear: right;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-color: #ffffff;
}



#mainImage img{

	float: left;

}



.imgPad{

	margin-right: 2px;

	float: right;

}







#mainImage #mainRight{
	width: 298px;
	float: left;
	background-color: #474440;
	height: 394px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
}



#mainImage #mainLeft{
	float: left;
	width: 348px;
	color: #000000;
}



#mainImage #mainRight #im2{
	border-bottom: #fff solid 1px;
	height: 225px;
}

#mainImage #mainRight #im3{
	border-right: #fff solid 1px;
	width: 155px;
	height: 168px;
	background-color: #97ab9b;
	padding-left: 0px;
	float: right;
}



/****************** Press Styles********************/



.pressDetails{	

	display:none;

	border: solid 1px #efefef;

	margin-bottom: 10px;

	margin-left: 20px;

	padding: 5px;

}



.pressDetails img{	

	float: left;

	padding-right: 10px;

}



.pressTitle a{

	text-decoration: none;	

	border-bottom: #efefef dashed 1px;		

}



.pressTitle a:hover{

	text-decoration: none;		

}



.pressTitle{	

	margin-bottom: 5px;

}



/****************** Gallery Styles********************/



.gallery {

	margin: 10px 15px 10px 15px;

	border: 1px solid #666;

	padding: 6px;	

}

  

 

.gallery p {

	text-align: center;

	font-size:85%;

	margin-top: 5px;

}