BODY

{

    font-family : Verdana , Arial , Sans Serif;

    font-size : 14px;

    color : black;

    font-weight : normal;

    Padding : 0;

    margin : 0px 9px 0 0px;

    background : rgb(255 , 255 , 204);

	text-align:center;

	padding:0;

	/*font:normal 0.8em/1.2em verdana,arial,sans-serif;*/

}

P

{

    font-size : 14px;

    font-family : Verdana , Arial , Sans Serif;

    color : black;

    font-weight : normal;

	text-align:left;

}

P.smalltext

{

    font-size : 10px;

}

.smalltextcentered

{

    font-size : 10px;

    text-align: center;

	}

.mediumtext

{

    Font-size : 12px;

}

.mainbody

{

    font-size : 14px;

}

.centered

{

    text-align:center;

	}

/*  First, 'default' styles   Davy Jones Diving - Styles used  */

H1

{

    font-size : 16pt;

    color : rgb(51 , 0 , 153);

    font-family : Verdana , Arial , Sans Serif;

    text-align : center;

    Vertical-align : top;

}

H2

{

    font-size : 14pt;

    color : blue;

    font-family : Verdana , Arial , Sans Serif;

}

h3

{

    Font-size : 12pt;

    Font-style : italic;

    Vertical-align : top;

    Line-height : 14pt;

    Margin-top : 0px;

    Padding-top : 0px;

    Border-top-width : 0px;

}

TD CENTER

{

    text-align : center;

    font-weight : normal;

    font-size : 14;

}

contrastbody

{

    font-size : 14;

    colour : blue;

}

LI

{

    font-size : 14;

    color : black;

    font-weight : normal;

	text-align: left;

}

/* default Link STyles */

a:link

{

    color : rgb(51 , 0 , 102);

    font-weight : bold;

    text-decoration : none;

}

/* unvisited link */

a:visited

{

    color : rgb(51 , 0 , 102);

    font-weight : bold;

    text-decoration : none;

}

/* visited link */

a:hover

{

    color : rgb(51 , 51 , 102);

    text-decoration : underline;

    background-color : white;

}

/* mouse over link */

a:active

{

    color : rgb(0 , 0 , 255);

    text-decoration : none;

}

.toproll

{



		Background-image : url("../puerto-rico/family-restaurant-background.gif");

    Background-repeat : repeat-x;

}



.blockcontrast

{

    Background-image : url("gran-canaria/diving-contrastbk.gif");

    Background-repeat : no-repeat;

    Background-position : top left;

    Width : 210px;

    Height : 160px;

    Padding-right : 15px;

    Font-style : normal;

    Font-weight : 9pt / 11pt;

}

.blockflow

{

    Background-image : url("gran-canaria/scuba-blockbk.gif");

    Background-repeat : no-repeat;

    Background-position : top left;

    Width : 210px;

    Padding-top : 10px;

    Margin-top : 0px;

}

.photo-horizontal

{

    Background-image : url("../puerto-rico/restaurant-photobk.gif");

    Background-repeat : no-repeat;

    Background-position : top left;

	text-align :left;

    Width : 210px;

    Height : 160px;

}



.diving-photo-vertical

{

    Background-image : url("puerto-rico/photo-bk-vert-blue.gif");

    Background-repeat : no-repeat;

    Background-position : top left;

	text-align :left;

    Width : 145px;

    Height : 195px;

}

.diving-photo-vertical-yellow

{

    Background-image : url("puerto-rico/photo-bk-vert-yellow.gif");

    Background-repeat : no-repeat;

    Background-position : top left;

    Width : 160px;

    Height : 210px;

	text-align :left;

	top :0px;

	left: 0px;

}







.photo-caption

{

    Font-size : 12px;

    Font-style : italic;

    Text-align : center;

    Padding-top : 5px;

}

.float-pic-right

{

    float:right;

	

}

.float-pic-left

{

    float:left;

	padding: 0px 10px 10px 0px;



}

.divider 

{

display:block; 

text-decoration:none; 

color:#000; 

width:150px; 

height:23px; 

text-align:left; 

border:1px solid #fff; 

border-width:1px 1px 0 0;     

background-image : url("gran-canaria/menubar08.gif");

    background-repeat : repeat-x;

	Background-color : #66FFFF;

	text-indent: 5px;

 line-height:19px; 

 font-size:12px;

}



.related { 

text-indent: -2em ;

list-style-image: url(../images/redtriangle.gif);

list-style-position: inside; 

text-align:left;

}

a.relatedlnk {

font-size: 10pt;

}



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/flyoutt.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any 

way to fit your requirements.



BG Note:- This group work with ie5,6 (using secondary sheet) and use <menu> as the style name

Implemented in English,..

=================================================================== */

/* common styling */

.menu {



width:150px; 



position:relative; 

margin:0; 

font-size:12px; 

margin:0px 0;

}



.menu ul li a, .menu ul li a:visited {

display:block; 

text-decoration:none; 

color:#000; 

width:150px; 

height:23px; 

text-align:left; 

border:1px solid #fff; 

border-width:1px 1px 0 0;     

background-image : url("gran-canaria/menubar08.gif");

    background-repeat : repeat-x;

	Background-color : #66FFFF;

	text-indent: 5px;

 line-height:19px; 

 font-size:12px;

 }

 

