@import url(//fonts.googleapis.com/css?family=Josefin+Sans:400,600,700);
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}


body       {width:100%;
            /*background:rgba(254,248,203,.8);*/
			background:#fff;
             height:1230px;
            margin:-5px auto;			
			font-family:'Josefin sans', sans serif; 
			font-size:18px;
			line-height:18px;
			text-align:justify;			}
a           { font-weight:600; text-align:center; text-decoration:none;}
aside a     {font-weight:700; text-align:center; margin-left:25px;  }
.height     {height:50%; margin-top:0; padding-top:5px;}
#wrapper        {width:100%;
	             max-width:1000px;
               
				 background:#fff;
				 height:1600px;
				 margin:0% auto 0% auto;}				 
				 
/*xxxxxxxxxxxxxxxxxBanner startsxxxxxxxxxxxxx*/

.banner						{
	                        width:100%; 
							height:200px;
	                        background-image:url(../images/new%20view.jpg);
							background-position:left;
							background-size:cover;
							background-repeat:no-repeat;
							float:left;}

#callout_l h1                 {font-size:80%;color:#FFF; float:right; margin-right:3%;line-height:0px;}
#callout_r h1                 {font-size:80%;color:#FFF; float:left; margin-left:10%;line-height:0px;}																
																

h1 {
	font-size: 90%;
	text-align: center;
	font-family: "Lucida Handwriting" sans serif;	
	color: #45a4b6;
	text-shadow:none;
	padding:2% 0%;}    
