/* page formatting */
html, body		{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small; /* for IE5/Win */
	font-size: small; /* everyone else */
	text-align: left;
	margin: 0;
	padding: 0;	
	height: 100%;
}

/* whole page wrap */
#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0 14px 0 14px;
	text-align: left;
	width: 760px;
	background-image: url("/images/back.jpg");
	background-position: center;
	background-repeat: repeat-y;
	height: auto;
/*	border-left: 2px solid #006633;
	border-right: 2px solid #006633;*/
}
	
/* header */
#header {
	overflow: hidden;
	background-image: url("/images/header.jpg");
	background-repeat: no-repeat;
	height: 159px;
	width: 100%;
	padding: 0;
	margin: 0;
}
#logo {
	padding: 36px 0 0 10px;
}
#emtel {
	color: #666633;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	float: right;
	text-align: right;
	margin: 10px 0 0 0;
}
#emtel a { 
	color: #999966;
	text-decoration: none;
}
#emtel a:hover { 
	color: #336600;
	text-decoration: none;
}
#emtel .tel { 
	font-size: 16px;
	color: #CCCC99;
	margin: 0 18px 0 142px;
}

/* navigation */
#navigation {
	float: right;
	text-align: right;
	color: #CCCC99;
	font-weight: bold;
	margin: 8px 18px 0 0;
}
a.nav           { color: #666633; text-decoration: none;}
a.nav:hover     { color: #669933; text-decoration: none;}
a.nav:visited   { color: #666633; text-decoration: none;}
a.nav:visited:hover     { color: #669933; text-decoration: none;}
a.navon         { color: #669933; text-decoration: none;}
a.navon:hover   { color: #669933; text-decoration: none;}
a.navon:visited { color: #669933; text-decoration: none;}
a.navon:visited:hover   { color: #669933; text-decoration: none;}

p, td, li	{
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 8px 0px 16px 0px;
	line-height: 160%;
}
h1 {
	color: #666633;
	font-size: 18px;
	margin: 0px;
	line-height: 200%;
	font-weight: bold;
}
h2 {
	color: #336600;
	font-size: 18px;
	margin: 0 0 5px 0;
	line-height: 200%;
	font-weight: bold;
}
h3 {
	color: #666633;
	font-size: 16px;
	margin: 0px;
	line-height: 140%;
	font-weight: bold;
}
h4 {
	color: #669933;
	font-size: 14px;
	margin: 0px;

	font-weight: bold;
}
form		   { margin: 0}
.error		{ color: #FF0000; font-size: 11px; font-weight: bold;}
.comment 	{ font-size: 9px; color: #666666;}
.whitetext	{ color: #FFFFFF; }
.padding {
	padding: 20px;
}
.100percentwidth { width: 100%; }

/* Links */
a           { color: #CC3300; font-weight: bold; text-decoration: none;}
a:hover     { color: #666633; }
a:visited   { color: #669933; }
a:visited:hover     { color: #666633; }


/* layout bits */
/* main content */
#content { 
	float: left;
	width: 540px;
	text-align: justify;
	padding: 0 0 0 0;
	margin: 16px 0 5px 0;
/*	border: 1px dotted #ff0077; */ 
}
#content img {
	padding: 10px;
}
#contenthome { 
	float: left;
	width: 382px;
	text-align: justify;
	padding: 0 0 0 0;
	margin: 16px 0 5px 0;
/*	border: 1px dotted #ff0077; */
}
#contentlogin { 
	float: right;
	width: 564px;
	margin: 16px 0 5px 0;
/*	border: 1px dotted #ff0077; */ 
}

/* tariff tables etc... */
#dates {
	text-align: center;
	border: 1px solid #CCCC99;
}
#dates td {
	font-size: 10px;
	border: 1px solid #CCCC99;
}
#dates .month {
	font-size: 11px;
	color: #FF3300;
	font-weight: bold;
}
#dates .day {
	font-size: 10px;
	color: #669933;
	font-weight: bold;
}
#dates .high {	
	font-size: 10px;
	background-color: #CCFF99;
	display: block;
	width: 20px;
	height: 20px;
   margin: 0px;
	padding: 0px;
	line-height: 20px;
	/* border: 1px solid #CCCC99; */
}
#dates .mid {	
	font-size: 10px;
	background-color: #FEFF99;
	display: block;
	width: 20px;
	height: 20px;
   margin: 0px;
	padding: 0px;
	line-height: 20px;
	/* border: 1px solid #CCCC99; */
}
#datesinfo .high {	
	font-size: 10px;
	background-color: #CCFF99;
	display: block;
	width: 20px;
	height: 20px;
   margin: 0px;
	padding: 0px;
	line-height: 20px;
	border: 1px solid #CCCC99;
}
#datesinfo .mid {	
	font-size: 10px;
	background-color: #FEFF99;
	display: block;
	width: 20px;
	height: 20px;
   margin: 0px;
	padding: 0px;
	line-height: 20px;
	border: 1px solid #CCCC99;
}
#datesinfo .low {	
	font-size: 10px;
	background-color: #FFFFFF;
	display: block;
	width: 20px;
	height: 20px;
   margin: 0px;
	padding: 0px;
	line-height: 20px;
	border: 1px solid #CCCC99;
}
#tariff {
	border: 1px solid #CCCC99;
}
#tariff td {
	border: 1px solid #CCCC99;
}
#tariff .title {
	color: #FF3300;
	font-weight: bold;
}
#tariff .title1 {
	font-size: 10px;
	color: #FF3300;
}
#tariff .red {
	color: #FF3300;
	font-weight: bold;
}
#tariff .red1 {
	color: #FF3300;
	font-weight: normal;
}

