/* main website CSS Document */

body{
	background:#333399 url(../../images/template/bodybg.jpg) repeat-x 0 0;
}

#outer{
	width:965px;
	margin:auto;/* center the page*/
	text-align:left;/* reset text back to left due to ie5.x fix */
}	

#header{
	width:965px;
}	

/* tagline code */
#tagline{
	width:965px;
	height:173px;
	margin:-23px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: #FFFFFF url(../../images/template/header.jpg) no-repeat 0 0;
	position:relative;
	z-index:1;

}

#tagline a,
#tagline a em{
	position:absolute;
	width:240px;
	height:130px;
	overflow:hidden;
	left:25px;
	top:37px;
}

#tagline a em{
	cursor:pointer;
	left:0;
	top:0;
	/*background:url(../../images/template/logo.jpg) no-repeat 0 0; use this as an alternative to image in the html*/
}

#tagline span,
#tagline span em{
	position:absolute;
	width:305px;
	height:130px;
	overflow:hidden;
	left:300px;
	top:37px;
}

#tagline span em{
	left:0;
	top:0;
	background: #FFFFFF url(../../images/template/contacts.jpg) no-repeat 0 0;
}

ul#nav{
	font-size:92%;
	padding:18px 35px 5px 0;
	text-align:right;
}

ul#nav li{
	display:inline;
	padding:0 13px 0 0;
	text-transform:uppercase;
	font-style: italic;
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

ul#nav li a{
	background:inherit;
	color:#FFFFFF;
}

ul#nav li a:hover,
ul#nav li.current a{color:#FF3333}

ul#nav{
	position:relative;
	z-index:2
}

/* content top box */
#contenttop{
	width:965px;
	height:15px;
	background:url(../../images/template/contenttop.jpg) no-repeat 0 0; 
	position:relative;
}

/* main content */
#main,#content{width:965px}
#main{
	background: #FFFFFF url(../../images/template/contentbg.jpg) repeat-y 0 0;
	position:relative;
	z-index:1;
}
#content{
	min-height:500px;
}
* html #content {height:500px}/* for ie6 and under*/

#maincol{
	position:relative;
	width:580px;
	padding-left:30px;
	z-index:1;
}

#maincol-full{
	position:relative;
	width:900px;
	padding-left:30px;
	z-index:1;
}

#maincol #maincol-full, a{
	color:#333399;
	text-decoration:underline;	
}

#maincol #maincol-full, a:hover{
	color:#FF3333;
	text-decoration:none;

}

p.bold{
	font-weight:bold;
}

p.newsheading{
	font-weight:bold;
	font-size:100%;
	border-bottom: #000000 thin solid;
	padding-top: 10px;
	padding-bottom: 10px;
}

p.newsdate{
	font-weight:bold;
	text-align:right;
	padding-bottom: 10px;
	
}

/* footer and copyright */
#footer{
	width:965px;
	height:190px;
	padding:20px 0 0 0;
	background: #1D7ABF url(../../images/template/footer.jpg) no-repeat 0 0;
	clear:both;
	position:relative;
	z-index:2;		
}

#copyright{
	clear:both;
	position:relative;
	float:right;
	right:20px;
	top:65px;
}

#copyright p{
	background-color: inherit;
	color:#FFFFFF;
}	

#copyright a{
	color:#FFFFFF;
	text-decoration:none;
}
#copyright a:hover{
	color:#FF3333;

}

#copyright img{
	display:inline;
}

/* Light Box - Footer
---------------------------------------------------------------------------------------------*/
ul#lightbox { height: 118px; width: 792px;}
ul#lightbox li { position: relative; float:left; height: 106px; width: 197px; top:59px; left:161px;}

ul#lightbox li a {
	background-color: #1D7ABF;
	color: white; display: block; float: left;
	cursor: pointer; font-size: 1.0em;
	height: 106px; width: 197px;
}

