* {margin: 0; padding: 0;}

img {border: none}

body {
	min-width: 750px;
	margin:0 3%;
	background-color: #5b89c7;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
}
.white_box {color:#000000}
#content {
	width:94%;
	padding:25px 3%;
	background-color:#fffaf6; 
	}
#heading {
	position:absolute; 
	left:7%; 
	top:50px; 
	margin:0; 
	padding:0;
	width:85%;
	_width:96%;
}
#top-pic {
	border-collapse:collapse;
	border:none;
	width: 99%;
	
}
h1, h2, h3, h4, p {margin: 1em 0;}
ul {margin: 1em 1em 0em 1em; list-style-image:url(buttons_new/bullet.gif); 
	list-style-position: outside; 
	list-style-type: disc; 
	padding: 0;}
li { 
	line-height: 130%; 
	padding-bottom: 10px;}

.title {
	font-family:'Times New Roman', times, serif; font-size:44px; font-weight:bold;
	text-align:center;
	color:white; 
	line-height:48px;
	margin:0 150px 0 0; padding:0;
}
.tagline {
	margin:0;
	padding:20px 0 15px 0;
	text-align:center; 
	font-size:20px; 
	font-weight:bold;
	}
.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.red {color:#FF0000}
.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.red-larger {color:#FF0000; font-size: 14px; font-weight:bold; line-height:150%}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	text-align:center;
}


/* links */
#menu-top-left a:visited, #menu-top-right a:visited, #menu-top-left a:link, #menu-top-right a:link, #menu-top-right, #menu-top-left {
font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:white;
	text-decoration:none;
	color: white;
	padding-top:8px;
}
#menu-top-right {float:right;}
#menu-top-left a:hover, #menu-top-right a:hover {
	color:red;
}

/***************************************************************/
/**************** Layout CSS begins ****************************/



#menu-top-left, #menu-top-right {
	padding-top:8px;
	}
.menu-left {
	margin: 0 10px 0 0;
	width:20%; 
	float:left;
}
.menu-left a:link, .menu-left a:visited {
	text-decoration:none;
	color: blue;
}
 .menu-left a:hover {
	color:red;
}

a.red-larger:link, a.red-larger:visited {color:#FF0000; font-weight:bold; text-decoration:none}
a.red-larger:hover {color:green}

.two-col-l, .two-col-r { 
	width:347px; 
	margin-top: 10px;
	}
.three-col-l, .three-col-r { 
	width:223px; 
	margin-top: 15px;
	}
.three-col-m {
	width:223px; 
	padding-top: 15px; 
	margin-left:248px;
	}
.menu-left {
 	width: 20%;
	margin-top: 10px;
}
.one-col {
	margin-left:23%; 
	margin-top:10px;
	width:76%;
}
.one-col-right {
	float:right; 
	width:252px; 
	padding:5px 15px 0 30px; 
}
#rotator {
		overflow: hidden;
		position: relative;
		width: 168px;
		height: 140px;
		margin:0;
		padding:0;
    	text-align: center;
		float:right;
		}
#rotator img { 
		width: 168px; 
		height: 140px; 
		border: none;
		}	

/* BOXES */

.blue-top, .orange-top, .yellow-top, .grey-top, .green-top  { 
 	width:100%;
	height:25px;
} 
.blue-top h1, .orange-top h1, .yellow-top h1, .grey-top h1, .green-top h1 { 
	display:block; 
	position:relative; 
	height:21px; 
	padding: 2px 10px 0px 10px; margin:0;
	font-family:'trebuchet ms', Arial, Helvetica, sans-serif; 
	font-size:18px; font-weight:bold; color:#FFFFFF; line-height:18px; 
	text-align:center;  
}

.blue-box, .orange-box, .yellow-box, .grey-box, .green-box { 
	margin:0 0 -7px 0;
	padding:10px 10px 5px 10px; overflow:hidden;
}

