/* - Copyright 2012 Lazy Grace Ltd - */
/* - May 2012 - */

/* Common Elements */


body{
	margin: 0 ;
	padding: 0;
	width: auto;
	height: auto;
	background: #2e404b url(../images/common/site_bg.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
}
 

/* Layout */


#full_container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 980px;
	height: auto;
	background: #ffffff;
	
	}
	.shadow {
		-moz-box-shadow: 0 0 10px -5px #000000;
		-webkit-box-shadow: 0 0 10px -5px #000000;
		box-shadow: 0 0 10px -5px #000000;
	}
	
	
	#header {
		padding: 0 25px 0 25px;
		width: 930px;
		height: 134px;
		background: url(../images/common/headerbg.jpg) 0 0 repeat;
		position:relative;
		}
		
		.header_logo {
			margin: 20px 0 0 0;
			padding: 0;
			float: left;
		}
		.headtwit {
			height: 37px;
			width: 37px;
			right:20px;
			top:20px;
			position: absolute;
			background: url(../images/common/butt_twitter.png) 0 0 repeat;
		}
		
	#topcontent {
		padding: 0 20px 0 0;
		width: 705px;
		height: auto;
		margin: 20px 0 0 0;
		background: #ffffff;
		float: left;
		}
	
	#viaemail p{
	width:215px;
	}
	
	#topcontent h1{
	background-image:url(../images/common/title_background.png);
	color:#fff;
	float:left;
	padding:10px 20px;
	width:665px;
	margin:0px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:24px;
	line-height:30px;
	}
	
	#right_contents{
	float:left;
	position:relative;
	}
		
	#right_tab {
		padding: 0;
		width: 255px;
		margin: 20px 0 0 0;
		height: auto;
		float: right;
		background: #9da51a;
		}
	
	#right_tab h2{
	background-image:url(../images/common/title_background.png);
	color:#fff;
	float:left;
	padding:10px 20px;
	width:215px;
	margin:0px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:24px; 
	line-height:30px;
	}

		.latestbuttons {
			margin:0;
			float:left;
			position:relative;
		}
		
		#twitter {
		width: 215px;
		margin: 0;
		padding:;
		background-image:url(../images/common/sidebar-bottom.png);
		background-position:bottom;
		float:left;
		padding:20px 20px 35px; 
		background-repeat: repeat-x;
		}
		
		#right_contents #tweets{
		float:left;
		position:relative;
		padding-top:10px;
		}
		
		#viaemail {
		float: left;
		height: auto;
		margin: 0;
		padding: 20px 20px 25px;
		width: 215px;
		background-image:url(../images/common/sidebar-bottom2.png);
		background-repeat:repeat-x;
		background-position:bottom;
			}
		
		#ontheblog {
		height: auto;
		width: 215px;
		padding:20px;
		float:left;
		}
		
		#blogbox {
				width: 195px;
				background: #ffffff;
				box-shadow: 0 1px 5px #afafaf inset;
				float:left;
				position:relative;
				margin-top:10px;
				padding:10px;
			}

		#catbox {
				width: 195px;
				background: #ffffff;
				box-shadow: 0 1px 5px #afafaf inset;
				float:left;
				position:relative;
				padding:10px;
			}
		
	#catbox a{
    color: #000000;
    float: left;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    position: relative;
    width: 195px;
	}
	
	#latestBox{
	float:left;
	position:relative;
	width:215px;
	padding:20px;
	}
		
	#latestBox a{
    color: #000000;
    float: left;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.6em;
    position: relative;
    width: 195px;
	margin-bottom:10px;
	}
	
	.newsDate{
	font-size:0.8em;
	line-height:1.2em;
	}
	
	#latestBox a:hover{
	color:#777777;
	}
	
		#blogbox p{
		color: #000;
		float: left;
		font-size: 0.8em;
		line-height: 1.2em;
		padding: 10px 0 0;
		text-align: left;
		}
		
		#ontheblog a.readMore{
		float:right;
		margin-top:10px;
		}
		
		#ontheblog a.readMore:hover{
			opacity:0.8;
		}
				
		#bodycontent {
		padding: 0 20px 0 20px;
		width: 685px;
		height: auto;
		margin: 0;
		background: #ffffff;
		float: left;
		}
	 
	#buttons {
		padding: 0 20px 0 20px;
		width: 685px;
		height: auto;
		margin: 12px 0 0 0;
		background: #ffffff;
		float: left;
		}
		
		#buttons .buttblog {
			display: block;
			width: 210px;
			height: 118px;
			float: left;
			margin: 20px 25px 20px 0;
			background: url(../images/common/butt_read.jpg) 0px 0px no-repeat;
		
		}
		#buttons .buttblog:hover {
			background: url(../images/common/butt_read.jpg) 0px -118px no-repeat;
		}
		
		#buttons .buttsign {
			display: block;
			width: 210px;
			height: 118px;
			float: left;
			margin: 20px 25px 20px 0;
			background: url(../images/common/butt_sign.jpg) 0px 0px no-repeat;
		
		}
		#buttons .buttsign:hover {
			background: url(../images/common/butt_sign.jpg) 0px -118px no-repeat;
		}
		
		#buttons .butttell {
			display: block;
			width: 210px;
			height: 118px;
			float: left;
			margin: 20px 0 20px 0;
			background: url(../images/common/butt_tell.jpg) 0px 0px no-repeat;
		
		}
		#buttons .butttell:hover {
			background: url(../images/common/butt_tell.jpg) 0px -118px no-repeat;
		}
		
	
	
