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

#leftcol {
	position: fixed; 
	width: 150px;  /* Width of the left column */
	background-image: url(../maldives/images/leftcol_background_1px.jpg); 
	background-repeat: repeat-y;
/* 	height: 100%;*/
}

#leftcol #nav {
	width: 136px;  /* Width of the Navigation boxes. This is relative to the Leftcol Width. */
	margin: 0 7px;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#leftcol #nav h5, #leftcolanchor h5 {
	margin: 0;
	font-size: 1.1em; /*11px;*/
	font-weight:normal;
	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: 3px;
	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; /*10px;*/
/*	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: 2px 0 3px 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: #CAFEAB;
	/*	filter:alpha(opacity=85); */	/* This is the Opacity syntax used by Internet Explorer */
	/*	opacity:0.85;	*/			/* This is the Opacity syntax used by Firefox */
}

#mainpage #leftcol #nav #main a,
#diving #leftcol #nav #divi a,
#info #leftcol #nav #faq a,
#prices #leftcol #nav #pric a,
#bandos #leftcol #nav #band a,
#carpediem #leftcol #nav #carp a,
#filitheyo #leftcol #nav #fili a,
#hulhule #leftcol #nav #hulh a,
#kurumba #leftcol #nav #kuru a,
#kuredu #leftcol #nav #kure a,
#medhufushi #leftcol #nav #medh a,
#angaga #leftcol #nav #anga a,
#angsana #leftcol #nav #angs a,
#machchafushi #leftcol #nav #mach a,
#mirihi #leftcol #nav #miri a,
#tajexotica #leftcol #nav #taje a,
#vilamendhoo #leftcol #nav #vila a,
#aggressor #leftcol #nav #aggr a,
#dreamcatcher2 #leftcol #nav #drea a,
#bluelagoon #leftcol #nav #blue a,
#monsoon #leftcol #nav #mons a,
#orion #leftcol #nav #orio a,
#arkroyal #leftcol #nav #arkr a,
#sheena #leftcol #nav #shee a,
#sachika #leftcol #nav #sach a,
#yasawaprincess #leftcol #nav #yasa a,
#theia #leftcol #nav #thei a,
#atollexplorer #leftcol #nav #atol a,
#nautilus1 #leftcol #nav #naut a,
#maldivemosaique #leftcol #nav #mosa a,
#adventurer2 #leftcol #nav #adve a {
	background-color:#669966;
	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 */
}

#leftcol #nav a:hover, #leftcolanchor a:hover {
	background-color: #006633;
	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 */
}

#content h1 {color: #003300;}

#content h2 {color: #003300;}
#content h2.heading-maldives-boat {font-size:1.6em; margin-top:25px;}


#content h3 {color: #003300;}

#content h4 {color: #003300;}

.container h5 {margin-top: 30px;}

.imagegallery {
	margin-left: 50px;
	margin-right:50px;
}
.imagegallery img { border: 2px solid #006;}
.imagegallery img:hover { border: 1px solid #06C;padding:1px;}

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

#leftcolanchor {
 	clear: both;		
	float: left;  	
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	width: 190px;  /* Width of the left column */
}

table#pricestable { 	/* Sets table width, text to black, background colour, font size */
	width:86%; 
	text-align:center;
	border-collapse:collapse;
	border: 1px solid #333333;
	color:#000000;
	background: #CCFFFF;
	font-size:0.9em;	
}

table#pricestable caption {		/* Sets table caption text colour, size, background colour, border around caption */
	padding: 6px;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight:bold;
	border: 1px solid #333333;
	background: #000033;
}

table#pricestable thead tr th#cheaproom {	/* Sets the Cheap Room Type cell to specific colour and larger font and right border */
	background: #CCFFCC;
	font-size:1.1em;
	border-right: 2px solid #000000;
}

table#pricestable thead tr th#expensiveroom {	/* Sets the Expensive Room Type cell to specific colour and larger font */
	background: #CCFF99;
	font-size:1.1em;
}

table#pricestable tbody tr#table_specialoffer {	/* Sets the Special Offer Row to specific background colour */
	background:#FFD9D9; }

table#pricestable thead tr {	/* Sets the Table Header Rows to specific background colour */
	background: #99CCFF; }

table#pricestable thead tr th {		/* Sets the Table Header section to have borders and padding */
	border: 1px solid #666666;
	padding: 2px;
}

table#pricestable tbody th {		/* Sets the Dates section to have faint borders */
	border-right: 1px solid #999999; }

table#pricestable tbody tr {		/* Sets the Body/Prices section to have faint row borders */
	border: 1px solid #666666; }

table#pricestable tbody tr.odd td {		/* Sets up alternating colours for the body rows */
	background: #B7DBFF; }

table#pricestable tbody tr.odd th {		/* Sets up alternating colours for the Dates part of body rows */
	background: #B9E9FF; }



table#dive_pricestable { 	/* Sets table width, text to black, background colour, font size */
	width:76%; 
	text-align:center;
	border-collapse:collapse;
	border: 1px solid #333333;
	color:#000000;
	background: #CCFFFF;
	font-size:0.9em;	
}

table#dive_pricestable caption {		/* Sets table caption text colour, size, background colour, border around caption */
	padding: 6px;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight:bold;
	border: 1px solid #333333;
	background: #000055;
}

table#dive_pricestable thead tr th#price {	/* Sets the PRICE cell to specific colour and larger font and right border */
	background:#66CCCC;
	font-size:1.1em;
	border-right: 2px solid #000000;
}

table#dive_pricestable thead tr th#notes {	/* Sets the NOTES cell to specific colour and larger font */
	background:#66CCCC;
	font-size:1.1em;
}

table#dive_pricestable tbody tr#divetable_additionalnotes {	/* Sets the NOTES cell to specific colour and larger font */
	background:#E8E8E8;
}

table#dive_pricestable thead tr {	/* Sets the Table Header Rows to specific background colour */
	background:#66CC99;
}

table#dive_pricestable thead tr th {		/* Sets the Table Header section to have borders and padding */
	border: 1px solid #666666;
	padding: 2px;
}

table#dive_pricestable tbody th {		/* Sets the Dates section to have faint borders */
	border-right: 1px solid #999999; }

table#dive_pricestable tbody tr {		/* Sets the Body/Prices section to have faint row borders */
	border: 1px solid #666666; }

table#dive_pricestable tbody tr.odd td {		/* Sets up alternating colours for the body rows */
	background: #B7DBFF; }

table#dive_pricestable tbody tr.odd th {		/* Sets up alternating colours for the Dates part of body rows */
	background: #B9E9FF; }
	
	
/* MALDIVES GOOGLE MAP CSS BELOW */

#googlemap {
	margin: 10px;
}

.elabel-resort {
	background-color:#CCFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	border:1px #006699 solid;
	text-align:center;
}

.elabel-boat {
	background-color:#FFCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	border:1px #006699 solid;
	text-align:center;
}

.squarebox {  		/* Over-rides the value set in AnimatedCollapsiblePanel.css */
  width: 285px;   /* note: the .googleearth class has width of 250px but has 40px padding = 290px */
}

/*	#googlemap_container {	*/
/*	margin: 0 0px 10px 7px;	*/
/*	float: 									*/
/*	width: 									*/
/*	} 											*/

.googlemap_tabs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 1px;
	padding: 1px;
}

/* MALDIVES GOOGLE MAP CSS ABOVE */