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

#leftcol {
	position:fixed;
	width:150px;
	background-color: #FFFFFF; 
	background-image: url(../stlucia/images/leftpanel_background_palms.jpg); 
	background-repeat: no-repeat;
	background-position:left;
}

#leftcol #nav {
	width:130px;
	margin: 0 7px;
	margin-top:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#leftcol #nav h5, #leftcolanchor h5 {
	margin: 0;
	font-size: 1.1em; /*11px*/
	background-color: #CCFFFF;
	filter:alpha(opacity=85); 	/* This is the Opacity syntax used by Internet Explorer */
	opacity:0.85;				/* This is the Opacity syntax used by Firefox */
	padding: 2px;
}

#callus {
	color: #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 4px;
	background-color: #CCFFFF;
	filter:alpha(opacity=85); 	/* This is the Opacity syntax used by Internet Explorer */
	opacity:0.85;				/* This is the Opacity syntax used by Firefox */
}


#leftcol #nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
/*	background-color: #FFFFFF;  */
}

#leftcol #nav ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#leftcol #nav ul li a, #leftcolanchor a {
	color: #000000;
	display: block;
	padding: 4px 0 6px 4px;
	text-decoration: none;
	height: 1%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #000000;
	background-color: #91DBFF;
	filter:alpha(opacity=85); 	/* This is the Opacity syntax used by Internet Explorer */
	opacity:0.85;				/* This is the Opacity syntax used by Firefox */
/*  zoom: 1  */					/* This was used as a hack for IE if the element has no position, i.e. float or absolite */
	
}

#leftcol #nav a:hover, #leftcolanchor a:hover {
	background-color: #003366;
	color: #ffffff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #FFFFFF;
	filter:alpha(opacity=100); 	/* This is the Opacity syntax used by Internet Explorer */
	opacity:1;				/* This is the Opacity syntax used by Firefox */
}

#baygardens #leftcol #nav #bayg a,
#rexpapillon #leftcol #nav #rexp a,
#rexlucian #leftcol #nav #rexl a,
#ansechastanet #leftcol #nav #anse a,
#mainpage #leftcol #nav #main a,
#guide #leftcol #nav #guid a,
#diving #leftcol #nav #divi a,
#prices #leftcol #nav #pric a,
#aboutus #leftcol #nav #abou a,
#emailus #leftcol #nav #emai a,
#eformus #leftcol #nav #form a,
#skypeus #leftcol #nav #skyp a {
	background-color:#003399;
	color: #ffffff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #FFFFFF;
/* declarations to style the current state */
}

#content h1 {color: #003366;}

#content h2 {color: #003366;}

#content h3 {color: #003366;}

#content h4 {color: #003366;}

.rightimage-lucian{
	float: right;
	margin: 0;
}