#bottom {
	clear: both;	
	}	
		
	/*footer*/	
	
#footer{
	margin: 40px 0 0 0;
	padding: 20px;
	width: 940px;
	height: 148px;
	background: #222222;
	
	}
	
	#footer_content{
		margin: 0;
		padding: 0;
		width: 940px;
		height: 148px;

	}
		#footer_nav{
			float: left;
			margin: 0;
		
		}
			#footer_nav li{
				display: in-line;
				margin: 0 10px 0 0;
				padding: 0 10px 0 0;
				border-right: 1px #ffffff solid;
				font-family: lucinda grande, verdana, arial;
				color: #ffffff;
				font-size: 0.6em;
			}
			
			#footer_nav li:last-child{
				border-right: 0px #ffffff solid;
				margin: 0;
				padding: 0;
			}
			#footer a{
				color: #9da51a;
				
			}
			#footer a:hover{
				color: #ffffff;
			}
		
		#footer .footmail{
			margin: 0;
			padding: 0;
			text-decoration: none;
			font-weight: normal;
			color: #9da51a;				
		}
		
		#footer .footmail a:visited{
			text-decoration: none;
			font-weight: notmal;
			color: #ffffff;
		}
		
		#footer_content .lazygrace {
			position: absolute;
			margin: 75px 0 0 0;
			padding: 0;
			width: 112px;
			height: 13px;
			float: left;
			background: url(../images/common/lazygrace.png) 0px 0px no-repeat;
		}
				
				
				
#map_canvas {
width: 420px;
clear: both;
height: 300px;
border: 2px #7F9261 solid;
margin: 50px 0 20px 0;
}
			
/* TEXT */

