@media screen
{
body, p, li		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin:0; padding:0; }

.toppane        { background-color:#fff; margin:5px auto 5px auto; padding:0; width:940px; }
.toppane p.t 	{ font-family: Times, serif; font-size:36px; font-weight: bold; margin:0; padding: 0 0 0 0; color:#057901; }
.toppane p.t span { font-size:30px; margin:0; padding:5px 0; font-style:italic; color:#057901;  }
.toppaneleft    { margin:5px auto 5px auto; padding:0; width:720px; float:left; }
.toppaneright   { margin:5px auto 5px auto; padding:0; width:200px; float:right; } 

.toppaneright p { margin:0; }
.contact 		{ margin:1px 0; padding:10px; text-align: center;
				  border: 2px solid #ccc;
				  -moz-border-radius: 5px 5px 5px 5px;
				  -webkit-border-radius: 5px 5px 5px 5px;
	              border-radius: 5px 5px 5px 5px;
	              background: #ddd; 
				  background: -ms-linear-gradient(top, #ddd, #eee); 
				  background: -moz-linear-gradient(top, #ddd, #eee); 
				  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#eee));
 }
.contact p, 
.contact a,
.contact a:visited,
input.linkButton,
input.linkButton:hover  { background:none; border: none; color:#057901; font-size:12pt; font-weight:bold; text-decoration:none; }
input.linkButton       { font-size:12pt; }
input.linkButton:hover { font-size:12pt; text-decoration:underline; }			 
input[type='radio']    { margin: 0 10px 0 30px; }

.submenu,		
.submenu p		{ margin:0 auto; padding:0; }
div.submenu ul  { list-style:none; margin:0; padding:0px 0 0 0; }
div.submenu li  { list-style:none; float:left; text-align:center; 
				   padding: 1px 20px; margin:0; 
				   /*border-top:1px solid #aaa;*/
				   border-left:1px solid #aaa;
				   border-bottom:1px solid #aaa; }
div.submenu li.last  {  border-right:1px solid #aaa; }



.search			{ width:360px; float:right; padding:0; }
.searchouter    { width:350px; float:right; margin:2px 0; }
.searchouter p  { float:left; margin:8px 0 0 0; padding:0; font-weight:bold; color:#057901; }
.searchformouter { width:290px; float:right; background-color:#fff;
				   border:2px solid #057901; 
				   -moz-border-radius:10px; 
				   -webkit-border-radius: 10px; 
				   border-radius: 10px; }
.searchformouter div { float:right; width:20px; color:#fff; padding:3px 8px;
					   background:#057901; 
					   background: -ms-linear-gradient(top, #057901,#07ac01); 
					   background: -moz-linear-gradient(top, #057901,#07ac01); 
					   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#057901), to(#07ac01));
					   -moz-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; 
					   -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; 
					   -moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; 
					   -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.searchformouter input { font-size:12pt; height:30px; margin:2px 0 0 12px; border:none; color:#057901;  }
.searchformouter div input { font-size:12pt; font-weight:bold; margin:0; padding:0; color:#fff; background-color:transparent; }




.mainpane		{ margin:0 auto; padding:0; width:940px; }
.bodytext		{ float:left; clear:both; margin:0; padding:0;
width:620px;				}
.article 		{ clear:both; }

div.breadcrumb	{ background-color:#eee; padding: 2px 5px; border-bottom:2px solid #057901;  
				  color:#057901; }
div.breadcrumb a { font-weight:bold; color:#057901; }
div.breadcrumb p { margin:0; }
				  
div.pagetools	{ background-color:#fff; margin:0; width:100%; height:40px;
			      background-color:#ddd;
				  background: -ms-linear-gradient(top, #eee, #ddd);
				  background: -moz-linear-gradient(top, #eee, #ddd);
				  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd)); }
div.pagetools ul { list-style:none; margin:0; padding:3px 0 0 0; }
div.pagetools li { list-style:none; float:left; text-align:center; 
				   padding: 7px 10px; margin-right:12px; border:none; }
div.pagetools li.r { float:right; padding: 0px 0px; }

.rightpane 		{ float:right; margin:0; padding:0; width:300px; }

.footerpane		{ background-color:#057901; 
				  margin:5px auto 0 auto; 
				  padding:20px; width:900px; clear:left; 
				  /* Background color and gradients */
				  background: #057901; 
				  background: -ms-linear-gradient(top, #057901,#07ac01);
				  background: -moz-linear-gradient(top, #057901,#07ac01);
				  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#057901), to(#07ac01)); }
.footerpane div.p { float:left; padding:0 20px; 
					text-shadow: 1px 1px 1px #000; 
					border-right: 1px dotted #fff; }
.footerpane div.pr { float:left; padding:0; 
					text-shadow: 1px 1px 1px #000; 
					border-right: none; }
.footerpane p, 
.footerpane h3, 
.footerpane h5,
.footerpane a   { color: #fff; text-decoration: none; 
				  text-shadow: 1px 1px 1px #000; background:none;
				  padding:0; }
.footerpane a:hover,
.footerpane a:visited { color: #fff; text-decoration: underline; }

.footerpane h3  { padding:0 20px 10px 20px; margin:0; }
.footerpane p   { padding:0 20px 3px 20px; margin:0; }
.footerpane h5  { padding:0; margin:0; }
.printfooter    { display: none; }

.debug			{ background-color:#ffffc0; border: 2px solid #f00; padding:20px; margin:20px; }
.debug p 		{ font-size:10pt; margin:2px 0; padding:0; }

h1, h2, h3, h4  { font-family: Arial, Helvetica, sans-serif; }
p,h1,h2,h3,h4,h5,h6	{ margin:0; padding:0; }
h1				{ font-size:15pt; }
h2				{ font-size:14pt; }
h3				{ font-size:12pt; color:#fff; 
				  background:#057901; 
				  background: -ms-linear-gradient(top, #057901,#07ac01);
				  background: -moz-linear-gradient(top, #057901,#07ac01);
				  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#057901), to(#07ac01));
				  -moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; 
				  -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; 
				  text-shadow: 1px 1px 1px #000; }
h5				{ font-size: 9pt; font-weight:normal; }
h6				{ font-size: 8pt; font-weight:normal; }
h6.strap		{ font-size:8pt; }

p 				{ margin-bottom:10px; font-size:10pt; }
p.error 		{ clear:left; font-weight:bold; color:#f00; }
p.subheading 	{ margin-bottom:30px; font-size:12pt; }
h3.simple		{ padding:0; margin:0; background: none; color:#000; text-shadow:none; } 
h3 a, 
h3 a:visited 	{ color:#fff; text-decoration: none; }
h3 a:hover	    { color:#fff; text-decoration: underline;  }

a:visited, a	{ text-decoration:none; color:#00f; }
a:hover			{ text-decoration:underline; color:#888; }

img 			{ border:none; }
.centred 		{ display:block; margin:10px auto; }

/* following span need to be removed once all forms are fixed */
span.formleft,
span.formright	{ float:left; }
span.formleft p,
span.formright p { margin:0; }
span.formleft 	{ width: 180px; clear:left; }



div.formleft,
div.formright	{ float:left; }
div.formleft p,
div.formright p { margin:0; }


div.formleft 	{ width: 180px; clear:left; }

/* Home page panels  */
div.destinations  { /*background-color:#bad;*/ width:450px; float:left; margin-right:20px; }  

/* 1, 2, 3 or 4 columns in the full pane width (no right pane) */

div.smallpanel_1col { width:620px; }
div.smallpanel_2col,
div.smallpanel_2colr { width:300px; }
div.smallpanel_3col,
div.smallpanel_3colr { width:193px; }

div.fullpanel_1col  { width: 100%; }
div.fullpanel_2col,
div.fullpanel_2colr { width:460px; }
div.fullpanel_3col,
div.fullpanel_3colr { width:300px; }
div.fullpanel_4col,
div.fullpanel_4colr { width:220px; }

div.fullpanel_1col,
div.smallpanel_1col,
div.fullpanel_2col,
div.smallpanel_2col,
div.fullpanel_3col,
div.smallpanel_3col,
div.fullpanel_4col, 
div.fullpanel_2colr,
div.smallpanel_2colr,
div.fullpanel_3colr,
div.smallpanel_3colr,
div.fullpanel_4colr  { float:left; margin: 20px 20px 20px 0; }

div.fullpanel_1col h3,
div.smallpanel_1col h3,
div.fullpanel_2col h3,
div.smallpanel_2col h3,
div.fullpanel_3col h3,
div.smallpanel_3col h3,
div.fullpanel_4col h3, 
div.fullpanel_2colr h3,
div.smallpanel_2colr h3,
div.fullpanel_3colr h3,
div.smallpanel_3colr h3,
div.fullpanel_4colr h3 { padding:10px; }

div.fullpanel_1col,
div.smallpanel_1col,
div.fullpanel_2colr,
div.smallpanel_2colr,
div.fullpanel_3colr,
div.smallpanel_3colr,
div.fullpanel_4colr  { margin-right:0; }
div.fullpanel_1col	 { border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; }

p.buttonl,
p.buttonr,
p.button			{ width:130px;
					  padding: 5px 5px;
					  margin:10px 0;
					  color: #00f; 
					  font-weight: bold;
					  text-align:center;
  					  border: 2px solid #ffff49;
				  	  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
				  	  background: #ffff6b; }
div.button,
div.buttonr 		{ width:130px; 
					  color: #00f; 
					  padding: 8px 12px;
					  font-weight: bold;
					  text-align:center;
  					  border: 2px solid #ffff49;
				  	  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
				  	  background: #ffff6b; }
div.buttonr			{ float:right; }
div.button:hover,
div.buttonr:hover	{ color:#888; text-decoration:underline; }		


		  	  	
				  	  			  	  
p.button:hover		{ color:#888; text-decoration:underline; }						  	  
p.buttonl 			{ background: #ffff6b url(/images/Devon/icons/leftarrow.gif) 5% 50% no-repeat; 
				  	  float:left; }
p.buttonr			{ margin-top:0; background: #ffff6b url(/images/Devon/icons/rightarrow.gif) 95% 50% no-repeat; 
					  float:right; }
					  

/* inner content for all panels */
.inner, .item		{ padding:10px;
					  background-color:#eee;
					  background: -ms-linear-gradient(top, #eee, #ddd);
				  	  background: -moz-linear-gradient(top, #eee, #ddd);
				  	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd));
					  border-left: 1px solid #ccc; 
					  border-right: 2px solid #aaa; 
					  border-bottom: 2px solid #aaa; 
	  				  -moz-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; 
     				  -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
     				  
div.inner h3   { color: #000; background:none; text-shadow: none; padding:0; margin:0; }
     				  
.item 		{ border-top: 1px solid #ccc; 
			  -moz-border-radius: 6px;
	  		  -webkit-border-radius: 6px; 
	  		  border-radius: 6px; }

	  		  
/* spam and bot tracking */
input.address { display:none; }	  		  
	  		  
/* small maps */
div.smallmapframer { float:right; width:280px; margin-left:10px; padding-left:10px; 
				     border-left:1px solid #ddd; }
div.smallmap    { float:right; width:280px; height:200px; }
h6.mapcaption,
a.mapcaption	{ padding-right:2px; text-align:right; color:#aaa; }

div.overlaymap  { width:600px; height:400px; z-index:10001; }
div.googlemap   {}



/* events on homepage */
div.inner h3.evtitle  { color:#057901; font-size: 14pt; }
div.inner p.evdate    { color:#057901; font:italic 12pt Times, serif; margin:2px 0 10px 0; }
div.inner p.evdetail  { margin-left:60px; padding:0 0 3px 0; border-bottom: solid 1px #e0e0e0; }
div.inner p.evsumm    { width: 365px; }
div.inner img.evimage { width: 175px; float:right; margin-left: 5px; }
p.mth 		{ font-weight:bold; color:#fff; padding:0; margin:1px 0; text-align: center; }
p.small 	{ font-size:9pt; padding:0; margin:48px 0 0 0; text-align: center; }

div.cal     { float:left; width:66px; margin:20px 0 0 0; 
			   background:url(/images/common/icons/calendar1.png) top center no-repeat; }
div.cal2    { float:left; width:66px; margin:20px 0 0 0;  
			  background:url(/images/common/icons/calendar2.png) top center no-repeat; }

			  
/* Attractions on home page */
img.atn 	{ float:left; margin-right:8px; }
div.atnl, 
div.atnr 	{ width:180px; background-color:#ddd; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
div.atnl 	{ margin:10px 10px 10px 20px; float:left; clear:left; }
div.atnr 	{ margin:10px; float:right; clear:right; }
div.atnl p, div.atnr p { margin: 16px 0 0 0;}



/* outdoor gear pages */
.item 		{ padding:10px;
			  background-color:#eee;
			  background: -ms-linear-gradient(top, #eee, #ccc);
		  	  background: -moz-linear-gradient(top, #eee, #ccc);
		  	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
			  border-top: 1px solid #ccc; 
			  border-left: 1px solid #ccc; 
			  border-right: 2px solid #aaa; 
			  border-bottom: 2px solid #aaa; 
	  		  -moz-border-radius: 6px;
	  		  -webkit-border-radius: 6px; 
	  		  border-radius: 6px; }
li.category  { margin: 0 0 0 40px; padding:0; list-style:none; }
div.category { background-color:#eee; width:300px; float:right;padding:10px; }
h3.category  { margin:0; padding:0; background: none; color:#000; text-shadow: none; }



/* events */
img.icon 		{ float: left; }
div.pastmonth   { float:left; width:34px; text-align: center; padding:7px 2px; margin:2px; 
	  			  -moz-border-radius: 6px;
	  			  -webkit-border-radius: 6px; 
	  		  	  border-radius: 6px; 
				  background: #eee; }
p.pastmonth  { text-align: center; margin:0; }


div.currmonth   { float:left; width:140px; text-align: center; font-size:18pt; 
				  padding: 2px; }
p.currmonth  { text-align: center; font-size:18pt; font-weight:bold; margin:0; }
div.othermonth  { float:left; width:34px; text-align: center; padding:7px 2px; margin:2px; 
	  			  -moz-border-radius: 6px;
	  			  -webkit-border-radius: 6px; 
	  		  	  border-radius: 6px; 
				  background: #ddd; }
p.othermonth  { margin:0; }
p.othermonth a { text-decoration: none; }
p.othermonth a:hover { color:#fff; }
div.othermonth:hover { background: #ccc; color:#fff; }

div.eventday		{ padding:0 20px 10px 20px; }
span.eventday		{ font-size:10pt; padding:1px; margin:1px; }
span.pasteventday	{ font-size:10pt; padding:1px; margin:1px; }
span.eventday:hover	{ -moz-border-radius: 3px;
	  			      -webkit-border-radius: 3px; 
	  		  	      border-radius: 3px; 
				      background: #ccc; }
div.oneday 		{ background: #fff; 
				  background: -ms-linear-gradient(top, #ffffc0, #fff);
				  background: -moz-linear-gradient(top, #ffffc0, #fff);
				  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffc0), to(#fff)); }
div.onedayweekend { background: #fff; 
				    background: -ms-linear-gradient(top, #cfc, #fff);
				    background: -moz-linear-gradient(top, #cfc, #fff);
				    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfc), to(#fff)); }
				  
				  
				  
div.date		{ width: 80px; text-align:center; float:left; }
div.date p.date	{ font-size:20pt; }
div.date p.day	{ font-size:10pt; }
div.daysevents  { width:540px; float: left; margin-bottom:0px; }
div.dividedays  { clear:both; border-bottom: 1px solid #057901; margin:2px 0 0 0;}
p.desc 			{ color:#888; font-size:8pt; margin-bottom:10px; }

/* attractions */
.attr_menu		{ float:left; }
div.attr_menu 	{ width:220px; padding:2px 0 2px 60px; }
image.attr_menu {  }
p.attr_menu 	{ padding: 7px 0 0 5px; }


/* cottages */
h3.accom 		{ margin-top: 20px; padding:10px; }
}

/* villages */
div.vill 		{  width: 152px; float:left; padding-right:3px; }

/* photo gallery */
div.gallerypics { margin-left: 150px; }
div.gallerypics img { margin-bottom: 5px; }





@media print 
{
	.noprint,
	.search,
	.contact, 
	.submenu, 
	.breadcrumb, 
	.pagetools, 
	.rightpane, 
	.footerpane,
	.debug { display: none; }
	
img	{ }
a 	{ text-decoration:underline; }

div { width: 100%; margin: 0; float: none; }

div.date {width: 100px; float:left; }
p.date {float:left; margin-right: 10px;}

div.smallpanel_1col,
div.smallpanel_2col,
div.smallpanel_3col,
div.smallpanel_4col,
div.smallpanel_2colr,
div.smallpanel_3colr,
div.fullpanel_2col,
div.fullpanel_3col,
div.fullpanel_4col,
div.fullpanel_2colr,
div.fullpanel_3colr  { border: 1px solid #888; }
 
#map { display: none; }
}






@media only screen and (max-device-width: 480px) { /* mobile */
/*	needs to be done properly
    .noprint,
	.search,
	.contact, 
	.submenu, 
	.breadcrumb, 
	.pagetools, 
	.rightpane, 
	.footerpane,
	.debug,
	#menu, 
	#map	{ display: none; }
	
	.smallpanel_1col,
	.article,
	.toppane,
	.bodytext {width: 100%; }
*/
}

@media only screen and (max-device-width: 768px) { /* tablet */
/*	needs to be done properly
    .noprint,
	.search,
	.contact, 
	.submenu, 
	.breadcrumb, 
	.pagetools, 
	.rightpane, 
	.footerpane,
	.debug, 
	#menu, 
	#map    { display: none; }
	
	.smallpanel_1col,
	.article,
	.toppane,
	.bodytext {width: 100%; }
*/
}