.blue-bot, .orange-bot, .yellow-bot, .grey-bot, .green-bot { 
	height:17px; 
	background:url(buttons_new/blue_l_bot1.gif) no-repeat left bottom; 
} 
.blue-bot span, .orange-bot span, .yellow-bot span, .grey-bot span, .green-bot span { 
	display:block; 
	position:relative; 
	height:17px; 
	background:url(buttons_new/blue_r_bot.gif) no-repeat right bottom; 
}

.blue-top { background:url(buttons_new/blue_l_top1.gif) top left no-repeat; }
.blue-top h1 { background:url(buttons_new/blue_r_top.gif) top right no-repeat; }
.blue-bot { background:url(buttons_new/blue_l_bot1.gif) bottom left no-repeat; }
.blue-bot span { background:url(buttons_new/blue_r_bot.gif) bottom right no-repeat; }
.blue-box { background-color:#e9edf5; }

.orange-bot span { background:url(buttons_new/orange_r_bot.gif) bottom right no-repeat; }
.orange-bot { background:url(buttons_new/orange_l_bot1.gif) bottom left no-repeat; }
.orange-top h1 { background:url(buttons_new/orange_r_top.gif) top right no-repeat; }
.orange-top { background:url(buttons_new/orange_l_top1.gif) top left no-repeat; }
.orange-box { background-color:#fff0db; }

.yellow-bot span { background:url(buttons_new/yellow_r_bot.gif) bottom right no-repeat; }
.yellow-bot { background:url(buttons_new/yellow_l_bot1.gif) bottom left no-repeat; }
.yellow-top h1 { background:url(buttons_new/yellow_r_top.gif) top right no-repeat; }
.yellow-top { background:url(buttons_new/yellow_l_top1.gif) top left no-repeat; }
.yellow-box { background-color:#ffffcc; }

.green-bot span { background:url(buttons_new/green_r_bot.gif) bottom right no-repeat; }
.green-bot { background:url(buttons_new/green_l_bot1.gif) bottom left no-repeat; }
.green-top h1 { background:url(buttons_new/green_r_top.gif) top right no-repeat; }
.green-top { background:url(buttons_new/green_l_top1.gif) top left no-repeat; }
.green-box { background-color:#ebf1e3; }

.grey-bot span { background:url(buttons_new/grey_r_bot.gif) bottom right no-repeat; }
.grey-bot { background:url(buttons_new/grey_l_bot1.gif) bottom left no-repeat; }
.grey-top h1 { background:url(buttons_new/grey_r_top.gif) top right no-repeat; }
.grey-top { background:url(buttons_new/grey_l_top1.gif) top left no-repeat; }
.grey-box { background-color:#f1f1f2; }


/* BOXES END */

.button_up a, .button_over a { 
	height:27px; 
	width:119px; 
	margin:auto; 
	padding-top:5px; 
	text-align:center;
	display:block;
	}
.button_up a {
	background:url(buttons_new/button_up.gif) top left no-repeat; 
	}
.button_over a {
	background:url(buttons_new/button_over.gif) top left no-repeat; 
	}
.button_over a:link, .button_over a:visited, .button_up a:link, .button_up a:visited {
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	}
.clear {
	clear:both;
	}
.centre {text-align:center}
.justify {text-align:justify; padding: 0 15px;}

.cruise table {
	width:252px;
	border-collapse:collapse;
 }
.cruise td {
 	padding: 5px;
	border:white inset 3px;
	background-color:#BCD4EE;
}
form option { padding-left:5px;padding-right:5px;}

#facilities table {border-collapse:collapse; border: 1px solid #000000; margin: 0 auto; background-color:#FFFFFF}
#facilities td {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:black; font-weight:bold; vertical-align:middle; text-align:center; margin:0; padding:0; border: 1px #999999 solid; width:60px; height:50px; line-height:110%}
#facilities td.red {color: #CC0000}
