html, body {
	margin:0;
	padding:0;
	color: #646567;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
}

html {background: #FFF url("/multimedia/layout/background.gif") repeat-x left bottom;}

body { font-size: 76%;}
div, p, table, th, td, li, .normal {font-size: 1.0em;}

a, a:link, a:visited {color: #003366; text-decoration: none;}
a:hover, a.menulink:hover {color: #F20000;text-decoration: underline;}

h3 a, h3 a:link, h3 a:visited { color: #FFF; text-decoration: none;}
h3 a:hover { text-decoration: underline;}

h1, h2, h3, h4, h5, h6, p {margin-top: 0;}
h3, h4 {margin-bottom: 10px;}
p {margin-bottom: 1em;}
h1, h2, h3, .heading {font-weight: normal;}
h4, h5, h6, .subheading {font-weight: bold;}

h1 { font-size: 2em; color: #000;}
h2 { font-size: 1.9em; color:#C00;}
h3, .heading { font-size: 1.6em; color:#036;}
h4 { font-size: 1.3em; color: #058;}
h5, .subheading { font-size: 1.3em; color: #024;}
h6, .normal {	font-size: 1em; color: #012;}

img {border:0}

label {font-weight: normal; margin-right: 5px; color:#01539D;}

fieldset {margin-bottom: 17px; padding: 0px 10px 10px; border: 1px solid #28A3D8; background: #E2F2FC;}
legend { width: 180px; line-height: 1.65em; padding: 0px 10px; border: none; color:#FFF; font-weight: bold;}

hr { border: 0;	height: 1px; width: 100%; color: #C0ECF9; background-color: #C0ECF9;}
* html #middle {height:1%;}
* html #right {height:1%;}

#overall { width: 980px; margin: 0 auto; padding: 0; text-align:left;}

#header { height: 120px; background: transparent url("/multimedia/layout/header.jpg") no-repeat top center; text-align: center;}

.logo {width: 248px; margin: 0 auto; text-align: left;}
.logo h1 { margin: 0; padding:0;}

#navigation { clear:both; margin: 0 0 20px 0; padding: 0 auto; background: #F20000 url("/multimedia/layout/nav-back.gif") repeat-x left bottom; text-align: center; border-bottom: 1px solid #036; }
#navigation ul {	float: none; width: 640px; margin:0px auto; padding: 0; list-style: none;}
#navigation li { float: left; margin-left:1px; padding: 0; background:url(/multimedia/layout/tab-back.gif) no-repeat left top; }
#navigation li a, #navigation li a:visited { display: block; padding: 0px 15px; background: transparent url(/multimedia/layout/tab-back-end.gif) no-repeat right top; font-weight:bold; color:#036; line-height: 30px;}
#navigation li a:hover, #navigation li a.menuhover  {color: #F20000; text-decoration:none;}

#navigation ul ul { height: auto; margin-top: -10px; background: #FFF; border: 1px solid #E5E5E5;}
#navigation li li a, #navigation li li a:visited { margin: 0; padding: 5px 7px 5px 20px; line-height: normal;}
#navigation li li a:hover, #navigation li li a.menuhover  {}

#left {float: left; width: 190px;}
#left .content { padding: 0 10px 20px 0;}

.sidebox { margin-bottom: 15px; background: url(/multimedia/layout/sidebox-back-fade.gif) no-repeat 0 30px;}
.sidebox h4 { margin: 0; padding-left: 10px; background: url(/multimedia/layout/h4-back-blue.gif) no-repeat left top; font-size: 1.2em; color: #069; line-height: 30px;}
.sidebox h4 a, .sidebox h4 a:link, .sidebox h4 a:visited  { color:#069;}
.sidebox h4 a:hover { color:#069; text-decoration: underline;}
.sidebox .padding {padding: 7px;}

.sideboxwhite { background: url(/multimedia/layout/sidebox-back-fade2.gif) no-repeat 0 30px;}
.sideboxwhite h4 { padding-top: 7px; background: url(/multimedia/layout/h4-back-white.gif) no-repeat left top; line-height: normal;}

#right {float: left; width: 190px;}
#right .content { padding: 0 10px 20px 0;}

#middle { float: left; width: 600px;}
#middle .content { padding: 10px 10px 20px 10px;}
#middle .sitemap ul li{ list-style: none; }

.destinations a:hover {text-decoration: none;}
.dest-box {float: left; width: 100px; height:100px; margin: 0 10px 10px 0; text-align: center;}

#footer { width: 1000px; margin: 10px auto; border-top: 2px solid #0B588E;}
#footer .logos { height: 49px; margin-bottom: 10px; background: url(/multimedia/layout/foot-back.gif) no-repeat center top; text-align: center;}
#footer .logos img { vertical-align: top; margin: 3px 5px 0px 5px;}
#footer .content { font-size: 0.9em; color:#666; line-height: 1.1em; text-align: center;}
#footer .content a { text-decoration:none;}
#footer .content a:hover { text-decoration:underline; color:#666;}

#breadcrumb { margin-bottom: 10px; padding: 0px 5px; background: #E6F0F5; line-height: 2em; font-size:0.9em;}
#breadcrumb a { padding-right: 10px; color:#5087A3; text-decoration:none;}
#breadcrumb a:hover { text-decoration:underline;}

.clr {clear:both;}
.small, .error {font-size: 0.9em;}
.blacktext {color: #111;}
.bluetext { color: #00A1D8;}
.redtext { color: #E00;}
.dredtext { color: #B41F31;}

div.float { float: left; padding: 1px;}

.callback { height: 100px; margin-bottom: 15px; background: #72AA00 url(/multimedia/layout/call-back2.gif) no-repeat left top; font-size: 1.2em; color: #036; text-align: center;}
.callback .padding { padding: 15px;}
.callback a, .callback a:link, .callback a:visited, .callback a:hover { color:#069;}

.contact { margin-bottom: 15px; background: #72AA00; font-size: 1.1em; color: #FFF; text-align: center;}
.contact .padding { padding: 10px;}
.contact a, .contact a:link, .contact a:visited, .contact a:hover { color:#FFF;}

.cruiseoffers {width: 235px; height: 250px; float: left; margin: 0 15px 15px 0; padding: 0px; background: #E4F3F7; text-align: center;}
.cruiseoffers .padding { padding: 10px;}
.cruiseoffers table { text-align: center; width: 100%;}
.cruiseoffers th, .bluetext { color: #00A1D8;}
.cruiseoffers h3, .cruiseoffers h3 a, .redtext { color: #B41F31;}
.cruiseoffers .padding img { width: 215px; height: 130px;}

.gadflylist {}
.gadflylist .square {margin: 0 0 0 1.2em; padding: 0 0 10px 0; list-style: square outside;}
.gadflylist .square li {margin: 0; padding: 0px 0 3px 0px;}

.holidayoffers { float: left; width: 360px; height: 160px; margin: 0 15px 15px 0; border: 1px solid #CCC;}
.holidayoffers .offerphoto { width: 130px;}
.holidayoffers .offertext{ float: right; width: 225px; padding: 5px 0px 0px 0px;}

.usaoffers { float: left; width: 360px; margin: 0 15px 15px 0; border: 1px solid #CCC;}
.usaoffers .offerphoto { width: 170px;}
.usaoffers .offertext{ float: right; width: 185px; padding: 5px 0px;}

.offertext .bluetext { font-size: 1.1em;}
.offertext .redtext { font-size: 1.2em; text-transform: uppercase}
.holidayoffers .offertext .redtext { text-transform: none}

.news h4 { margin-bottom: 5px; background: url(/multimedia/layout/arw-news.gif) no-repeat left center; font-weight: normal;}
.news h4, .news p {padding-left: 23px;}
.news h4, .news h4 a, .news h4 a:link, .news h4 a:visited { color:#690;}

.nobullets { margin-left: 0px; padding-left: 15px; list-style: none;}
.nobullets li { margin-bottom: 5px;}

.ico-news {padding-left: 20px; background: url(/multimedia/layout/icons/newsletter.gif) no-repeat left center;}

/* Form CSS */

.contactButton {
	font-size: 0.9em;
	font-weight: bold;
	color: #FFF;
	background: #78DE78 url("/multimedia/layout/grad_grn.gif") repeat-x left center; border: 1px solid #228822;}
	
.contactButton:hover { background: url("/multimedia/layout/grad_grn.gif") repeat-x left top; border: 1px solid #117711;}
.contactButton:active { background: url("/multimedia/layout/grad_grn.gif") repeat-x left bottom; border: 1px solid #006600;}

.contactInput {
	font-size: 0.9em;
	background: #FFF;
	border-top: 1px solid #777;
	border-right: 1px solid #888;
	border-bottom: 1px solid #999;
	border-left: 1px solid #666;
}