body { 
	font-family:verdana;
	font-size: x-small;
	text-align: center;
	background: #DDB4B2;
}
/* container intotal ******************************************************************************************************/

.container {width: 770px; margin: 0px auto; text-align: center; padding: 0;}

#content {min-height: 270px; margin: 0 20px 0 20px; text-align: left; vertical-align: middle; padding: 0;}
#home #content {min-height: 470px; margin: auto;}
#contact #content {	min-height: 300px;}/* admin content container for main admin area */	

.finger{cursor: pointer;}

/* navigation main ***********************************************************************************************************/
.top {
	float: left;
	clear: both;
	background: url(../images/top_img.jpg) no-repeat top left;
	width: 100%; 
	padding: 0; 
	margin: 0;
	height: 45px;
	text-align: left;
}
.top h1 {float: left;}
#sequences {
	float: left;	
	margin: 6px 0px 0px 12px;  /*for PC IE*/
	padding: 0;	
	text-align: left;
	width: 465px;
	min-height: 50px;
	background: #fff;
	clear: none;
	display: inline;
	position: absolute;
}
.middle {
	width: 770px;
	clear: both;
	float: left;  
	margin: 0;		
	padding: 0;
	background: url(../images/middle.jpg) repeat-y bottom left;
	display: inline;
}
#home .middle
{background:url("../images/middle_home.jpg") repeat-y bottom left}

.headerbkg {
	float: left;
	clear: both;
	background:url("../images/header_img.jpg") no-repeat top left;
	width: 100%; 
	padding: 0; 
	margin: 0px 0px 0px 9px;
	height: 205px;
	position: relative;
}
#home .headerbkg
{display: inline; background:url("../images/home_img.jpg") no-repeat top left;}
#animals .headerbkg
{background:url("../images/animals_img.jpg") no-repeat top left;}
#playtime .headerbkg
{background:url("../images/playtime_img.jpg") no-repeat top left;}
#whatelse .headerbkg
{background:url("../images/whatelse_img.jpg") no-repeat top left;}
#news .headerbkg
{background:url("../images/news_img.jpg") no-repeat top left;}
#groupvisits .headerbkg
{background:url("../images/groups_img.jpg") no-repeat top left;}
#parties .headerbkg
{background:url("../images/parties_img.jpg") no-repeat top left;}
#safety .headerbkg
{background:url("../images/safety_img.jpg") no-repeat top left;}
#opening .headerbkg
{background:url("../images/prices_img.jpg") no-repeat top left;}
#contact .headerbkg
{background:url("../images/contact_img.jpg") no-repeat top left;}
#blog .headerbkg
{background:url("../images/blog_img.jpg") no-repeat top left;}

#slideshow {
	clear: none;
	float: left;	
	margin: 0; /* for PC IE*/
	padding: 0;	
	text-align: left;
	width: 450px;
	/* min-height: 300px; */
	background:url("../images/slideshow_still.jpg") no-repeat left top;
	display: inline;
	position: absolute;
	left: 10px;
	top: 44px;
}

/* header navtext */
.fieldstyle      { font-size: 10px;}
.searchfieldstyle      { font-size: 10px; height: 10px;}

/* navigation tabs */
#tabs {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	line-height: normal;
	width: 100%;
	height: 27px;
	display: inline;
}
.tab {	
	margin: 0;
	padding: 0 2px 0 0;
}

/* columns A - On Left hand side, includes welcome text and lillte picture underneath on hoepage ********************/
#cola{
	clear: none;
	float: left;	
	margin: 155px 10px 0px 21px; /* for PC IE*/
	padding: 0;
	background:url("../images/text_box_short.jpg") no-repeat left top;
	text-align: left;
	width: 452px;
	min-height: 200px;
	display: inline;
}
/* columns B - Right hand side, contains latest news flashes********/
	
