/* -- Hawaii cruise style sheet    ---  */

/* Eric Meyer's reset code:  v1.0 | 20080212, tweaked to suit  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
line-height: 124%;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ==========End Reset ========================= */
body { 
margin: 0px; 
padding: 0;
background-color: #ffffff; 
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: 16px;
background: url(art/water7.jpg) repeat left top;
}

#page {
margin: auto; 
margin-top: 6px;
width: 906px; 
text-align: left; 
background: white;
border: 5px solid #4682b4;
}

#header {
width: 800px; 
padding: 5px 10px;
margin: auto; 
} 

.hdr-graphic {
border: 5px solid #191970; 
padding: 3px;
margin: auto;
margin-top: 0;
}

/* place the RCI logo overlying the top graphic */
#logo{
width: 449px;
position: relative;
top: 35px;
left: -46px;
margin: 0;
z-index: 10;
}

.day-time {
font-size: 150%;
text-align: center;
color: #104E8B;
line-height: 1.1;
}

h1 {
text-align: center;
color: #191970;
font-size: 190%;
letter-spacing: 0.1em;
line-height: 1.2em;
margin-top: 15px;
margin-bottom: 0;
}

h2 {
text-align: center;
font-size: 160%;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.2em;
padding: 1em;
background: #f0ffff;
color: #191970; 
border: 3px solid #8ee5ee;
}

h3 {
padding-top: 1.6em;
text-align: left;
color:  #191970;
font-size: 120%;
font-weight: bold;
}

/* Text formatting */
p {
text-align: left;
height: auto;
margin-top: 1em;
margin-right: 1em;
margin-left: 1em;
}

h3 {
font-size: 120%;
margin-left: 1em;
margin-right: 1em;
}

.center {
text-align: center;
}

.right {
text-align: right;
float: right;
}

.small {
font-size: 80%;
}

.caption {
margin: 2em auto;
text-align: center;
font-size: 90%;
font-family: sans-serif;
}

.caption2 {
margin: auto;
text-align: left;
font-size: 90%;
font-style: italic;
}

.caption-left {
border: 3px solid #8ee5e;
float: left;
margin: 0.3em 0.5em 0.3em 0;
text-align: center;
font-size: 90%;
font-style: italic;
padding: 0.1em;
} 

.caption-rite {
border: 3px solid #8ee5e;
float: right;
margin: 0.3em 0 0.3em 0.5em;
text-align: center;
font-size: 90%;
font-style: italic;
padding: 0.1em;
}

.caption-rite a {
text-decoration: none;
}

img .caption2 {
margin: auto;
text-align: center;
}

.brdr {
margin: 2px 4px;
border: 4px solid #708090; 
padding: 2px;

}

.nobrdr {
border: none;
margin: 2px 4px;
}

.brdr-right {
float:right;
margin: 2px 2px 2px 6px;
text-align: center;
font-size: 90%;
font-style: italic;
}

.viewlink {
align: right:
float: right;
margin: 0;
padding: 0 0.6em 0 34em;
}

.brdr-left {
float: left;
margin: 0.1em 1em 0.1em 0em;
text-align: center;
font-size: 90%;
font-style: italic;
}

hr {
height: 2px;
width: 90%;
color: blue;
}

.dest a:link, .dest a:visited {
background-color:#e0ffff;
border-bottom: #ececec 1px solid;
}

.dest a:hover {
background: #7ac5cd; 
font-weight: bold;
}


.bigdivider { /*  Use a content-empty para. */
margin: 1.2em auto;
border-top: 4px solid #4682b4;
width: 860px;
text-align: center;
clear: both;
}

ul.smallball {
margin: 0; 
padding: 0;
padding-left: 2em;
list-style-type: none;
}

ul.smallball li{
padding-left: 1.8em;
background: url(art/blueball.gif) no-repeat left top;
text-align: left;
margin-top: 0;
margin-bottom: 0;
}


table {
margin: 0 auto;
margin-top: 15px;
width: 100%;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif; 
font-size: 16px;
}

.table-caption {
text-align: center;
font-size: large;
}

th {
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: large;
text-align: left; 
background-color: rgb(231,239,255);
padding: 3px;
}

td {
color: black;
text-align: left;
padding: 6px;
vertical-align: top;
}

.shaded {
background: #f0ffff; 
}

/* the footer with links and address */
#footer {
text-align: center; /* to center box in IE  */
display: block;
margin: auto;
margin-top: 25px;
margin-bottom: 25px;
}
/* close footer */

/* open Snowtao */
.snowtao {
color: #191970;
margin-top: 8px;
margin-bottom: 0;
padding: 6px;
font-size: 0.8em;
text-align: center;
}
/* close Snowtao */

/* ======== Animated tabs ============ */
.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 802px;
font-size: 14px; /*font of menu text*/
margin-top: 0.5em;
height:  30px;
margin-right: auto; 
margin-left: auto;
}

.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(art/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(art/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */

.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

/* ======== end Animated tabs ============ */

.larger {
font-size: 130%;
vertical-align: baseline;
}



.homelink {
font-size: 120%; 
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
color: #191970;
font-weight: bold;
text-align: center;
border-top: 2px solid #8b0000;
margin-top: 20px; 
margin-bottom: 11px;
font-variant:small-caps;
}



/* ===========  nav bar at page bottom ============ */
#footer {
margin-top: 1em;
margin-right: auto;
margin-left: auto;
background-color: white;
width: 878px;
padding: 1em;
border-top: 5px outset #4169e1;
border-right: 6px outset #5d478b;
border-bottom: 6px outset #4a708b;
border-left: 4px outset #c1cdcd;
}

.linklist {
text-align: left;
margin: 0 auto 2em auto;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
max-width: 700px;
padding-bottom: 2em;
}

.nav-hdr {
font-size: 120%; 
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
color: #191970;
font-size: 140%;
font-weight: bold;
text-align: center;
margin-top: 20px; 
margin-bottom: 15px;
font-variant:small-caps;
}

.linklist p {
margin: 0.2em;
clear: both;
background-color: #e0ffff;
border: 1px solid #ffe4c4;
color: #191970;
}

.linklist a:link {
display: block;
margin: 0.2em;
padding: 0.2em;
background-color: #e0ffff;
text-decoration: none;
}

.linklist a:visited {
display: block;
margin: 0.2em;
background-color: #e0ffff;
text-decoration: none;
color: black;
}

.linklist a:hover {
display: block;
margin: 0.2em;
color: white;
text-decoration: none;
background-color: #3b7c8b;
text-decoration: none;
}