body {
    margin:0;
    padding:0;
}
/**************************************** 
NAVIGATION
****************************************/ 
#navclear {
  display: none;
}
html>body #navclear {
  display: block;
  clear: both;
}
.navclear {
  display: none;
}
html>body .navclear {
  display: block;
  clear: both;
}
/***** main top headline ***/
/*
#head div {
    background-color:#cf3;
    width:100%;
  float: left;
 background-image: url("/images/header.bk.gif");
 background-repeat: repeat-x;
 position: relative; 
 top:0px;
}
*/
/***** navigational css start ***/
#nav_holder {
    width:100%;
  height:30px;
  position:relative;
 background-image: url(/images/header.sea.bk.gif);
 background-repeat: repeat-x;
}
#nav ul {
  width:100%;
  display: block;
  list-style: none outside;
  padding:0px 0 0 0;
  margin: 0 0 0 0px;
  font-family: Verdana, sans-serif;
  text-align:center;
 position:absolute;
  bottom:0;
}

#nav li {
  font-size:75%;
  padding: 2px 4px 2px 4px;
  margin: 0 4px 0 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff; 
 /* background-color: #000066; */
  color: #fff;
  font-weight: bold;
  /* the next 4 lines are magic */
  display: block;
  float: left;
  position: relative; 
}

#nav a:link,
#nav a:visited {
 /* background-color: #000066; */
  color: #036;
  text-decoration: none;
  font-weight:800;
  padding-left: 1em;
  padding-right: 1em;
}

#nav ul li a:hover {
  background-color: #fff;
  font-weight:800;
  color: #036;
}

.clearboth { clear: both; }
/*********************/
.update { /* last update date text */
	color : #030;
	text-align : center;
	font-size : 84%;
	font-family : Verdana, Arial, sans-serif;
	font-weight : normal;
	font-style : normal;
}
.sig { /* last update date text */
	color : #036;
	text-align : center;
	font-size : 84%;
	font-family : Verdana, Arial, sans-serif;
	font-weight : normal;
	font-style : italic;
}
.topofpage { /* last update date text */
	text-align : center;
	font-size : 100%;
	font-family : Verdana, Arial, sans-serif;
	font-weight : normal;
	font-style : normal;
	margin : 0 5% 0 5%;
}
.coldlink { /* cold link */
        /* link tab heads on header and footer of each page */
        color : #030;
        text-align: center;
        font : normal 400 75% Verdana, Arial, sans-serif;
}
.cold_link { /* last update date text */
	color : #036;
	text-align : center;
	font-size : 100%;
	font-family : "Times New Roman", serif;
	font-weight : normal;
	font-style : normal;
	font-family : "Lucida Sans", "Arial", serif;
}

img {
	float: left
}

.img-right {
	float: right
}

.img-none {
	float: none
}
/* top & bottom links */
.top-bot {
	font-size: 75%;
	text-align : right;
	font-style : italic;
	font-family : "Lucida Sans", Verdana, Arial, sans-serif;
}
h2 {
	font-size: 125%;
}
/* ----- borders --------- */
/* -----light colored links--- */
/*
a.l-link:link {
 color : #9cf;
 }
a.l-link:visted {
 color : #f9f;
 }
a.l-link:active {
 color : #f33;
 }
 */
/* -----light colored links--- */

.td-hd1 {
	/* main tenerife-direct head flush left*/
	margin: .2em 0 0 2%;
	color : #990000;
	font : 400 italic 150% Impact, Verdana, Arial, sans-serif;
	text-align : left;
}

.td-smhd1s {
	/* used after main tenerife-direct head td-hd1 */
	color : #036;
        text-align:left;
	font : 800 italic 100% Impact, Verdana, Arial, sans-serif;
	/* using span is inherited */
}
.td-smhd1l {
	/* used after main tenerife-direct head td-hd1 */
	color : #fff;
	font : 400 normal 125% Impact, Verdana, Arial, sans-serif;
	/* using span is inherited */
}
.td-smhd1sc {
	/* used after main tenerife-direct head td-hd1 */
	color : #fff;
	text-align : center;
	font : 400 normal 125% Impact, Verdana, Arial, sans-serif;
	/* using span is inherited */
}
.td-indexc { /* cold link */
        /* link tab heads on header and footer of each page */
        color : #fff;
        text-align: center;
        text-transform : lowercase;
        font : normal 900 100% "Lucida Sans", Verdana, Arial, sans-serif;
}
.td-index {
	/* link tab heads on header and footer of each page */
	color : #fff; /*0000ee;*/
	text-align: center;
	text-transform : lowercase;
	font : normal 400 75% "Lucida Sans", Verdana, Arial, sans-serif;
}

