@charset "utf-8";
/*================= REWRITTEN TAGS ==================*/
body{
	background-image:url('../tyfpics/sea-bg.jpg');
	/*background-color:#B1B1B1;*/
	margin: 20px 20px 0 20px;
}

#body{
	/*background-image:url('../img/bg.png');*/
	border-left:0px;
	border-bottom:0px;
	/*height:756px;	*/
}

#homepage{
border-left:0px;
border-bottom:0px;
height:656px;
}

/************************** BLOCK ID's ***************************/
#container {	
	background-image:url('../img/bg.png');
	width:778px;
	text-align:left;
	margin: 0 auto;
}

#containernobg {	
background-color:#fff;
	/*background-image:url('../img/bg.png');*/
	width:778px;
	text-align:left;
	margin: 0 auto;
}

#header_top{
	background-color:#8e8e8e;
	background-repeat:repeat;
	height:1px;
	width:780px;
	overflow:hidden;
}

#headerhomepage{
	height:368px;
	width:778px;
	overflow:hidden;
}
#header{
	height:135px;
	width:778px;
	overflow:hidden;
}
#header_top_left{
	background-image:url('../img/top_left.gif');
	float:left;
	bottom:36px;
	height:1px;
	width:4px;
}
#header_top_right{
	background-image:url('../img/top_right.gif');
	float:right;
	height:1px;
	width:4px;
}

#header_left_bghomepage{	
	background-repeat:repeat-y;	
	height:368px;
	width:220px;
	float:left;
}

#header_left_bg_blue{	
	background-color:#48a9e4;
	background-repeat:repeat;	
	height:135px;
	width:220px;
	float:left;
}

#header_left_bg{	
	background-repeat:repeat-y;	
	height:135px;
	width:220px;
	float:left;
}

#header_menu_bg{
	background-image:url('../img/menu_bg.png');
	height:32px;
	width:776px;
	white-space:nowrap;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:underline;	
	margin:0 0 0 2px;
}

#header_right_bg{
	height:31px;
	width:213px;
	position:relative;
	left:0px;
	float:left;
}

#nav_menu{
	background-image:url('../img/nav_menu_bg.png');
	height:36px;
}

#body-left-panel{
  background-image:url('../img/bg2.gif');
	background-position: top right;
	background-repeat:y;
	height:px;
	float:left;
	width:220px;
	font-family:Arial, sans-serif;
		font-size:12px;
	text-align:left;
	padding-left:10px;
	padding-right:0px;
	position:relative;
}

#bl-panelinsert{
width:100%;
text-align:center;
position:relative;
font-family:Arial;
font-size:11px;
}

#body-left-panelhome{
  background-image:url('../img/bg2.gif');
	background-position: top right;
	background-repeat:y;
	/*height:676px;*/
	float:left;
	width:220px;
	font-family:Arial;
		font-size:12px;
	text-align:left;
	padding-left:10px;
	padding-right:0px;
	position:relative;
}

#body-right-panel{
	margin:0 0 0 244px;
	padding-top:25px;	
}

#body-right-panel1{
	margin:0 0 0 244px;
}

#right-panel_header{
	background-color:#B2D8FF;
	font-family:Arial;	
	font-weight:bold;
	font-size:16px;
	text-align:center;
	color:white;	
	position:relative;
	float:left;
	margin:5px 10px 5px -2px;
	height:30px;
	width:230px;
	overflow:hidden;
}
#right-panel_header_left{
	background-image:url('../img/header_left.gif');
	background-position:left;
	background-repeat:repeat-y;
	white-space:nowrap;
	padding:5px 0 5px 15px;
	height:30px;
	float:left;	
}
#right-panel_header_right{
	background-image:url('../img/header_right.gif');
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	height:30px;
	width:30px;
}
#right-panel_content{
	background-color:transparent;
	padding-top:50px;
	margin-left:20px;
	margin-right:25px;
	font-size:13px;
	font-family:Tahoma;
	font-weight:normal;
	text-align:left;
	color:#515151;
}