.menu ul {padding:0; margin:0;list-style-type: none; }

.menu ul li {float:left; margin-right:1px; position:relative;}

.menu ul li ul {display: none;}



/* specific to non IE browsers */

.menu ul li:hover a {color:#000; background:#66FFFF;} /* First level when selected */

.menu ul li:hover ul {display:block; position:absolute; top:0; left:150px; width:105px;}

.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover a.hide {width:150px;}

.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {

display:block; 

background-image : url("gran-canaria/menubar08.gif");

background-repeat : repeat-x;

color:#000; 

width:150px;

line-height:19px; 

height:22px;

border:1px solid #66ffff; 

} /* second level block when expanded*/

.menu ul li:hover ul li a:hover {background:#66FFFF; color:#000;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0;



 color:#000;}

.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover {background:#66FFFF; color:#fff;}







/*First version of Styles used to create flyout menu 2008 - does not work in ie5/6!

This uses <pmenu> as style name

Implemented in Spanish, Dutch



http://www.cssplay.co.uk/menus/flyoutt.html

 */

#pmenu

{

    padding : 0;

    margin : 0px 0 0px 0px;

    list-style-type : none;

    width : 151px;

}

#pmenu ul

{

    padding : 0;

    margin : 0;

    list-style-type : none;

    width : 151px;

}

#pmenu li

{

    position : relative;

}

#pmenu a, #pmenu a:visited

{

    display : block;

    width : 150px;

    font-size : 12px;

    color : rgb(0 , 0 , 0);

    height : 23px;

    line-height : 22px;

    text-decoration : none;

    text-indent : 5px;

    background-image : url("gran-canaria/menubar08.gif");

    background-repeat : repeat-x;

    border : 1px solid #FFFFFF;

    border-width : 1px 1px 1px 0;

    Background-color : #66FFFF;

}

#pmenu li:hover > a

{

    background : rgb(153 , 255 , 204);

    color : rgb(204 , 0 , 0);

}

#pmenu li ul

{

    display : none;

	border : 1px solid #66FFFF;

}

#pmenu li:hover > ul

{

    display : block;

    position : absolute;

    top : 0;

    left : 151px;

}

/*  body {

    margin:0px 9px 0 0px;

    padding:0;

    background:#FFFFCC;}  Incorporated above   */





/* CSS Document to produce 3 column layout with header and footer

from http://www.manisheriar.com/holygrail/index.htm */





a {

	color:#FFF;

	text-decoration:none;

	

	}

a:hover {

	border-bottom:1px solid;

	color:#9343B9;

	}

#wrapper1 {

	position:relative;

	text-align:left;

	width:100%;

	background:#FFF url("../puerto-rico/bg_05.gif") repeat-y top right;

	}

#wrapper2 {

	position:relative;

	text-align:left;

	width:100%;

	background:url("../puerto-rico/bg_05.gif") repeat-y top left;

	}

#header {

	background:#BB62AB;

	padding:00px;

	margin:0;

	text-align:center;

	color:#FFF;

	}

#header h1 {

	font-size:200%;

	}

#header a:hover {

	color:#7A2875;

	}

#maincol {

	position:relative;

	margin:0;

	padding:10px 0px 0px 10px;

	}

#leftcol { 

	position:relative;

	top:-10px;

	left:-10px;

	float:left;

	width:170px;  /* for IE5/WIN */

	voice-family: "\"}\"";

	voice-family:inherit;

	width:150px; /* actual value */

	margin:0 0 -10px 0;

	padding:0px;

	/*background:#66FF66;  green for test */

	z-index:90;

	}

#rightcol {

	position:relative;

	top:-10px;

	right:-10px;

	float:right;

	width:220px;  /* for IE5/WIN */

	voice-family: "\"}\"";

	voice-family:inherit;

	width:200px; /* actual value */

	margin:0 0 -10px 0;

	padding:0px;

	/*background:#D7C4FA; /* pink for test */

	z-index:89;

	}

	

#dummyrightcol {

/* dummy column with no width for two column layout */

	position:relative;

	top:-10px;

	right:-10px;

	float:right;

	width:10px;  /* for IE5/WIN */

	voice-family: "\"}\"";

	voice-family:inherit;

	width:10px; /* actual value */

	margin:0 0 -10px 0;

	padding:0px;

	background:#D7C4FA; /* pink for test */

	z-index:89;

	}

#centercol {

	position:relative;

	padding:0 170px 0 160px;

	}

#centrerightcol {

	position:relative;

	padding:0 10px 0 160px;

	}

/* #centercol a {

	color:#666;

	} */

#centercol a:hover {

	border-bottom:1px solid;

	color:#9343B9;

	}

#footer {

	position:relative;

	top:1px;

	background:#ffffcc;

	width:100%;

	clear:both;

	margin:0;

	padding:1% 0;

	text-align:center;

		}

	/* styles used by the guestbook NB Uses Arial so customer entered characters display correctly*/	

.guestbookbody {

  background-color: white;

  font-family : arial, Sans-Serif;

  padding-left: 10px;

  padding-right: 10px;

  font-size: small; 

  }

.guestbooksign {

  text-align: right;

  font-family : Arial, Sans-Serif;

  font-size: small;

  font-style: italic;

  }

  

.show {

 display:  inline;

  }

.noshow{

 display: none;

 

 }