/* for JF templates	*/

html, body {
	color: blue; 
	background-position : center;
	background-color: #FFFFFF
	background-repeat: repeat;
	
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 100%;
/*	line-height: 1.166; */
	margin: 0px 6px 4px 6px;
	padding: 0px;
}
td,th {
	color: blue;
}
a{
	color: blue;
	text-decoration: none;
}
a:link{
	color: blue;
	text-decoration: none;
}
a:visited{
	color: blue;
	text-decoration: none;
}
a:hover{
	color: blue;
	text-decoration: underline;
}
h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 font-variant: small-caps;
 color: navy;
 margin: 0px; padding: 0px;
}
h2{
 font-family: Tahoma, Verdana,Arial,sans-serif;
 font-size: 100%;
 font-variant: small-caps;
 color: navy;
 margin: 0px;
 padding: 0px;
}
h3{
 font-family: Tahoma, Verdana,Arial,sans-serif;
 font-size: 100%;
 color: blue;
 font-variant: small-caps;
 margin: 0px;
 padding: 0px;
}
ul{
 list-style-type: square;
 line-height: 1.5em;
}
ul ul{
 list-style-type: disc;
 line-height: 1.5em;
 padding-bottom: 16px;
}
ul ul ul{
 list-style-type: none;
}
label{
 font-family: Tahoma, Verdana,Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: blue;
}

/* Layout DIVs	*/
#tools{
	width: 100%;
	float: right;
	border: none;
	font-size: 80%;
	text-align:right;
}
#masterHead{
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#masterTitle{
	width: 100%;
	padding: 4px 0px 0px 0px;
	border: none;
}
#breadCrumb{
	width: 100%;
	float: right;
	font-size: 80%;
	border-bottom: 1px solid blue;
	height: 32px;
}
#pageLinks.a{
	color: #0000CD;
	font-size: 80%;
	padding: 0px 0px 8px 8px;
	margin: 0px 0px 0px 16px;
}
#navBar{
	float: left;
	width: 15%;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	border: 1px solid blue;
	background-color: transparent;
}
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid blue;}
/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/** #navbar sections links **/
#linksCruises{
	margin: 2px;
	padding: 0px;
}
#linksCruises h1 a{
	font-size: 16px;
	font: 16px;
	color: blue;
	padding: 0px 0px 0px 6px;
	font-size: 14px;
}
#linksCruises a {
	font-size: 100%;
	display: block;
	color: blue;
	padding: 2px 0px 2px 8px;
}
#linksCruises a:hover{
}
#linksCharters{
	font-size: 18px;
	margin: -2px 0px;
	padding: 0px;
	font-size: 14px;
}
#linksCharters h1 a{
	font-size: 18px;
	color: blue;
	padding: 0px 0px 0px 4px;
}
#linksCharters a{
	font-size: 100%;
	display: block; 
	color: blue;
	padding: 2px 0px 2px 8px;
}
#linksPhotos{
	margin: 2px;
	padding: 0px;
}
#linksPhotos h2 a{
	color: white;
	padding: 0px 0px 0px 6px;
}
#linksPhotos a{
	display: block; 
	color: blue;
	padding: 2px 0px 2px 8px;
}
#linksRelated{
	margin: 2px;
	padding: 0px;
}
#linksRelated h2 a{
	color: blue;
	padding: 0px 0px 0px 6px;
}
#linksRelated a{
	display: block; 
	color: blue;
	padding: 2px 0px 2px 8px;
}
#navPhotos{
	font-size: 80%;
}
#content{
	float: left;
/*	width: 62%;  defined in g_Ncol.css	*/
	padding: 0px 0px 0px 12px;
}
#content a:link{
	color: blue;
	text-decoration: underline;
}
#content img{
	display: inline;
	float: none;
	padding: 1px 1px 1px 1px;
	border: 1px blue inset;
}
#content img.icon{
	border: 0px;
}
#headlines{
	float: right;
/*	width: 150px; i.e. 140(img) + 2(img.border) + 2*4(padding) */
	font-size: 80%;
	text-align: center;
	padding: 10px 4px 10px 4px;
	border: 1px solid blue;
}
#headlines h1{
	font-size: 90%;
}
#headlines p{
	padding: 4px 0px 4px 0px;
}
#headlines img{
	display: inline;
	padding: 1px 1px 1px 1px;
	border: 1px blue;
}
#content p img.icon{
	border: 0px;
}
/* Components */
#globalNav a {
	font-size: 90%;
}
#globalNav{
	padding: 12px 0px 4px 0px;
	text-align: center;
	border-bottom: 0px none;
	border-left: 0px none;
	background-color: transparent;
}
#pageName{
	padding: 0px 0px 4px 8px;
}

#pageIcons{
	display: inline;
	font: smaller Tahoma, Verdana, Arial, sans-serif;
	height: 80px;
}
#multilanguages{ font-size: 75%;  margin: 3px;   }
#multilanguagesFlags{display : block;}
.feature{
	clear: both;
}

.feature h1{
	padding: 0px 0px 16px;
	margin: 2px;
}
/*.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}*/

.story{
	clear: both;
}
.story h2{ padding: 4px 0px 4px;  }

.tables{
	border-color: blue;
	border-style: double;
}
.tables th{
	font: small-caps 1em Tahoma, Verdana, Arial, sans-serif;
	background-color: blue;
	color: white;
}
.tables td{
	font: normal 90% Tahoma, Verdana, Arial, sans-serif;
	color: #0000cd;
}

/* CONTROLS:: BUTTONS , SELECT, ...
	Change borders (top, right, bottom, left), text colour, background colour */
INPUT.inputbrown{ color: #7fffd4; background: blue; border-color: blue blue blue blueTahoma, Verdana, Arial, sans-serif;
}

#siteInfo{
	clear: both;
	text-align: center;
	font-size: 85%;
	color: blue;
	padding: 8px;
	border-top: 1px solid blue;
	margin-top: 32px;
}
#siteInfo img{padding: 4px 4px 4px 10px; vertical-align: middle;}

#newsletter {
	display: inline;
	float:  none;
	padding: 0px 0px 0px 0px;
}
#newsletter input {
	background: blue; color: #7fffd4;
	font: normal bold 90% Tahoma, Verdana, Arial, sans-serif;
}

#search {
	font: small-caps bold 90% Tahoma, Verdana, Arial, sans-serif;
	padding: 0px 0px 0px 0px;
/*	border-bottom: 1px solid #CC6600; */
}
#search form{ margin: 0px; padding: 0px; }
#search input{ background: blue; color: #7fffd4; }
#search button{ font: bold 90% Tahoma, Verdana, Arial, sans-serif; background: blue; color: #7fffd4; }