.blue-small      {color:#00C; font-size:80%;}
.h1              {text-align:center; line-height:200%;}	

h2 {
	font-size:12px;
	text-align:center;
	font-family:"Lucida Handwriting";
	font-weight:bold;
	color:#45a4b6;
	padding-top: 5px;
	line-height: 125%;
}
h3 {
	font-size: 12px;
	color: #45a4b6;
	font-weight: 600;
	font-style: italic;
	font-family: "Lucida Bright";
	text-align: center;
	font-weight: bold;
	margin-left: 0px;
	margin-top: 5px;
}
h5           { text-align:center; color:rgba(102,0,0,1); font-size:65%; font-family:'Josefin sans', sans serif;}

p       {text-align:center; color:#666;}
.banner           	{
	color:#000;
	font-size:12px;
	line-height:150%;
	text-align: center;
	font-weight: bold;
	margin:0px;
	
}
.small  {color:#000;
	font-size:10px;
	line-height:150%;
	margin-right:100px;}

.img         {margin:.50% 0% .50% 2%; padding:1% 1% 1% 0;float:right;}
.left_img   {float:right; margin-top:-85px; margin-left:auto; margin-right:auto;}
.right_img  {float:right; margin-top:-180px;  margin-left:auto; margin-right:auto;}	   	
.topimg      {float:right; margin-top:-260px; margin-left:auto; margin-right:8.5%;}
table        { font-size:14px;padding:2%; line-height:90%; }
/*xxxxxxxxnavigation endsxxxxxxx*/
.center      {text-align:center; font-size:80%;}
.left-edge  {text-align:justify; font-size:85%; font-weight:700; color:#666;}									
.facilities		{padding-left:8%; text-align:left;}			
.small      {color:#600; text-align:left; font-size:11px; font-family:"Lucida Bright";}
.smallbold  {font-weight:bold;}
p           {color:#666; 
			 text-align:left;
			  font-size:11px;
			  font-family:"Lucida Bright";}
			  
a            {color:#c94035;}
a:hover      {color:#283c83;}			  	
.fl-h1 {font-size:120%; font-family:'Lobster', cursive;text-align:center; letter-spacing:4px;}
.full-length-sites {height:600px;}
.over       {text-decoration:line-through;}		
section    {width:70%; 
            float:left;	
			
		     padding:2%;
			 height:620px;}
aside      { width:100%;
             background-color:rgba(255,255,255,.5);
			 padding:1%2%; 
			 float:right;
			  box-shadow:0px 0px .50px #666;
			  margin-bottom:5px; }
aside P     {text-align:center;}
article      {width:100%;}
/* church farm css                            */
.pricebox                {width:98%;
                          height:auto;
						  background-color:#fff;
						 	 
						  }
						
#lowerbar      {height:120px;
               width:1025px;
			   float:left;
			   display:inline-block;}
#lowerbar img   {padding-right:2px;}
/* church farm css                            */						  		

/*.map iframe   {positon:abolute;
               top:0;
			   left:0;
			   width:100% !important;
			   height:100% !important;}		*/	
  
.one-third-2  { width:32%;
              float:left; 			   
			  margin-left:31%;
			  padding:0%;
			  text-align:center; }		  

.one-third-2 h2 {font-weight:bolder; font-size:14px; text-align:center;}
.one-third-2  a {color:#fff; text-shadow:1px 1px 1px #000;}
.one-third-2 p {font-size:60%; color:#fff; text-align:center; }

.one-third-3 {float:right; width:32%;  padding:.25%; }
.one-third-3 ul  {float:right; }

.menu-half-l    {float:left; width:50%; padding:.50%; margin:0%}   
.menu-half-r    {float:right; width:50%; padding:.50%; margin:1%;}   

footer     {float:left;
           width:100%;
		   background-color:#00aab6;
		    padding:2%;
		    margin:0% 0;
			 box-shadow:0px 0px .50px #666;}

.banner {text-align:center; width:100%;}
.times img     {margin-left:27px; }
.float-left  { margin-left:-100px; }
.fullwidth_home  {width:60%;  padding:2%; height:auto;}
.fullwidth_home p {text-align:justify; text-indent:3%;font-size:65%; padding:1% 0;}
.fullwidth_home img { margin:0%; box-sizing:border-box; padding-bottom:.25em; max-width:90%; float:left;}
.centerimg-top        {margin-left:50px;filter:opacity(50%);filter:grayscale(1);}
.centerimg            {margin-left:50px;}
.fullwidth_menus  {width:65%;  padding:2%; font-size:90%; height:auto;}
.fullwidth_menus img {margin:0em; box-sizing:border-box; padding-bottom:.25em;}
.ctr           {float:right; padding-right:45px; max-width:80%;}

.fullwidth_menus p    {text-align:justify; text-align:center;}
#hanlegastimesleft    {width:100%; height:auto;}
#hanlegastimesleft li  {width:98%; float:left; margin:0 auto; padding:0;}
#hanlegastimesleft li img {max-width:95%; margin-left:3%; }
.mothers               {width:100%;}
/*xxxxxxxxxxxxxxxxx mothers day start xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.mum               {width:98%; margin:50% auto 1% auto; height:425px; padding:2%; background-repeat: no-repeat; background-position:bottom; background-size:contain;}
.mums-menu          {width:100%; height:100px; float:left; }
.mums-menu img       {margin-left:40%;}
/*xxxxxxxxxxxxxxxxx mothers day end xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.menu                 {width:33%; float:right;}
#menus             {width:100%;}
.menu img             {height:85px; width:100px; margin-left:31%;}
.special           {width:300px; height:auto; float:left;}
.fullwidth   {width:60%; padding:2%; font-size:70%; height:ato;}
.fullwidth ul li  {list-style:none;}
.fullwidth h2 {font-size:100%;}
.wide     {width:100%; padding:2% 5%;height:auto; }
.nonindent    {text-indent:0px; padding-left:1%;}
.clear         {float:left; height:300px; }
.left          {float:right; padding:2%; width:38%; padding-left:75px;}
.right          {float:right; padding:2%; width:48%; clear:left; margin-top:-450px;}
.full-length     {height:600px; background-image:url(http://churchfarmcandcpark.co.uk/images/CW%202015/pwwa.jpg); background-size:contain; background-repeat:no-repeat; opacity:.8;}
.one-third-small    {float:left;  text-align:center; padding:2%;   width:20%; height:200px;}
.one-third-small img { opacity:.2}
.one-third-small-l    {float:left;  text-align:center; padding:2%; /*margin:1% 0 0 2%;*/  width:40%; height:auto;}
.one-third-small-r    {float:right;  text-align:center; padding:2%;   width:20%; height:auto;}
.falsefooter          {display:none;}				  
.clearfix             {clear:both;}

/*@media only screen and (min-width:1024px){
#i-nav            {display:none;}
.www              {margin:1% 30%;}
  }   					  
@media only screen and (max-width:1024px){     
.photo          {display:none;}
#i-nav            {display:none;}
body         {width:100%;}

}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only I PAD MINI portraitxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
.www           {margin-left:30%;}	  

.menu_1          { width:95%;}
.menu_2          { width:95%;}
.menu_3          { width:95%;}
.menu_4          { width:95%;}
.menu_5          { width:95%;}
.centerimg img   { max-width:80%; float:left; margin:0;}
.fullwidth_home  {width:56%;  padding:1%; margin-bottom:2%;}
.fullwidth_home img {max-height:195px; width:%; float:left; padding:0;}
	
.times         {width:40%; height:760px;} 
#hanlegastimesleft li img {max-width:95%; margin-left:3%;}
.fwhimg              {max-width:95px; height:100px; padding-left:10px; margin-bottom:2%;}
.fwhimgc             {max-width:95px; height:100px; padding-left:10px;margin-bottom:2%;}
.fwhimgr             {max-width:95px; height:100px; padding-left:10px;margin-bottom:2%;}	  
}
*//*****media queriers******/
@media only screen and (max-width:780px){
	.fullwidth      {width:100%; padding:2%;}
	.fullwidth_home  {width:60%;  float:left; padding:3%;}
	#hanlegastimesleft {width:100%;  float:left; height:auto; padding:2%}
	#hanlegastimesleft li {width:100%; height:auto;}
	.mum                   {width:100%; border:none;}
	.mum-menu img   {}
	aside {padding:0 2.5%;}
	article   {width:98%; padding:2%;}
	article img {max-width:80%; height:auto;}
	aside        {width:100%;}
	
	.photo          {display:none;}
 	#advert        {width:100%; float:left; margin-bottom:25px;}
	.left_img   {float:left; margin:.50% 0% .50% 2%; max-height:60px; }
    .right_img  {max-height:50px; }
	.img    {display:none;} 
	.header        { background-size:cover; height:auto; margin-bottom:0; padding-bottom:5px; width:100%;}
	.times      {}
	.times img   {margin-left:0px; max-width:100%; height:10%}
		
	.fullwidth_menus img {margin:0 box-sizing:border-box; padding-bottom:.25em;}
	.ctr           {float:right;}
	header h1 {font-size:85%; padding-top:20px;margin-right:0; } 
	
	section      {width:100%; height:auto; }
	article       {width:100%; }
	aside        {width:100%;}
	.bkg p          {text-align:center;}
	.cw h5          {text-align:center; padding:0; margin:0;}
		.one-third 	  {width:85%; margin:0 auto;}
	.one-third-2  {}
	.one-third-2 img {}
	.one-third-3 { text-align:center; margin-left:20%;}
	.one-third-3 img {}
	
	.sites           {width:100%;}	
	.sitesmain       {width:100%;}
	.fullwidth_menus  {width:60%;  padding:0%;}		
	.menu                 {width:35%;}
	#menus             {width:100%;}
	#menus h1           {font-size:65%;}
    #menus img         {height:45px; width:70px;} 
	.menu_1, .menu_2,.menu_3,.menu_4,.menu_5 {width:100%;}
	.www           {margin-left:32%; width:70px;}
	
	
	   
	   
	}
@media only screen and (max-width:380px){
	body {width:98%; padding:2%; float:left;}
	#top  {height:62px;}
	
	#callout_r   {width:100%; height:35px;float:left; padding:2%;}
	#callout_r h1  {color:#FFF; font-size:65%; text-align:left;color:#fff;}
	#callout_l   {width:100%; float:left; padding:0%; height:auto; border:none;}
	#callout_l h1  {color:#3F9; font-size:85%; text-align:left;color:#fff;}
	aside {padding:0 2.5%;}
	article   {width:98%; padding:2%;}
	article img {max-width:80%; height:auto;}
	.center     {font-size:80%;}
	.banner         {height:100px;}
	#subbanner      {width:100%;}
	.header          {height:100px;  margin-bottom:5px;}
	.header h1 {font-size:50%;padding-top:0; }
	.small     {text-align:center; font-size:9px;}
	.times      {width:100%;}
	.times img   {margin-left:7%}
	#hanlegastimesleft {width:100%;float:left; height:auto;}
	#hanlegastimesleft  li {width:100%;float:left; height:auto;}

	.mum                   {width:80%;background-size:contain; background-repeat:no-repeat;}
	.mums-menu img     {height:85%; width:35%; margin:1% 30% 3% 30%;}
	header p    {font-size:40%;padding-top:0; }
	h2  {font-size: 80%; font-weight:400; color:rgba(153,0,0,1); padding:1% 0;}
	h5   {font-size: 50%;}
	p    {font-size: 80%; line-height:150%;}
	aside p {font-size:50%;}
	.facilities ul  {text-align:left; width:98%; float:left;padding-bottom:7px;}
	#calender { max-width:100%; text}
	table  {width:98%; font-size:auto;}
	ul li {list-style:none;}
	section      {width:100%; font-size:70%;}
	footer      {background-color:#fff;}
	.yyy          {float:left; margin-left:3%;}	
	.left_img   {float:left;  max-height:60px; }
    .img       { max-height:60px; } 
	 .one-third {display:100%;}	 
	.one-third-2  { width:100%; height:180px;text-align:center;float:left; padding:0; margin:0;}
	.one-third-2 h2 {font-size:65%; }
	.one-third-2 a {font-size:80%;}	
	.one-third-3 {display:none;} 	
	.right_img {padding:0; margin:0; float:right;}
	.left_img {padding:0; margin-left:2%; padding:0; float:left;}
	.topimg    {display:none;}
	.fullwidth_home       {width:100%; padding:2%; text-align:left;}
	.fullwidth_home p {text-align:Justify; font-size:60%; line-height:95%; padding:1%; margin:0;} 
	.fullwidth h2    {font-size:110%;}
	.fullwidth_home img {max-width:100%; float:left; margin:0; padding:.50%;}
	.fullwidth_menus  {width:100%;  padding:0%; height:auto;}
	.fullwidth_menus p  {text-align:justify; font-size:60%; line-height:125%; padding:1%; margin:0;}
	.fullwidth_menus h1 {font-size:65%; line-height:125%; padding:1%; margin:0;}
	.fullwidth_menus img {max-width:100%; float:left; margin:0; padding:.50%;}
	menu-half-l           {width:100%; float:left;}
	.center               {width:100%;}
	.centerimg            {min-width:100%; margin:0; padding:0px;}
	.centerimg-top     {min-width:100%; margin:0; padding:0px;}
	.h1        {font-size:50%; text-align:center; width:80%;}
	#menus    {width:100%; float:left; padding:2%;}
	.menu      {width:100%; float:left; padding:2%;}
	 .menu    {display:none;}
	 .menpage   { display:inline-block;width:100%; font-weight:800; color:#FFF; height:20px; background-color:rgba(128,64,0,1)}
	.falsefooter  {width:98%; height:45px; margin-top:15px;display:block;}
	.falsefooter p {text-align:center; padding:0px 0px; line-height:105%; font-size:50%; font-weight:bold;}
	 footer    {display:none;}
	 
	  		   
	}