#whatson{
	clear: both;
	float: left;	
	margin:0px 0px 0px 0px; /* for PC IE*/
	padding: 0px 0px 0px 2px;
	background:url("../images/whatson.jpg") no-repeat left top;
	text-align: left;
	width: 250px;
	height: 118px;
}
#bloglink{
	clear: both;
	float: left;	
	margin:5px 0px 3px 0px; /* for PC IE*/
	padding: 0px 0px 0px 2px;
	background:url("../images/farmers_blog.jpg") no-repeat left top;
	text-align: left;
	width: 250px;
	height: 48px;
}
#rightboxtop {
	clear: both;
	float: left;
	margin:5px 0px 0px 0px; /* for PC IE*/
	padding: 0px 0px 0px 2px;
	background:url("../images/cmbox_top.jpg") no-repeat left top;
	text-align: left;
	width: 247px;
	height: 17px;
}
#rightboxmid {
	clear: both;
	float: left;
	margin:0px 0px 0px 0px; /* for PC IE*/
	padding: 0px 0px 0px 2px;
	background:url("../images/cmbox_mid.jpg") repeat-y left top;
	text-align: left;
	width: 247px;
}
#rightboxmid .cmbox {
	padding: 0 5px 0 5px;
	margin: 0;
}
#rightboxmid .cmbox a {
	padding: 0;
	margin: 0;
	text-decoration: none;
}
#rightboxmid .cmbox img {
	border: none;
	padding: 0;
	margin: 0;
}
#rightboxbot {
	clear: both;
	float: left;
	margin:0px 0px 0px 0px; /* for PC IE*/
	padding: 0px 0px 0px 2px;
	background:url("../images/cmbox_bottom.jpg") no-repeat left top;
	text-align: left;
	width: 247px;
	height: 21px;
}
#prices{
	clear: both;
	float: left;	
	margin:5px 0px 3px 0px; /* for PC IE*/
	padding: 0px 0px 0px 2px;
	background:url("../images/prices_godstone.jpg") no-repeat left top;
	text-align: left;
	width: 250px;
	height: 138px;
}

#groups{
	clear: both;
	float: left;	
	margin: 5px 0px 3px 0px; /* for PC IE*/
	padding: 0px 0px 0px 2px;
	background:url("../images/visit_godstone.jpg") no-repeat left top;
	text-align: left;
	width: 250px;
	height: 142px;		
}

#register{
	clear: both;
	float: left;	
	margin: 5px 0px 0px 0px; /* for PC IE*/
	padding: 0px 0px 0px 2px;
	background:url("../images/register_godstone.jpg") no-repeat left top;
	text-align: left;
	width: 250px;
	height: 82px;		
}

#colb {
	clear: none;
	float: right;
	margin: 0px 11px 0px 0px;	
	padding: 0 0 0 10px;
	width: 264px;	
	min-height: 540px;
	text-align: left;
	background: #E1DECF;
}	

#welcome {margin: 0 0 10px 0px;
font-size: 18px;
font-weight: normal;
color: #DE57A6;}

.coltext {
margin: 5px 10px 10px 0px;
width: 95%;
height: auto;
color: #000;
}

.colatext {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 273px;
background: red;
color: #000}

.sheep {
margin: 26px 0px 0px 20px;
padding: 0px 0px 0px 0px;
width: 465px;
color: #000}

#home .coltext {
margin: 0px 0px 0px 10px;
padding: 0px 0px 10px 0px;
width: 97%;
color: #000}




#newspage .coltext {
margin: 10px 10px 0px 0px;
width: 95%;
height: auto;
color: #000;
}
	
#subpage .coltext {
clear: none;
float: left;
margin: 10px 0px 0px 0px;
width: 77%;
height: auto;
color: #000;
border-left: 1px solid #ccc;
}

