@media print {
.printheader {display: block;  }
.header {display: none;  }
.leftnav { display: none; }
.maincontent {
	font-size: 10px;
	font-family: Verdana;
width: 100%;
height: auto;
padding: 6px;
margin: 0px;
}
.contactlabel { visibility: hidden;}
div.contactlabelwide { visibility: hidden;}
input.contact {display: none;}
input.datefield {display: none;}
textarea {display: none;}
}

@media screen {
.printheader { display: none; }
.header {
background-color: #81B285;
# background-image: url("../images/logoslice.gif"); 
height: 55px;
width: 100%;
border-bottom: 1px solid #81B285; }
.maincontent {
	font-size: 10px;
	font-family: Verdana;
width: 78%;
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
height: auto;
float:left;
padding: 6px;
margin: 0px;
}
}

body {margin: 0px; padding:0px;}

.headerimage {left: 18px; position:absolute;}

.leftnav {
width: 19%;
# border-left: 1px solid #96d28a;
border-left: 1px solid #81B285;
height: auto;
float:left;
padding: 0px;
margin: 0px;
# background-color: #96d28a;
background-color: #81B285;
}

ul.leftnavmainbuttons {
	display: inline;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
li.leftnavmainbutton {
	list-style-type: none;
	text-align: center;
	float:right;
	width: 90%; 
	padding: 3px 5% 3px 0px;
	margin: 0px;
}
a.leftnavmainlink {
	display:block;
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #000000;
	float:right;
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
	font-weight: bold;
background-color: #ffffff;	
}
a.leftnavmainlink:hover {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: underline;
	color: #ed0c1f;
background-color: #ffffff;	
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
}
a.leftnavmainlink:active {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #ed0c1f;
background-color: #ffffff;	
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
}

ul.leftnavsubbuttons {
	display: inline;
	margin: 0px;
	padding: 0px;
}
li.leftnavsubbutton {
	list-style-type: none;
	text-align: center;
	float:right;
	width: 80%; 
	padding: 0px 5% 0px 0px;
	margin: 0px;
}
a.leftnavsublink {
	display:block;
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #000000;
	float:right;
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
background-color: #ffffff;	
}
a.leftnavsublink:hover {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: underline;
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
	color: #ed0c1f;
background-color: #ffffff;	
}
a.leftnavsublink:active {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #ed0c1f;
background-color: #ffffff;	
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
}


td.contentheading {display: none; }
span.small {display: none; }
td.createdate {display: none; }
td.modifydate {display: none; }
p, li, div {
	font-size: 10px;
	font-family: Verdana;
}
.footer {
	font-size: 10px;
	font-family: Verdana;
width: 100%;
text-align: center;
}
.blank {
width: 100%;
height: 30px;
clear: both;
}
.blank_strip {
width: 100%;
height: 0px;
clear: both;
}
.mainimage {
float: right;
padding: 3px;
}

.welshtouristboard {
	background-color: white;
	border: 1px solid gray;
	margin: 3px;
	height: 62px;
}
.welshtouristboardtext {
padding: 3px;
margin: 0px;
float: left;
width:50%;
height: 62px;
}

.welshtouristboardimage {
width: 58px;
float: right;
padding: 3px;
margin: 0px;
text-align:right;
}
.cottageimage {
float: left;
margin-right: 10px;
}
.cottagetext {
float:left;
}
.cottageimageleft {
float: left;
width:45%;
padding: 5px;
text-align:left;
}
.cottageimageright {
float: right;
width:45%;
padding: 5px;
text-align:right;
}
.tourleftcolumn {
float: left;
width:45%;
}
.tourrightcolumn {
float: right;
width:45%;
}

.tournavigation {
width: 20%;
float: right;
}
ul.tournavigationbuttons {
	display: inline;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
li.tournavigationbutton {
	list-style-type: none;
	text-align: center;
	float:left;
	width: 10%; 
	padding: 3px 3px 3px 0px;
	margin: 0px;
}
li.starttourbutton {
	list-style-type: none;
	text-align: center;
	horizontal-align:center;
	width: 50%; 
	padding: 0px 25% 0px 0px;
	margin: 0px;
}
a.tournavigationlinkoff {
	display:block;
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #000000;
	float:right;
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
background-color: #ffffff;	
}
a.tournavigationlinkoff:hover {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: underline;
	color: #ed0c1f;
background-color: #ffffff;	
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
}
a.tournavigationlinkoff:active {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #ed0c1f;
background-color: #ffffff;	
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
}
a.tournavigationlinkon {
	display:block;
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #ed0c1f;
	float:left;
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
	font-weight: bold;
background-color: #ffffff;	
}
a.tournavigationlinkon:hover {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: underline;
	color: #ed0c1f;
background-color: #ffffff;	
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
}
a.tournavigationlinkon:active {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #ed0c1f;
background-color: #ffffff;	
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
}
a.starttourlink {
	display:block;
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #000000;
	float:left;
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
	font-weight: bold;
background-color: #ffffff;	
}
a.starttourlink:hover {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: underline;
	color: #ed0c1f;
background-color: #ffffff;	
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
}
a.starttourlink:active {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #ed0c1f;
background-color: #ffffff;	
	width: 100%; 
	border: 1px solid gray;
	padding: 1%;
	margin: 0px;
}
.starttournavigation {
width: 100%;
float: center;
}
.contactlabel {
display: block;
width: 150px;
float: left;
line-height: 2em;
font-weight: bold;
}
.contactlabelwide {
display: block;
width: 400px;
float: left;
line-height: 2em;
font-weight: bold;
}
input.contact {
float: left;
position: relative;
}
input.datefield {
display: inline;
}
textarea {
float: left;
width: 300px;
height: 6em;
}
.mapimage {
float: center;
padding: 3px;
}
table.ratetable {
border: collapse;
border: 1px solid black;
padding: 0px;
spacing: 0px;
}
th.rateheading {
border-bottom: 1px solid black;
padding: 3px;
spacing: 0px;
}
td.rate {
text-align: center;
}
table.seasons {
border: collapse;
border: 1px solid black;
padding: 0px;
spacing: 0px;
width: 100%;
}
th.seasonheading {
border-bottom: 1px solid black;
padding: 3px;
spacing: 0px;
border-left: 1px solid gray;
border-right: 1px solid gray;
}
td.seasondate {
text-align: center;
padding: 3px;
spacing: 0px;
border-left: 1px solid gray;
border-right: 1px solid gray;
}

td.today {
font-weight: bold;
}

tr.low {background-color: #C3FFB0; }
tr.mid {background-color: #FFE87C; }
tr.high {background-color: #CFECEC; }
tr.peak {background-color: #BA55D3; }
tr.none {background-color: white; }
tr.red {background-color: red; }
td.low {background-color: #C3FFB0; }
td.mid {background-color: #FFE87C; }
td.high {background-color: #CFECEC; }
td.peak {background-color: #BA55D3; }
td.none {background-color: white;}
td.empty {background-color: gray;}


.wasco{
	background-color: white;
	border: 1px solid gray;
	margin: 3px;
	padding: 3px;
text-align: center;
}
.wascotext {
padding: 3px;
margin: 0px;
text-align: center;
}

.wascoimage {
text-align: center;
padding: 3px;
}
.ata{
	background-color: white;
	border: 1px solid gray;
	margin: 3px;
	padding: 3px;
	text-align:center;
}

a.atalink {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
background-color: #ffffff;	
}
a.atalink:hover {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: underline;
	color: #ed0c1f;
background-color: #ffffff;	
}
a.atalink:active {
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	color: #ed0c1f;
background-color: #ffffff;	
}