/*body element background colour should be the same as the main content
so the background looks correct in the WYSIWYG editor; change the 
background colour of #mainpagebody instead to change the background of 
the site.*/
html { margin:0px; padding: 0px; }

body { padding-top:4px; margin:0px; background:white; }
img { border:none; }
#mainpagebody { background:#013068;}

/*If defining the look and feel of elements in the main content pane, 
define them here and override elsewhere as necessary so they look right 
in the WYSIWYG editor.*/
h2 { font-size:18px; margin-top:5px; color: #3cf; font-family: Verdana; font-style: oblique; font-weight: bold; }

a { color: #3fc; font-size: 10pt; font-family: Skia; font-style: normal; font-weight: normal; text-decoration: none; outline: none; }
a:hover { color:#ff99ff; font-style: normal; font-weight: normal; font-size: 10pt; font-family: Skia; text-decoration: none  }
a:visited   { color: #3fc; font-style: normal; font-weight: normal; font-size: 10pt; font-family: Skia; text-decoration: none }
a img { border:none; margin-right:4px; border:thin white solid; }

#wrapper { color: white; padding:0px; border:none; /*width:100%;*/ margin:0px; background:#013068; text-align:center; }

h3   { color: #f9f; font-style: italic; font-weight: bold; font-size: 11pt; font-family: Verdana; text-align: left; }
h4   { color: aqua; font-size: 8pt; font-family: Verdana; font-style: oblique; font-weight: normal; background-color: transparent }
p    { font-size: 10pt; font-family: Verdana; text-align: justify }


#header { background:#013068; padding:24px;}
#header h2 { font-weight:lighter; margin:0; font-size:14px;  text-decoration:none; border:none; }
#header h1 { font-weight:lighter; margin:0; }
#header a { color: #3fc; font-size: 10pt; font-family: Skia; font-style: normal; font-weight: normal; text-decoration: none  }
#header a:hover{ margin:0; color:#ff99ff; }

#main { font-size:76%; }

#left { width:10%; float:left; margin:10px 0px 10px 5px; padding:10px; padding-top:0px; 
	/*background-color:#0040A8;*/ border: thin white dashed; }
#right{ width:85%; float:right; margin:0px 0px 10px 0px; padding:10px; }
#rightfull{ left:0px; right:0px; top:0px; bottom:10px; padding:0 10px 10px 10px; overflow:hidden; position:relative;}

#topnav {font-size: 10pt; font-family: Verdana; padding: 10px 1px 8px 1px; color:#66ffff; /* border-top:1px solid #33ffcc; */border-bottom:1px solid #33ffcc; margin-top: 8px; }
#topnav a { margin-right:5px; padding-left:4px; padding-right:4px; text-decoration:none; }
#topnav a:hover { color:#ff99ff; }

#bottomnav {clear:both; font-size: 10pt; font-family: Verdana; padding: 8px 1px 8px 1px; color:#66ffff; /* border-bottom:1px solid #33ffcc; */ border-top:1px solid #33ffcc; margin-top: 8px; }
#bottomnav a { margin-right:5px; padding-left:4px; padding-right:4px; text-decoration:none; }
#bottomnav a:hover { color:#ff99ff; }

#topnavrss { padding:0px; color:#33ccff; float:right; margin 0px;}
#topnavrss a { color:#33ffcc; margin-right:9px; font-size:12px; padding-left:4px; padding-right:4px; text-decoration:none; }
#topnavrss a:hover { color:#ff99ff; }

#topspace { background:#013068; color:#33ccff;  height: 5px;}

#footer { clear:both; background:#013068; color:#33ccff; padding:0px; vertical-align:middle; font-size:10px; padding-bottom:5px;}
#footerlinks { /*border-bottom: thin solid #33ccff; */ width:100%; text-align:right; padding:0px; padding-bottom:5px; }
#footerlinks a { text-decoration:none; color:#33ccff; padding-left:4px; padding-right:4px; }
#footerlinks a:hover { background-color: #013068; color:#013068; }
li { margin-bottom:6px; }
#footercopy { width: 100%; text-align: center; 	margin-top: 3px; /* border-bottom: thin solid #33ccff;*/ padding-bottom:5px;}
#footerspace { height:5px; }
#leftnav ul { border:0px solid red; list-style-position:inside; margin:0; padding:0; }
#leftnav ul li { border:0px solid red; padding:0; margin-left:20px; }

#feedbackform div { text-align:left; }
#feedbackform input { width:400px; vertical-align:middle; }
#feedbackform textarea { width:400px; vertical-align:text-top; }
#feedbackform label { width:100px; display:inline-block; }
#recaptcha_widget_div { margin-left:100px; }

p { max-width:none;  }
div.contentblogitem p { max-width:none; }

div.crumbs { margin:0px 0px 0px 0px; font-size: 76%; z-index: 1000; color:#fff;  text-align: left; width: auto;}
div.crumbs a{ color:#33ffcc; }
div.crumbs a:hover{ color:#ff99ff; }

div.contentblogitem { border: thin #CCCCCC dashed; margin-top: 5px; padding: 5px; padding-top: 0px; clear:both; max-width:none;  }
div.contentblogitem img { margin-left: 10px; }

div.menuitem { margin-bottom: 3px; padding-left:4px; }
div.menuitemlink { margin-bottom: 3px; padding-left: 4px; }
div.menuitemlink:hover { background: #013068; }
div.menuitemlink:hover a { color:#ff99ff; text-decoration:none; }
div.menuitemlinktop { margin-bottom: 3px; margin-top: 10px; padding-left: 4px; font-size: larger; }
div.menuitemlinktop:hover { background: #013068; }
div.menuitemlinktop:hover a {color:#ff99ff; text-decoration:none; }
div.menuitemtop { margin-bottom: 3px; margin-top: 10px; padding-left:4px; font-size: larger; }

div.cruiseindex { text-align:center; }
span.cruisedate { padding-left:10px; font-size:xx-small; font-style:normal; color:white;  }

div.nextprevdiv { width: 100%; height: 20px; }
div.nextdiv { float: right; }
div.prevdiv { float: left; }
div.backdiv { text-align: center; }

span.inlineblock { display:inline-block; }
span.inlineblock .w250 { width:250px; }
span.inlineblock .w300 { width:300px; }
span.inlineblock .w350 { width:350px; }
span.inlineblock .w400 { width:400px; }

/*Legacy*/
h1 {
color:#66FFFF;
font-family:Skia;
font-size:25pt;
font-weight:bold;
text-align: center;
padding-top: 0;
}
h2        { color: #6ff; font-size: 12pt; font-family: Verdana; font-style: oblique; font-weight: bold }