.body-hd {
	/* standard text subhead */
	margin-left : 5%;
	color : #036;
	text-align : left;
	font-style : italic;
	font-family : "Lucida Sans", Verdana, Arial, sans-serif;
}
.body-hdc {
	/* standard text subhead */
	color : #036;
	margin : 0 5% 1.5% 5%;
	text-align : center;
	font-style : italic;
	font-family : "Lucida Sans", Verdana, Arial, sans-serif;
}
.body-hdt {
	/* standard text subhead */
	margin: 0 0 0 0;
	color : #036;
	text-align : left;
	font-style : italic;
     font-family : "Lucida Sans", Verdana, Arial, sans-serif;
}

.url {
	color : #036;
	text-align : left;
	font-weight : 900;
	font-family :  Verdana, Arial, sans-serif;
}

.excursion {
	color : #036;
	text-align : left;
	font-weight : 400;
	font-family :  Verdana, Arial, sans-serif;
}

.excur-mhd {
	/* main head */
	margin-left : 10%;
	color : #036;
	text-align : left;
	font-weight : 900;
	font-style : italic;
	font-family :  Verdana, Arial, sans-serif;
}

.excur-mhdt {
	/* main head in a table, no indent*/
	color : #036;
	text-align : left;
	font-weight : 900;
	font-style : italic;
	font-family :  Verdana, Arial, sans-serif;
}
.excur-hd {
	/* standard excursion subhead */
	margin-left : 10%;
	color : #036;
	text-align : left;
	font-weight : 700;
	font-style : italic;
	font-family : "Lucida Sans", Verdana, Arial, sans-serif;
}

.excur-hdt {
	/* standard subhead in table, no indent */
	margin : 0 0 0 0;
	color : #fff;
	text-align : left; 
	font-weight : 900;
	font-style : italic;
	font-family : "Lucida Sans", Verdana, Arial, sans-serif;
}

.excur-hdtc {
	/* standard subhead in table, no indent, center */
	margin : 0 0 0 0;
	color : #fff;
	text-align : center;
	font-weight : 900;
	font-style : italic;
	font-family : "Lucida Sans", Verdana, Arial, sans-serif;
}

.excur-hdtr {
	/* standard subhead in table, no indent */
	margin : 0 0 0 0;
	color : #fff;
	text-align : right; 
	font-weight : 900;
	font-style : italic;
	font-family : "Lucida Sans", Verdana, Arial, sans-serif;
}

body {
    margin-left:0;
    margin-right:0;
}
.body-hdt {
	/* standard text subhead in table, no indent */
	margin : 0 0 0 .5em;
	color : #036;
	text-align : left;
	font-style : italic;
	font-family : "Lucida Sans", Verdana, "Times New Roman", serif;
}
.logobackground {background-image : url(images/td-logo.background.jpg); background-repeat: repeat;}

.body-hdtc {
	/* standard text subhead in table, no indent */
	margin : 0 0 0 .5em;
	color : #036;
	font-weight : 900;
	text-align : center;
	font-style : normal;
	font-family : "Lucida Sans", "Arial", serif;
}
/* ---- paragraph identifiers ---------- */
p {
	color : #036;
	margin-right : 15px;
	text-align : left;
	font-size : 100%;
	font-family : Verdana, Arial, sans-serif;
	font-weight : normal;
	font-style : normal;
}

.reg { /* paragraph settings without paragraph element */
	color : #030;
	text-align : left;
	font-size : 100%;
	font-family : Verdana, Arial, sans-serif;
	font-weight : normal;
	font-style : normal;
}