p {
	margin: 0 0 10px;
	padding: 0;
	font-size: 0.8em;
	color: #444444;
	line-height: 1.2em; 
	text-align: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
p.pheader {
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 0.8em;
	color: #ffffff;
	line-height: 1em;
	text-align: left;
	font-weight: normal;
	font-family: arial, lucinda grande, verdana;
	float: left;
	width: 550px;
}
p.platest {
    color: #FFFFFF;
    float: left;
    font-size: 0.8em;
    padding: 10px 0 0;
    text-align: left;
	line-height:1.2em;
	}

p.footer{
		font-size: 0.75em;
		color: #ffffff;
		float: right;
		margin: 0;
		letter-spacing: -0.025em;
		padding: 5px 0 0 0;
		text-align: right;				
		}
		
h1 {
	margin: 15px 0 10px 0;
	padding: 0;
	font-size: 1.7em;
	color: #333333;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2 {
	margin: 10px 0 10px 0;
	font-size: 1.4em;
	color: #000;
	line-height: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #9da51a;
}
a:hover{
	text-decoration: none;
	color: #000000;
}
a:hover.header {
	text-decoration: none;
	color: #ffffff;
}
a:visited{
	text-decoration: none;
	color: #9da51a;
}


	
	/* Main Nav */

#nav{
	margin: 45px 0 0 0;
	padding: 0;
	width: 410px;
	height: 16px;
	float: right;
	}
	.hidden_text{
		display: none;
	}
	ul{
		margin: 0;
		padding: 0;
	 }
	li{
		margin: 0;
		padding: 0 0 0 0;
		float: left;
		display: block;
		list-style: none;
			}
			#nav .nav_home{
				display: block;
				width: 65px;
				height: 16px;
				margin: 0 0 0 0;
				background: url(../images/common/nav_sprite.png) 0px 0px no-repeat;
			}
			#nav .nav_home:hover {
				background: url(../images/common/nav_sprite.png) 0px -32px no-repeat;
			}
			#nav .nav_home_on{
				display: block;
				width: 65px;
				height: 16px;
				margin: 0 0 0 0;
				background: url(../images/common/nav_sprite.png) 0px -16px no-repeat;
			}
			
			#nav .nav_petition{
				display: block;
				width: 86px;
				height: 16px;
				margin: 0 0 0 0;
				background: url(../images/common/nav_sprite.png) -65px 0px no-repeat;
			}
			#nav .nav_petition:hover {
				background: url(../images/common/nav_sprite.png) -65px -32px no-repeat;
			}
			#nav .nav_petition_on{
				display: block;
				width: 86px;
				height: 16px;
				margin: 0 0 0 0;
				background: url(../images/common/nav_sprite.png) -65px -16px no-repeat;
			}
			
			#nav .nav_blog{
				display: block;
				width: 59px;
				height: 16px;
				margin: 0 0 0 0;
				background: url(../images/common/nav_sprite.png) -151px 0px no-repeat;
			}
			#nav .nav_blog:hover {
				background: url(../images/common/nav_sprite.png) -151px -32px no-repeat;
			}
			#nav .nav_blog_on{
				display: block;
				width: 59px;
				height: 16px;
				margin: 0 0 0 0;
				background: url(../images/common/nav_sprite.png) -151px -16px no-repeat;
			}
			
			#nav .nav_newsarchive{
				display: block;
				width: 126px;
				height: 16px;
				margin: 0 0 0 0;
				background: url(../images/common/nav_sprite.png) -210px 0px no-repeat;
			}
			#nav .nav_newsarchive:hover {
				background: url(../images/common/nav_sprite.png) -210px -32px no-repeat;
			}
			#nav .nav_newsarchive_on{
				display: block;
				width: 126px;
				height: 16px;
				margin: 0 0 0 0;
				background: url(../images/common/nav_sprite.png) -210px -16px no-repeat;
			}
			
				#nav .nav_contact{
				display: block;
				width: 71px;
				height: 16px;
				margin: 0 0 0 0;
				background: url(../images/common/nav_sprite.png) -339px 0px no-repeat;
			}
			#nav .nav_contact:hover {
				background: url(../images/common/nav_sprite.png) -339px -32px no-repeat;
			}
			#nav .nav_contact_on{
				display: block;
				width: 71px;
				height: 16px;
				margin: 0 0 0 0;
				background: url(../images/common/nav_sprite.png) -339px -16px no-repeat;
			}
			
			
#map_canvas {
width: 550px;
clear: both;
height: 258px;
border: 2px #cac6bf solid;
margin: 0 0 20px 0;
}


/* Contact Form */
#enquiry_form {
	width: 535px;
	padding: 10px 0 0 0;
}
#enquiry_form h4 {
	width: 535px;
	height: auto;
	line-height: 1.5em;
	color: #004b5a;
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px solid #7F9261;
	margin: 0 0 10px 0;
}
#enquiry_form form {
	margin: 0;
	padding: 5px 0;
}
#enquiry_form fieldset {
	width: 535px;
	border: 0px;
	padding: 0;
	margin: 0;
}	
#enquiry_form label {
	display: none;
}	
#enquiry_form .field {
	width: 645px;
	height: 25px;
	margin: 0px 0px 11px 0px;
	font-size: 0.7em;
	padding: 0 10px 0 10px;
	border: 2px #0075A3 solid;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	box-shadow: 0 1px 5px #afafaf inset;
}
#enquiry_form .textarea {
	width: 655px;
	height: 103px;
	margin: 0 0 11px 0;
	font-size: 0.7em;
	border: 2px #0075A3 solid;
	float: left;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0 0 10px;
	box-shadow: 0 1px 5px #afafaf inset;
}
#enquiry_form .butt_send {
	width: 210px;
	height: 25px;
	border: none;
	margin: 0;
	float: right;
	cursor: pointer;
	background: url(../images/common/butt_submit.jpg) 0px 0px no-repeat;
}
	#enquiry_form .butt_send:hover {
	background: url(../images/common/butt_submit.jpg) 0px -25px no-repeat;
}