/*booking form */
#bookingform table {
	/*border: 1px solid #CCCC99;*/
}
#bookingform td {
	font-size: 11px;
	/*border: 1px solid #CCCC99;*/
}
#bookingform .required {
	font-weight: bold;
}


#nextprev { color: #CCCC99; }
#nextprev a { color: #666633; text-decoration: none; font-weight: normal;}
#nextprev a:hover { color: #669933; text-decoration: none;}

#simple a.info { color: #CC3300; font-weight: bold;}
#simple a.info:hover { color: #666633; }
#simple a.info:visited { color: #669933; }
#simple a.info:visited:hover { color: #666633; }

/* left nav list */
/* subnav */
#subnav {
	float: left;
	width: 146px;
	padding: 0 20px 0 30px;
	margin: 16px 0 0 0;
	text-align: left;
/*	border: 1px dotted #ff0066; */
}
#subnav img {
	margin-bottom: 10px;
}
#subnav ul {
	font-weight: bold;
	padding: 0px;
	margin: 8px 6px 0 6px;
	list-style: none;
}
#subnav li {
	margin: 0 0 4px 0;
}
#subnav a.newslink { margin: 0 6px 0 6px; font-weight: bold; color: #669933; text-decoration: none; font-size: 12px;}
#subnav a.newslink:hover  { color: #666633; }
#subnav a.guestlink { margin: 0 6px 0 6px; line-height: 200%; font-weight: bold; color: #666633; text-decoration: none; font-size: 12px;}
#subnav a.guestlink:hover  { color: #669933; }

#subnav a           { color: #666633; text-decoration: none; font-weight: bold;}
#subnav a:hover     { color: #669933; text-decoration: none;}

#subnav .scrollnews {
	color: #ffffff;
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}
#subnav .video_link {
	color: #ffffff;
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;	
}
/* address details */
#address {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	width: 140px;
	padding: 0;
	margin: 60px 0 20px 0;
	text-align: center;
/*	border: 1px dotted #ff0066; */
	line-height: 1.6em;
}
#address .name {
	line-height: 1.4em;
	font-size: 13px;
	color: #999966;
}
#address a {
	color: #669933;
}
#address a:hover {
	color: #999966;
}
/* news page and index*/
#news {
	line-height: 160%;
}
#news .date {
	color: #999999;
	margin: 0px;
}
#news .summary {
	margin: 0px;
}
#news a.index { color: #669933; font-weight: bold; }
#news a.index:hover { color: #666633; }

/* right column */
#rightcolumn {
	width: 174px;
	float: right;
	text-align: center;
	margin: 26px 0 0 0;
/*	border: 1px dotted #ff0066; */
}
#rightcolumn img {
	padding: 4px 2px 4px 2px;
}

.thumbnail {margin: 4px;}

hr {
	clear: both;
	color: #CCCC99;
	height: 2px;
	margin: 5px 0 10px 0;
}

/* news flash on home page */
#newsflash {
	text-align: justify;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 160%;
}
#newsflash .date {
	color: #999999;
	margin: 0px;
}
#newsflash .summary {
	margin: 0px;
}
#newsflash a.newshome { color: #669933; font-weight: bold; }
#newsflash a.newshome:hover { color: #666633; }
#newsflash a.newshome:visited { color: #666633; }

/* Footer */
#footer {
	clear : both;
	padding: 0 0 5px 0;
	margin: 0;
}
#footer .left {
	color: #669933;
}
#footer td {
	text-align: center;
	margin: 0px;
	color: #999966;
	vertical-align: bottom;
	font-size: 11px;
}
/* Footer links */
a.adminlink        	{ color: #ffffff; text-decoration: none;}
a.adminlink:hover  	{ color: #669933; text-decoration: none;}
a.adminlink:visited  { color: #ffffff; text-decoration: none;}
a.adminlink:visited:hover  { color: #669933; text-decoration: none;}
a.iconlink        { color: #ffffff; text-decoration: none;}
a.iconlink:hover  { color: #669933; text-decoration: none;}
a.iconlink:visited  { color: #ffffff; text-decoration: none;}
a.iconlink:visited:hover  { color: #669933; text-decoration: none;}