ul#lightbox li a span {
	background-image: url(../../images/template/btn-list.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute; 
	height: 106px; width: 198px;
	top: 0; left: 0;
}


/* Light Box Footer links
------------------------------------------------*/
ul#lightbox li#row-item1 a span 		{ background-position: 0px -0px; }
ul#lightbox li#row-item2 a span 		{ background-position: 0px -106px; }
ul#lightbox li#row-item3 a span 		{ background-position: 0px -212px; }
ul#lightbox li#row-item4 a span			{ background-position: 0px -318px; }

/* Light Box Footer links hover
------------------------------------------------*/
ul#lightbox li#row-item1 a:hover span 	{ background-position: -198px 0px; }
ul#lightbox li#row-item2 a:hover span 	{ background-position: -198px -106px; }
ul#lightbox li#row-item3 a:hover span 	{ background-position: -198px -212px; }
ul#lightbox li#row-item4 a:hover span 	{ background-position: -198px -318px; }

/* inner column wrapper box */
#inner-col-wrapper{
	position:absolute;
	float:left;
	top:0px;
	left:630px;
	width:310px;
	z-index:3;
}

/* inner column top box */
#inner-col-top{
	position:inherit
	top:0px;
	left:0px;
	width:inherit;
	height:24px;
	background: #99CCFF url(../../images/template/inner-col-top.jpg) no-repeat 0 0; 
	z-index:3;

}  

/* inner column main box */
#inner-col-content{
	position:relative;
	left:0px;
	width:inherit;
	background: #99CCFF url(../../images/template/inner-col-bg.jpg) repeat-y 0 0;
	min-height:180px;
	z-index:3;		
}
* html #inner-col-content {height:400px}/* for ie6 and under*/


/* inner column bottom box */
#inner-col-bottom{
	position:relative;
	width:inherit;
	height:24px;
	background: #99CCFF url(../../images/template/inner-col-bottom.jpg) no-repeat 0 0; 
	z-index:3;
} 	

h2,h3{
	background-color:inherit;
	color:#333399;
	text-transform:uppercase;
	font-style: italic;	
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:131%;
	margin:0px 16px 10px 30px;
	letter-spacing:-.02em;
}

#maincol-full h3{
	margin:0px 16px 10px 0px;
}


h2{
	background-color:inherit;
	color:#333399;
	font-style:normal;		
	font-size:110%;
	margin: 16px 0px 16px 0px;
	letter-spacing:1px;
}	

/* News Section
---------------------------------------------------------------------------------------------*/	
.news{
	width: 315px;
}

.news p{
	font-size:85%;
	background:url(../../images/template/underline.gif) no-repeat center bottom;		
	padding: 0px 30px 7px 30px;
	line-height:1.4em;
}

.news p.last{
	background:none;
	padding-bottom:1px;
	margin:0 0 .4em 0;
}
.news p img{
	margin-right:2px;
	vertical-align:middle;
	display:inline;
}
.news span{color:red;}

p.readmore{
	font-weight:bold;
	text-align:right;
	margin:0 0 1.4em 0;
	background:none;
}
p.readmore a{
	text-decoration:none;
	color:#252e1c;
}
p.readmore a:hover{
	text-decoration:underline;
}

#bullets{
	margin-left: 20px;
}

#bullets ul {
	margin-left: 1em;
	padding-left: 0px;
}
	
#bullets li {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
	padding-top: 10px;
}

#bullets a{
	text-decoration:none;
	color:#333399;
}

#bullets a:hover{
	text-decoration:underline;
	color: #FF3333;
}

/* Promotion Section
---------------------------------------------------------------------------------------------*/
.promotion p {background:none}
.promotion span{color:red;}

/*  Breadcrub Section
---------------------------------------------------------------------------------------------*/
#breadcrumb a{ color:#2C2F8B;}
#breadcrumb a:hover { color:red; text-decoration:underline; }
#breadcrumb span{ color:red;  }
#breadcrumb p{
	padding: 10px 20px 10px 0;
	font-weight:bold;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#2C2F8B;
}