/************************************************************************************************************************************************************************

/* default * including the links on simple pages that are listed when created*/
a        {color: #000000; font-size: 11px; text-decoration: none; font-weight: normal;}
a:link                { color: #000000; font-size: 11px;  font-weight: bold; text-decoration: underline; }
a:hover          {	color: #6C5C46;	font-size: 11px;  font-weight: bold;}
a:visited        {	color: #000000;	font-size: 11px; text-decoration: underline; font-weight: bold;}
a:visited:hover          { color: #335229; font-size: 11px; font-weight: bold; }

h1 { font-size: 18px; color: #DE57A6;	margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;	text-align: left; font-weight: bold;  }  
h3 { font-size: 16px; color: #DE57A6;	margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;	text-align: left; font-weight: bold;  }  
h2 { color: #DE57A6; font-size: 18px;	font-weight: bold; margin: 5px 0 0px 10px; }
h4 { font-size: 16px; color: #DE57A6;	margin: 15px 0px 15px 0px; padding: 0px 0px 0px 0px;	text-align: center; font-weight: bold;  }  
h5{ color: #DE57A6; text-decoration: none; font-weight: bold; font-size: 13px;}
h6{ color: #DE57A6; text-decoration: none; font-weight: bold; font-size: 13px;}
h7{ color: #DE57A6; text-decoration: none; font-weight: bold; font-size: 13px;}


p { margin: 0px; padding: 0; font-size: 12px; font-weight: normal;  }

.smallheader    { color: #6C5C46; font-size: 12px; font-weight: bold; line-height: 12px; }
.mediumheader   { color: #b1aa80; font-size: 14px;	font-weight: normal; line-height: 18px; }
.largeheader    { color: #fff; font-size: 18px;	font-weight: bold; margin: 5px 0 0px 10px; }
.simpletitle {	 font-size: 16px; color: #009966;	margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px;	text-align: left; font-weight: bold;}

/* footer ********************************************************************************************************************************************************************/

/* iconography link text ***********/
a.iconlink       { color: #DDB4B2; font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal; } 
a.iconlink:link       { color: #DDB4B2; font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal; } 
a.iconlink:hover {	color: #000000;	font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal;} 
a.iconlink:visited {	color: #DDB4B2;	font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal;} 

/* CMS admin link text ***********/
td.news 	      { color: #000; text-decoration: none; font-weight: normal; font-size: small;}
.news	      { color: #DE57A6; text-decoration: none; font-weight: normal; font-size: 12px;}

a.newsbig 	      { color: #DE57A6; text-decoration: none; font-weight: bold; font-size: 16px;}
a.newsbig:link	      { color: #DE57A6; text-decoration: none; font-weight: normal; font-size: 15px;}
a.newsbig:hover  	{ color: #000000; text-decoration: underline; font-weight: normal; font-size: 15px;}
a.newsbig:visited	{ color: #DE57A6; text-decoration: none; font-weight: normal; font-size: 15px;}
a.newsbig:visited:hover	{ color: #000000; text-decoration:underline; font-weight:normal; font-size: 15px;}


a.news 	      { color: #DE57A6; text-decoration: none; font-weight: bold; font-size: 13px;}
a.news:link	      { color: #DE57A6; text-decoration: none; font-weight: normal; font-size: 12px;}
a.news:hover  	{ color: #000000; text-decoration: underline; font-weight: normal; font-size: 12px;}
a.news:visited	{ color: #DE57A6; text-decoration: none; font-weight: normal; font-size: 12px;}
a.news:visited:hover	{ color: #000000; text-decoration:underline; font-weight:normal; font-size: 12px;}

a.news2 	      { color: #009966;; text-decoration: none; font-weight: bold; font-size: 13px;}
a.news2:link	      { color: #009966;; text-decoration: none; font-weight: normal; font-size: 12px;}
a.news2:hover  	{ color: #009966; text-decoration: underline; font-weight: normal; font-size: 12px;}
a.news2:visited	{ color: #009966;; text-decoration: none; font-weight: normal; font-size: 12px;}
a.news2:visited:hover	{ color: #000000; text-decoration:underline; font-weight:normal; font-size: 12px;}

/* footerlinks***********/
a.footnav       { color: #fff; font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal; } 
a.footnav:link       { color: #fff; font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal; } 
a.footnav:hover {	color: #fff;	font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal;} 
a.footnav:visited {	color: #fff;	font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal;} 


/* footer div ***********/

#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	float: left;	
	width: 100%;	
	height: 62px;
	background-image: url(../images/footer_subimg.jpg);
	background-repeat: no-repeat; 
	background-position: top-left; 
	color: #fff; 
	text-decoration: none; 
	font-weight: normal;
	
	
	
}

#home #footer {
	
	background-image: url(../images/footer_img.jpg);
	background-repeat: no-repeat; 
	background-position: bottom-left; 
	
}

#errbox {
	margin: 20px auto;
	color: #ff0000;
	border: 1px solid #ff0000;
	padding: 10px;
	width: 300px;
	height: 50px;
	text-align: center;
}

#confbox {
	margin: 20px auto;
	color: #000;
	border: 1px solid #003399;
	padding: 10px;
	width: 300px;
	height: 50px;
	text-align: center;
}


/* End */