/* COOKIES */

#cookies{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 45px;
	display: block;
	background: #222222;
	border-top: 1px #928B7F solid;
	color: #fff;
	text-align: center;
	line-height: 45px;
	font-size: 12px;
	bottom: 0;
	position: fixed;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#cookies #butt_morecookies{
	color: #9DA51A; 
	font-weight: bold;
	opacity:1.0;
	filter:alpha(opacity=100);
} 
#cookies #butt_cookies{
	text-decoration: none;
	margin: 0 0 0 20px;
	padding: 3px;
	width: 135px;
	height: 25px;
	background: #9DA51A;
	border: 1px #000 solid;
	color: #ffffff;
}
#cookies #butt_cookies:hover{
	text-decoration: none;
	background: #777777;
}

.contact_row{
float:right;
width:723px;
position:relative;
padding-right:10px;
}

#header #top_nav li.pink{
width:69px !important;
height:53px;
}

#header #top_nav li.blue{
width:67px !important;
height:53px;
}

.newsRow{
float:left;
position:relative;
width:685px;
padding:10px 0;
border-bottom:1px solid #9DA51A;
font-size:14px;
}

.newsRowLeft{
float:left;
position:relative;
width:220px;
}

.newsRowRight{
float:right;
position:relative;
width:445px;
}

.newsRowRightWhole{
float:right;
width:685px;
}

.newsRow h2{
margin-top:5px;
}

p.date{
color:#000000;
font-size:0.8em;
}

.article{
padding-top:20px !important;
}

h2.comments{
    padding: 20px 0 0;
	margin:0;
	}

p.none{
padding-top:20px;
}

.commentName{
color:#9DA51A;
}

.comments_form{
float:left;
position:relative;
width:645px;
padding:20px;
background-color:#9DA51A;
}

.alert_red, .error{
padding:10px;
background-color:#CC0000;
border:2px solid #990000;
color:#fff;
}

.error{
padding:2px !important;
}

.ok{
background-color:#336600;
border:2px solid #003300;
color:#fff;
padding:2px !important;
}


#contact_form label{
display:none;
}

#contact_form .email_name, #contact_form .email_email{

    box-shadow: 0 1px 5px #AFAFAF inset;
    color: #555555;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    height: 25px;
    margin: 0 0 11px;
    padding: 0 10px;
    width: 190px;
	clear:both;
}

.butt_send_email{
float:right;
background-image:url(../images/common/add_email.png);
border:none;
width:38px;
height:22px;
}


#data label{
display:none;
} 

#data input.name{
  border: 1px solid #000;
    box-shadow: 0 1px 5px #AFAFAF inset;
    color: #555555;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    height: 25px;
    margin: 0 0 11px;
    padding: 0 10px;
    width: 300px;
	clear:both;
}

#data textarea{
  border: 1px solid #000;
    box-shadow: 0 1px 5px #AFAFAF inset;
    color: #555555;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    height: 60px;
    margin: 0 0 11px;
    padding: 10px;
    width: 300px;
	clear:both;
}

.admin_form_button_div{
clear:both;
width:645px;
}

#data #submit{
clear:both;
background-color:#000000;
padding:5px; 
color:#FFFFFF;
font-size:14px; 
float:left;
border:none;
}

#item_gallery a{
margin-right:10px;
float:left;
}

.main_imagegallery{
float:left;
position:relative;
width:685px;
border-bottom:1px solid #9DA51A;
padding-bottom:20px; 
padding-top:10px;
}

.commentsContainer{
float:left;
position:relative;
width:685px;
padding-bottom:20px;
border-bottom:1px solid #9DA51A;
}

.articleNews{
float:left;
position:relative;
width:685px;
padding-bottom:10px;
}

.articleNews img{
padding:10px;
}

.contactForm{
float:left;
position:relative;
width:215px;
}