#footer{
	background-image:url('../img/menu_bot_bg.gif');
	height:33px;
	width:780px;	
	position:relative;
	top:0px;
}

#footer_menu_bg{
	background-image:url('../img/menu_bot_left.gif');
	background-repeat:no-repeat;	
	height:26px;
	width:505px;
	white-space:nowrap;
	vertical-align:middle;
	overflow:hidden;
	float:left;
	padding:4px 0 4px 20px;
}

#footer_copyright{
	background-image:url('../img/menu_bot_right.gif');
	background-position:right;
	background-repeat:no-repeat;
	height:26px;
	font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#3768B3;
	float:right;
	position:relative;
	padding:7px 12px 0 0;
}
#footer_designby{
	font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	margin-top:5px;
}

#left_panel_footer{
	font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	padding-top:10px;
	margin-top:20px;
}

#header_logo{
	float:right;
	top:0px;
}
#right-panel_content p{
	text-align:justify;
	margin-top:0;
}
/**************************  classes ***************************/

.main_header1{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:30px;
	color:#FFFFFF;
	position:relative;
	display:block;
	top:10px;
	left:15px;
	text-align:center;
z-index:1;
}

span.main_header1hp{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:38px;
	color:#FFFFFF;
	position:relative;
	display:block;
	top:20px;
	left:20px;
	text-align:center;
	z-index:1;
}
.main_header2{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	position:relative;
	display:block;
	top:15px;
	left:15px;
	z-index:1;
	white-space:nowrap;
}

span.main_header2hp{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#CCFFCC;
	position:relative;
	top:20px;
	left:20px;
	display:block;
	z-index:1;
}

span.main_header3hp{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	position:relative;
	display:block;
	top:20px;
	left:20px;
	z-index:1;
}


/*============= FORM & FORM INPUT ELEMENTS =============*/

#form1{
background-color:#F9F5C3;
border:2px;
border-style:solid;
border-color:#CCCC66;
height: ;
width:90%;
padding:12px;
position:relative;
font-size:14px;
color:#993333 ;
}

input.textfield{ 
	font-family:  Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #FFFFFF;
	background-color: #90D6FF;
	font-size: 12px;
	width:197px;
	height:16px;
	margin:20px 0 0 0;
}

input.button{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:0px;
	background-image: url(../img/sub_btn_bg.png);
	font-weight: bold;
	font-size: 12px;
	width:203px;
	height:24px;
	vertical-align: middle;
	margin:5px 0 0 0;
	padding:-15px 0 0 0;
}

/*============= CLASS ELEMENTS - TABLES etc =============*/

.hidden{
display:none;
}


h3{
padding:0;
margin-top:0;
margin-bottom:5px;
}

h4{
padding:0;
margin-top:0;
margin-bottom:5px;
}


p.tight{
margin:0;
padding:0;
}

.picattrib{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#FFF;
	padding:0;
	margin:0 0 10px 0;
  text-align:center;
	z-index:1;
}


.small{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	margin:0;
	padding:0;
}

.smallwhite{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#FFF;
	margin:0;
}

.whitetext14{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	margin:0 0 10 0;
}

.whitetext12{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:;
	font-size:12px;
	color:#FFF;
}

.whiteframetext14{
border:#FFFFFF 2px solid;
margin:5px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
}

.whiteframe{
border:#FFFFFF 2px solid;
margin:5px;
/*border-style:line;
border-color:
border-width:
padding:3px;  */
}

.blackframe{
border:#000 2px solid;
margin:5px;
}



/**************************  tables ***************************/

td.month{
	background-color:#B2D8FF;
	font-family:Arial;	
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding:15 5 5 5px;
}

td.available{
	background-color:#ccffcc;
	font-family:Arial;	
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding:7px;
}