/* Weather and Moon Phase box */
#weather{
	position:relative;
	width:auto;
	padding: 20px 0px 0px 0px;
}

#moon-phase{
	position:relative;
	width:141px;
	margin: 0px auto;
	padding-top: 10px;
}

/************************************** Booking Form *************************************/

#BookingForm {
	position:relative;
	width: 650px;
	margin: 0 auto;
}

#frmBooking p{
	width: inherit;
	clear: left;
	margin: 0;
	padding: 8px 8px 8px 8px;
	padding-left: 190px; /*width of left column containing the label elements*/
	height:1%;
	border-bottom: 1px dashed gray;

}

#SecurityImage #Refresh{
	position:relative;
	top: -25px;		
	left: -10px;
}

#SecurityImage #Audio{
	position:relative;
	top: 0px;
	left: -48px;
}

#CaptchaRefAud{
	position:relative;	
	
}
#frmBooking p.last{
	border-bottom: none;
}

#frmBooking label{
	font-weight: bold;
	float: left;
	padding-right: 10px;
	margin-left: -190px; /*width of left column*/
	width: 185px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#frmBooking input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 95%;
}

#frmBooking textarea{
	width: 95%;
	height: 90px;
}

#frmBooking #buttons{
	width:inherit;
	text-align:center;
	padding-top:10px;
	padding-bottom: 20px;
}

#frmBooking fieldset{
	width: inherit;
	margin: 15px 0px 10px 0px;
	padding: 5px;
	border:solid;
	border-width:thin;
	border-color:#333399;
}

#frmBooking legend{
	font-weight:bold;
	color:#333399;
}

#BookingForm img{
	border:none;
	display:inline;
	padding-top: 15px;
	padding-left:10px;
}
/************************************** Accomodation Table *************************************/

#Accomodation {
	font-size:12px;
	text-align:left;
	padding-bottom: 2px;
}

#Accomodation th{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#039;
	padding-left: 0px;
	padding-bottom:5px;
}

#Accomodation td{
	padding-top: 2px;
	padding-bottom: 2px;
}

/************************************** Fishing Calendar *************************************/

#FishingCalendar {
	font-size:12px;
	text-align:left;
}

#FishingCalendarKey {
	font-size:12px;
	text-align:left;
	vertical-align:middle;
	padding-bottom: 5px;
}

#FishingCalendar #FishingCalendarKey, th{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	vertical-align:bottom;
	color:#039;
	padding:5px;
}

#FishingCalendarKey th{
	text-align:center;
	vertical-align:middle;
	padding:5px;
	width: 120px;
}

#FishingCalendar td{
	padding:10px;
	width:15px;
	border: #FFFFFF outset;
}

#FishingCalendar #FishingCalendarKey, td.Excellent{
	background-color:#00FF00;
}

#FishingCalendar #FishingCalendarKey, td.VeryGood{
	background-color:#FFFF00;
}

#FishingCalendar #FishingCalendarKey, td.Good{
	background-color:#0000FF;	
}

#FishingCalendar #FishingCalendarKey, td.Poor{
	background-color:#FF0000;
}
.floatimgright {
	float:right;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:0px;
}

/************************************** Photo Gallery *************************************/

div.thumbnails {
width : 150px;
padding : 10px;
float : left;
}
div.thumbnails img {
margin-left : 5px;
width : 145px;
height : 145px;
}
div.thumbnails p {
font-size : 11px;
text-align : center;
}
div.thumbnails a img {
border : none;
}
div.thumbnails A:link {
text-decoration : none;
color : #000000;
}
div.thumbnails A:visited {
text-decoration : none;
color : #000000;
}
div.thumbnails A:active {
text-decoration : none;
color : #000000;
}
div.thumbnails A:hover {
text-decoration : none;
color : #0000ff;
}