/* Structural CSS */
div#contentlayer{
background-color:white;

}

div#leftmenulayer{
	float:left;
	margin-top:10px;
}

div#rightmenulayer{
	float:right;
	margin-top:10px;
	width:300px;
	}
	
div#mainbodylayer, div#blogbodylayer{
	margin: 10px 305px 10px 170px;
	border:1px solid #fff;
	}
	
#blogbodylayer{
line-height:1.6;
}
	
.centrediv{
margin-left:auto;
margin-right:auto;
text-align:center;
}

/* Text and font CSS */
.mainheading {
	font-family: "Times New Roman", Times, serif;
	font-size: 30pt;
	font-weight: bold;
	font-style: normal;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	/*background-color:#318DC3;*/
	padding: 5px;
	text-align: justify;
}

h1 {
	font-size: 14pt;
	font-weight: bold;
	margin:0 0 20px 0;
}

h2 {
	font-size: 12pt;
	font-weight: bold;
}

h3{
	font-size: 10pt;
	font-weight: bold;
	}

a:link, a:visited {
	color: #318DC3;
	text-decoration: none;
}

a:hover {
	color: #318DC3;
	text-decoration: underline;
}
	
	
.section {
font-size:10pt;
margin:5px 0px 5px 30px;
}

.subsection{
font-size:9pt;
margin:0px 0px 5px 45px;
}

.subsubsection{
font-size:9pt;
margin:0px 0px 5px 60px;
}

.glossarytable{
font-size:9pt;
margin-left:20px;
line-height:1.2;
}

.glossaryheading{
font-weight:bold;
width:100px;
}

.itinerarydiv {
margin:20px;
border: 1px solid #248F8E;
padding:5px;

}
.itinerarytable{
font-size:75%;
vertical-align:top;
}

.itineraryheading{
font-weight:bold;
}

.photocaption {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
}

.tableheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #000099;
	padding: 1px;
}

.tablebodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
	
/* header CSS */
div#background {
height:95px;
border-bottom:2px #000099 solid;
background-color:#318DC3;
}

div#backgroundcontent{
margin:5px;
}

div#websitetitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color:#ffffff;
	float:left;
}

div#ad728x90 {
height:90px;
width:728px;
margin:2px 2px 0px 2px;
float:right;
background-color:#000000;
}

/* Left menu CSS */

.menubuttonlayer {
	width: 152px;
	margin-bottom:3px;
	background-color: #CFEDFE;
	padding:2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: left;
	/*border-right: #CFEDFE 3px solid;*/
	}
	
	.submenubuttonlayer {
	width: 142px;
	margin:0 0 3px 10px;
	background-color: #CFEDFE;
	padding:2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
	/*border-right: #CFEDFE 3px solid;*/
	}

.subsubmenubuttonlayer {
	width: 132px;
	margin:0 0 3px 20px;
	background-color: #CFEDFE;
	padding:2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
	/*border-right: #CFEDFE 3px solid;*/
	}

/* The code for making a menu item show a different color when you hover over it. .menubuttonlayer a is necessary to make the whole div change, not just the text */
.menubuttonlayer a, .submenubuttonlayer a, .subsubmenubuttonlayer a  { 
display: block; 
 }

.menubuttonlayer a:hover, .submenubuttonlayer a:hover, .subsubmenubuttonlayer a:hover { 
background-color: #9FDCFE;
 }

 /* See http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml point 10 for instructions  
#home .home, #charter .charter, #wheretogo .wheretogo, #med .med, #flights .flights, #shop .shop, #stories .stories, #blog .blog, #glossary .glossary{
background-color: #9FDCFE;
border-right: red 3px solid;
} */

div#left160x600{
margin: 10px 0 10px 0;
}

div#emaillink{
	width:150px;
	border-bottom:#248F8E 1px solid;
	text-align: left;

}

/* Right menu CSS */

div#googlesearchbox{
font-size:7pt;
font-weight:bold;
/*border: 1px solid #248F8E;*/
}

/* Footer CSS */

