@charset "utf-8";
/* CSS Document */

/* Defaults */
* {
	margin:0;
	padding:0;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	color:#666;
	}
a {color:#59E;text-decoration:none;}
a:hover {color:#00F;text-decoration:underline;}
acronym{border-bottom: 1px dotted #00F; cursor:help;}


/* The whole page */
body {
	background-color:#C4EBEF; ;
	background-image:url(../images/rainbow.png);
	background-repeat:repeat-x;
	}

/* Banner */
div#Banner {
	background-color:#FFF;
	background-image:url(../images/bannerbg.png);
	background-repeat:repeat-x ;
	background-position:bottom;
	width:1000px;
	margin:20px auto;
	border: 1px solid #A66;
	padding: 20px 0 30px ;
	}
div#Banner h1 {
	color: #555;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.25em;
	}
div#Banner p {
	color: #555;
	font-style:italic;
	letter-spacing:0.25em;
	text-align:center;
	margin-top:10px ;
	}
div#Contact {position:relative;width:100%;margin-bottom:5px;}
div#Contact p {position:absolute;width:250px;letter-spacing:0;font-style:normal;}
div#Contact p.left {left:10px;text-align:left;}
div#Contact p.right {left:738px;text-align:right;}

/* Big Content Area*/
div#Content {
	position:relative;
	background-color:#FFF;
	width:960px;
	margin:20px auto;
	border: 1px solid #A66;
	padding: 20px 20px 0 20px ;
	}
div#Content h1 {width:100%;border-bottom:1px solid #29c756;background-color:#F0F8FF;margin-bottom:10px;}	
div#Content h2 {font-size:20px;margin-top:20px;}
div#Content h3 {font-size:14px;margin-top:15px;}
div#Content p {margin:0.5em 0;line-height:1.5em ;}	

/* Content - Side Panel */
div#SidePanel {
	float:left;
	width:220px;
	margin: 0 ;
	border: 1px solid #A66;
	padding:0 20px 20px;
	text-align:justify;
	}
#SidePanel h1 {
	font-size:18px ;
	text-align:left;
	margin-top:30px ;
	margin-bottom:5px ;
	padding-left:3px ;
	text-transform:uppercase;
	letter-spacing:0.15em;
	}
#SidePanel ul.menu {
	margin-top:10px ;
	list-style:none;	
	}
#SidePanel ul.menu ul {
	margin-top:0;
	}
#SidePanel ul.menu li {
	margin:5px 10px ;
	}
#SidePanel img.stars {
	display:block;
	margin:5px auto;
	}

/* Content - Main Area */
div#Main {
	width:636px ;
	float:right;
	margin: 0 ;
	padding:20px ;
	}
div#Main h1 {padding-left:5px;}
div#Main ul {margin-left:30px;}
div#Main li {margin:5px 0 ;}

/* Content - Photograph */
img.photo {
	margin: 15px 0 10px 20px;
	border: 1px solid #DDD;
	border-right: 2px solid #BBB;
	border-bottom: 2px solid #BBB;
	padding:8px;
	}
img.f-right {clear: both;float: right;}
img.f-left {clear: both;float: right;}
img.no-clear {clear:none;}

/* Content - Tariff table and availability */
div.Tariff-Table {
	width:49%;
	text-align:center ;
	float: left;
	}
div.Tariff-Availability {
	width:49%;
	text-align:center ;
	float: right;
	}
table.Tariff {
	display:inline-table;
	margin:10px auto;
	border-collapse:collapse;
	border:1px solid #977;
	}
table.Tariff th {
	width:120px;
	border:1px solid #977;
	border-bottom-color: #29c756;
	background-color:#F0F8FF;
	}
table.Tariff td {
	padding:5px ;
	text-align:center;
	border:1px solid #977;}

iframe.IKS {
	display: inline-block ;
	margin:10px auto;
	border: 1px solid #DDD;
	border-right: 2px solid #BBB;
	border-bottom: 2px solid #BBB;
	padding:8px;
	}
div.Tariff-Availability + p {
	clear:both;
	}

/* Content - Info Box */
div#Content div.InfoBox {
	clear:both;
	margin:20px 0 0 ;
	border: 1px solid #DDD;
	border-right: 2px solid #BBB;
	border-bottom: 2px solid #BBB;
	padding: 15px;
	background-image:url(../images/paper.png);
	}
div#Content div.InfoBox h1 {
	width: 50%;
	border:none;
	background-color:inherit;
	font-size:18px;
	color:#555;
	}
div#Content div.InfoBox p {
	margin:0 10px;
	text-align:left;
	}
div#Content div.InfoBox p.credit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	text-align:right;
	}

/* Content - Wildlife sightings */
div#Content ul.sightings {
	margin: 10px 50px;
	text-align:center;
	line-height:1.5;
	}
div#Content ul.sightings li{
	display:inline ;
	padding:0 8px ;
	list-style:none;
	font-style:italic ;
	}

/* Content - Comments */
div#Content li.favourite {
	color:#59E;
	}

/* Call to Action */
p.call-to-action {
	clear:both;
	padding-top:30px;
	text-align:center;
	}

/* Content - Footer */
p.footer {
	clear:both;
	margin-bottom:5px ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
	text-align:center;
	color:#999;
	}
.footer a {
	font-family:Arial, Helvetica, sans-serif;
	}