td.unavailable{
	background-color:#5483BD;
	font-family:Arial;	
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding:7px;
}

td.provisional{
	background-color:#ffcccc;
	font-family:Arial;	
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding:7px;
}

td.booked{
	background-color:#cc6699;
	font-family:Arial;	
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding:7px;

}


table.faq{
width:95%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom:10px;

}


table.mappics{
width:100%;
margin_left:-10px;
margin_right:-10px;
margin_top:5px;
margin-bottom:10px;
border-collapse: collapse;
border-spacing: 0;
}

td.pics{
background-color:#48a9e4;
text-align:center;
padding:5px;


}

td.question{
image:url('./graphics/faqbutton.gif')
font-family:Arial;	
width:25%;
font-size:12px;
}

td.answer{
	
	font-family:Arial;	
width:75%;
	font-size:12px;
padding-left:15px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}

/*============= LINKS =============*/
/*
a:link {
	color: #0084FF; 
	text-decoration: underline;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.0em;
}

a:visited{
	color: #A0B2C1;
	text-decoration: underline;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.0em;	
}
a:hover{
	color: #00C6FF;
	text-decoration:underline;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.0em;	
}

*/
a img{
border:none;
}


a.menu_header:link{
	color: #0084FF;
	text-decoration:none;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;	
	position:relative;
	top:-10px;
	font-weight:bold;
}
a.menu_header:visited{
	color: #0084FF;
	text-decoration:none;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	position:relative;
	top:-10px;	
	font-weight:bold;
}
a.menu_header:hover{
	color: #00C6FF;
	text-decoration:none;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;	
	position:relative;
	top:-10px;	
	font-weight:bold;
}

a.menu_footer:link{
	color: #3768B3;
	text-decoration:underline;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;	
	font-weight:bold;
}
a.menu_footer:visited{
	color: #3768B3;
	text-decoration:underline;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
}
a.menu_footer:hover{
	color: #0084FF;
	text-decoration:underline;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;	
	font-weight:bold;
}

/*----------*/
a.blp:link {
	color: #000; 
	text-decoration:underline;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:1.0em;
}

a.blp:visited{
	color: #660000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;	
}

a.blp:hover{
	color: #000;
	text-decoration:none;
	background-color:#ccffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;	
}

a.rpc:link {
	color: #000; 
	text-decoration:underline;
	font-family: Tahoma, Arial, sans-serif;
	font-size:1.0em;
}

a.rpc:visited{
	color:;
	text-decoration:none;
	font-family: Tahoma, Arial, sans-serif;
	font-size:1.0em;	
}

a.rpc:hover{
	color: #000;
	text-decoration:none;
	background-color:#DCDCDC;
	font-family: Tahoma, Arial, sans-serif;
	font-size:1.0em;	
}


/*============= HR's (lines) =============*/
hr.hr_blue{
	height:0px;
	border-top:Solid 1px #016ad9;
	margin-top:5px; 
	margin-bottom:5px;
}

hr.hr_gray{
	height:0px;
	border-top:Solid 1px #6c6f79;
	margin-top:10px;
	margin-bottom:10px;
}

#img_left{
	position:relative;
	float:left;
	width:228px;
	height:98px;
	margin:0 10px 0 0;
}

#img_right{
	position:relative;
	float:right;
	width:228px;
	height:98px;
	padding-left:10px;
}

ul{
	font-family:Tahoma, Verdana;
	font-size:1.0em;
	vertical-align:middle;
	text-align:justify;
	line-height:15px;
	list-style-position:outside;
	margin-top:5px;
	margin-bottom:5px;
}

ul.rhomb{
	list-style-image: url('../img/li.gif');
}

ul.tick
{
list-style-image:url("../graphics/Green_Tick_30.jpg");
/*list-style-type:square;*/
font-size:1.2em;
font-color:#009966;
line-height:30px;
}