div#footerlayer {
	clear:both;
	width:100%;
	margin-top:5px;
	font-size: 8pt;
	text-align: center;
	border-top:1px #000099 solid;
	padding:5px;
}

div#footerprint{
border-top:solid black 2px;
text-align:center;
display:none;
}
	
/*Images*/	
div#dolphinthumbnails{
width: 600px;
}

/* Css includes */	
div#breadcrumb{
font-size:8pt;
}


/* Individual divs */

div#tripitakacredentials{
	float:right;
	margin-top:10px;
	width:300px;
	padding-left:10px;
	}
	
div#commentsbox{
	width:500px;
	margin:0 25px 0 25px;
}

.commentstext{	
	font-size:8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}

/* Ad includes*/

.sponsoredlink{
border-bottom:#248F8E 1px solid; 
margin:0 0 5px 0;
font-size:50%;
color:#248F8E;
text-transform: uppercase;
text-align:left;
}

.googlead234x60{
text-align:center;
border-bottom:#248F8E 1px solid;
padding: 0 0 5px 0;
margin: 10px 0 10px 0;
}

.google468x60 {
text-align:center;
border-bottom:#248F8E 1px solid;
padding: 0 0 5px 0;
margin:0 20px 0 20px;
}

.google728x90 {
text-align:center;
border-bottom:#248F8E 1px solid;
padding: 0 0 5px 0;
margin:0 20px 0 20px;
}

.google300x250{
float:right;
margin: 5px 0 5px 10px;
}

.googlead160x600{
text-align:center;
border-bottom:#248F8E 1px solid;
padding: 0 0 5px 0;
margin: 10px 0 10px 0;
}

/* Tripitaka 300x250 ad CSS */
div#tripitaka300x250container {
font-family: Verdana, Arial, Helvetica, sans-serif;
width:298px;
height:250px;
border: 1px solid #248F8E;
background-color:#318DC3;
margin-bottom:10px;
position:relative;
}

div#tripitakaadtext{
width:280px;
height:60px;
margin:10px;
color:black;
font-size:14pt;
text-align:center;
}

div#clickhere{
text-align:center;
width:140px;
height:20px;
margin: 0 75px 20px 75px;
padding:5px;
border:5px outset #B20000 ;
font-size:14pt;
background-color: #F00;
color:white;
}

div#adimage{
margin:0 15px 0 15px;
}

a.adlink {
color: #ffffff;
text-decoration:none;
}

a.adlink:visited {
color:#ffffff;
text-decoration:none;
}

a.adlink:hover {
text-decoration:underline;
color:#ffffff;
}

/* Tripitaka 160x250 ad CSS */
div#tripitaka160x250container {
font-family: Verdana, Arial, Helvetica, sans-serif;
width:158px;
border: 1px solid #248F8E;
background-color:#318DC3;
margin-bottom:10px;
position:relative;
}



/* End */

/* winddiagram */
div#windcontainer{
padding:20px 20px 20px 100px;
}

div#winddiagram {
width:300px;
height:250px;
position:relative;
}

.windtext{
position:absolute;
color:blue;
text-align:center;
}
/*end */

/* Weatheronline include */
#weathercontainer{
width:425px;
height:360px;
margin:0 20px 20px 0;
padding:10px;
border: 1px solid #248F8E;
float:left;
}

div#weatheronlinescript{

}



.weatherarrow{
float:left;
margin:10px 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight:550;
}


/*Buttons*/
.submitbutton{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9pt;
width:100px;
color:black;
background-color:#318DC3;
border: 4px outset #248F8E;
}

/*databox*/
div#databox{
height:260px;
margin:10px 0 10px 0;
position:relative;
}

div#datatext{
float:left;
}

#databox h1{
margin:0px;
padding:0px;
}

#databox .googlead234x60{
position:absolute;
bottom:0px;
text-align:center;
border-bottom:#248F8E 1px solid;
}

div#databoxmap{
	float:right;
	width:250px;
		}
		
div#googlemapcontainer{
width:400px;
background-image:url(/Assets/googlemapcontainer.JPG);
margin:10px 0 10px 10px;
		}
		
.latlong{
font-size:8pt;
color:red;
}