.regs { /* small text paragraph settings without paragraph element */
	color : #030;
	text-align : left;
	font-size : 74%;
	font-family : Verdana, Arial, sans-serif;
	font-weight : normal;
	font-style : normal;
}

ol.text {
	text-align : left;
	margin-right : 35px;
	margin-left: 4em;
	font-family : Verdana, Arial, sans-serif;
	color : #030;
	font-style : normal;
}
li.ld { /* leading */
	margin-top: 1em;
	margin-bottom: 1em;
}
ul.text {
	/* must change with paragraph settings for the html list ul command */
	text-align : left;
	margin-right : 35px;
	margin-left: 4em;
	font-family : Verdana, Arial, sans-serif;
	color : #036; 
	font-style : normal;
}

ul.text-1 {
	/* must change with paragraph settings for the html list ul command */
	text-align : left;
	margin-right : 35px;
	margin-left: 1em;
	font-family : Verdana, Arial, sans-serif;
	color : #030;
	font-style : normal;
}

dl.text {
	/* must change with paragraph settings for the html list dl command */
	text-align : left;
	margin-right : 35px;
	margin-left: 2em;
	font-family : Verdana, Arial, sans-serif;
	color : #030;
	font-style : normal;
}
dl dt {font-weight : 700}
.ind1 {
	/* standard paragraph after a head */
	/* margin-top : -.5em; */
	margin-left : 5%;
}

.ind2 {
	/* standard paragraph after a paragraph */
	/*margin-top : -.25em;*/
	margin-left : 5%;
}
.ind1sc {
	/* standard paragraph after a head */
	font-size : 75%;
	text-align : center;
}


.ind1c {
	/* standard paragraph after a head */
	text-align : center;
	margin-top : -.5em;
	margin-left : 5%;
}

.indct {
	/* standard paragraph after a head in a table*/
	text-align : center;
	margin-top : -.5em;
}



.ind2c {
	/* standard paragraph after a paragraph */
	text-align : center;
	margin-top : -.25em;
	margin-left : 5%;
}
.prices {
	/* prices inserted in paragraphs */
	color : #036;
	font-weight : 700 ;
	/* font-style : normal; 	*/
	font-family : Arial, Verdana, sans-serif;
}

/* ------- end of paragraph identifiers ------- */
.bus {
	/* business name footer */
	margin : 1em 0 0 2%;
	color : #003300;
	/* color : #fff; */
	text-align : left;
	font : 700 70% verdana, arial, sans-serif;
}

.webm {
	/* used for webmaster e mail */
	margin-top : .5em;
	text-align : center;
	font-size : 70%;
}
.cold-link {
	/* used for cold link */
	margin-top : .5em;
	text-align : center;
	font-size : 70%;
	font-style : italic;
}

/* -----------recommend site ------------------------- */
.rec {
	text-align : center;
	font-family : Verdana, Arial, sans-serif;
	color : #036;
	font : normal 900 84% Verdana, Arial, sans-serif;
}

.rec-hd {
	text-align : center;
	font-family : Verdana, Arial, sans-serif;
	color : #9cf;
	font : normal 900 84% Verdana, Arial, sans-serif;
	}

/* ------------------------------------------------ */
.form-copy {
	/* form format */
 	margin : 1em 0 0 0em;
	color : #fff;
	text-align : center;
	font : 100% Verdana, Arial, sans-serif;
}
.form-copyl {
	/* form format */
 	margin : 1em 0 0 0em;
	color : #fff;
	text-align : left;
	font : 100% Verdana, Arial, sans-serif;
}
.form-copyr {
	/* form format */
 	margin : 1em 0 0 0em;
	color : #fff;
	text-align : right;
	font : 100% Verdana, Arial, sans-serif;
}

/* ---------------------------------------- */
/* seperate table for specific catagory links */
.link-list {
	color : #036;
	margin : 0 0 0 .5em;
	text-align : left;
	font :  italic 400 84% "Lucida Sans", Verdana, Arial, sans-serif;
}
.link-hd {
	/* link table headers */
	margin: .5em 0 .5em 0;
/*	font-size : 84%; */
	font-weight : 700;
	font-style : normal;
	font-family : Verdana, Arial, sans-serif;
}

/* end seperate table for specific links */
/* -----------------------------------------------*/
.convert {
	/* currency converter head -used as span inherits size */
	font-size : 100%;
	font-weight : 700;
	text-align : center;
	color : #036;
	font-family : "Lucida Sans", Verdana, Arial, sans-serif;
}

.cap {
	/* captions for photos */
	margin : 0 0 0 0;
	font-size : 55%;
	font-weight : 700;
	text-align : center;
	color : #036;
	font-family : Verdana, Arial, sans-serif;
}
.capl {
	/* captions for photos */
	margin : 0 0 0 0;
	font-size : 55%;
	font-weight : 700;
	text-align : left;
	color : #036;
	font-family : Verdana, Arial, sans-serif;
}
.capc {
	/* captions for photos */
	margin : 0 0 0 0;
	font-size : 74%;
	font-weight : 700;
	text-align : center;
	color : #036;
	font-family : Verdana, Arial, sans-serif;
}
.contact {
	/* contact page link */
	font-size : 100%;
	font-style : italic;
	text-align : left;
	font-family : "Lucida Sans", Verdana, Arial, sans-serif;
	color : #036;
}

.nasa-tx {
	color : #fff;
	font-size : 74%;
	text-align : center;
	font-weight : 900;
	font-style : normal;
	font-family : "Lucida Sans", Verdana, Arial, sans-serif;
}
.special {
	/* specials tab advert */
	color : #036;
	background-color : #fc3;
	text-align: center;
	font : normal 900 84% Verdana, Arial, sans-serif;
}
.special2 {
	/* specials tab advert */
	color : #fff;
	background-color : #fc3;
	text-align: center;
	font : normal 900 84% Verdana, Arial, sans-serif;
}
.spec {	background-color : #fc3;
	/* apartment specials background color */
}
.divespecial {
	/* specials tab advert */
	color : #fff;
	text-align: center;
	font : normal 400 100% "Times New Roman", Verdana, Arial, sans-serif;
}
/* ======== table identifiers ============ */
.tb-p {
	margin-top : .5em;
	margin-bottom : .5em;
}

.tb-pnt {
	margin-top : 0;
	margin-bottom : .5em;
}

.tb-hd {
	text-align : center;
	color : #036;
	font : normal 500 100% Verdana, arial, sans-serif;
}
.tb-hd2 {
	text-align : center;
	color : #036;
	font : normal 900 125% Verdana, arial, sans-serif;
}

.tb-sbhd {
	text-align : center;
	color : #ffffff;
	font : normal 700 100% Verdana, arial, sans-serif;
}
.tb-sbhdp {
	text-align : center;
	color : #036;
	font : normal 700 100% Verdana, arial, sans-serif;
}

.tb-reg {
	/* flush left */
	color : #030;
	text-align : left ;
	font-size : 84%;
	font-style : normal;
	font-weight : 500;
	font-family : verdana, arial, sans-serif;
}

.tb-regc {
	/* centered */ 
	color : #036;
	text-align : center ;
	font-size : 84%;
	font-style : normal;
	font-weight : 500;
	font-family : verdana, Arial, sans-serif;
}

.tb-colhd {
	color : #036;
	text-align : left;
	font-size : 84%;
	font-style : normal;
	font-weight : 700;
	font-family : Verdana, Arial, sans-serif;
}

.tb-colhdc {
	color : #036;
	text-align : center;
	font-size : 84%;
	font-style : normal;
	font-weight : 700;
	font-family : Verdana, Arial, sans-serif;
}

/**********************************/
#sitesearch {
    margin:0;
    text-align:center;
    color:#036;
}
/* end of identifiers for table */

/* ----------link tab & menu colors------- */
.homcf {
	background-color : #090;
	/* home page #339966 orginal color*/
}

.homc {
	background-color : #996;
	/* home page #339966 orginal color*/
}
.actc {
	background-color : #c93;
	/* active page #c96 orginal color */
}

.excc {
	background-color : #0cf;
/*	background-color : #c96;*/
	/* excursions page #c93 orginal color */
}

.acccbd { /* accommodation table border */
        background-color : #fff;
        border : medium solid #39c;
}
.accc {
	background-color : #69f;
	/* accomodations page #39c orginal color */
}

.tenc {
	background-color : #9c9;
	/* tenerife page #696 orginal color */
}

.hedc {
	background-color : #69c;
	/* tenerife head background orginal color */
}

.autc {
	background-color : #39c;
	/* car hire background orginal color #9cc */
}

.bacc {
	background-color : #fff;
	/* background color */
}
.phoc {
	background-color : #000;
	/* background color */
}
.disc {
	background-color : #fc6;
	/* fc3 discounts, maps background color */
}
/* -------------extra colors------------ */
.specialc {
	color : #fc3;
}
.specialcbk { /* yellow, dark blue background */
	background-color : #036;
	color : #fc3;
}
.boldcolor {
	color : #036;
}
.specialcb {
	background-color : #fc3;
}
.hotc { /* hot color */
	color : #900;
}
.hotcb { /* hot color */
	background-color : #900;
}
.recbc { /* recommend background color */
	background-color : #9cf;
}
.cooc { /* cool color */
	color : #9cf;
}
.ligc { /* light color */
	color : #fff;
}
.divc {
	background-color : #036;
	/* dive specials background color */
}
.grec {
	color : #696;
	/* greeny color */
}
a:link {
 color : #036;
 font-weight:800;
 }
a:visited {
 color : #036;
 font-weight:800;
 }
a:active {
 color : #036;
 font-weight:800;
 }
a:hover {
 font-weight:800;
  color: #fff;
  background-color: #036;
}
/***** navigational css start right table ***/
#tablecontainer a:link {
 color : #036;
 font-weight:300;
 }
#tablecontainer a:visited {
 color : #036;
 font-weight:300;
 }
#tablecontainer a:active {
 color : #036;
 font-weight:300;
 }
#tablecontainer a:hover {
  background-color: #fff;
 font-weight:300;
  color: #036;
}
#tablecontainer
{
/*
    background: #f0e7d7;
    margin: 0 auto;
    text-transform: lowercase;
    */
    width: 100%;
    padding: 0;
    text-align: center;
}

ul#tablelist
{
	font-family : Tahoma,"Lucida Sans", "Arial", sans-serif;
    font-weight:100;
    font-style:normal;
    text-align: left;
    padding: 0;
    margin: 0 10px 15px 10px;
    font-size:11pt;
    /*
    width: 90%;
    */
}

ul#tablelist li
{

    display: block;
    margin: 0;
    padding: 0;
}

ul#tablelist li a
{
    display: block;
    width: 100%;
    padding:0.25em;
    border-width: 1px;
    border-style: solid;
    font-style:normal;
    border-color: #ffe #aaab9c none #fff;
    /*
    border-color: #ffe #aaab9c #ccc #fff;
    border-color:none;
    color: #777;
    background: #f7f2ea;
    */
    text-decoration: none;
    background:#fff;
}
ul#tablelist li.head a
{
    font-weight:800;
    border-bottom:0;
}
ul#tablelist li.alone a
{
    font-weight:800;
}
ul#tablelist li.indent a
{
    font-size:10pt;
    font-style:italic;
    border-width:0 1px 0 1px;
    padding:2px 0 2px 1em;
}
#tablecontainer>ul#tablelist li a {
     width: auto; }

     ul#tablelist li#active a
     {
         /*
         background: #f0e7d7;
         */
        background:#fff;
     }

     ul#tablelist li a:hover, ul#tablelist li#active a:hover
     {
        font-weight:800;
         color: #fff;
         background: transparent;
         border-color: #aaab9c #fff #fff #ccc;
     }
/***** navigational css end right table ***/
/******** weather temperatures *********/
#weather_temps {
    font-size:8pt;
    color:#063;
	font-family : Verdana, Arial, sans-serif;
    position:absolute;top:57px;right:130px;
}
#weather_temps a {
    font-weight:300;
    color:#036;
}
#weather_temps a:hover {
    color:#fff;
}
#weather_temps a .condition{
	font-family : Courier,Verdana, Arial, sans-serif;
    font-weight:900;
    color:#f00;
}
#weather_temps a:hover .condition {
    color:#fff;
    background:#036;
}
/******** weather temperatures *********/