/* --  All cruises index style sheet  --  */
body {
width: 970px;
width: 100%;
font-size: 120%;
line-height: 125%;
}
#logo {
position: absolute;
top: 8px;
left: 79px;
 }

#header {
width: 100%;
position: absolute; 
top: 0;
left: 0;
height: 209px;
background: #fff url(art/water.jpg) top center;
border-bottom: 3px solid #00688b;
}

h1 {
padding: 0.4em;
background-color:  white;
color: #00688B;
border-bottom: 2px solid #00688b;
width: 20em;
text-align:  center;
}

h2 {
font-size: 160%;
margin-top: 1em;
margin-bottom: 0.3em;
color: #00688b;
text-align: center;
}

h3 {
font-size: 120%;
margin-top: 0;
text-align: left;
margin-bottom: 0.3em;
}

h4 {
font-size: 110%;
}

.small {
font-size: 80%
}

/* ======================================== */

#maintext {
margin-top: 200px;
margin-right: auto;
margin-left: auto;
background-color: white;
width: 780px;
padding: 1em;
}

.cruises {
width: 800px;
padding-left: 2em;
}

/* ========== Images ========== */

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

.bigdivider { /*  Use a content-empty para. */
position: relative;
margin: 1.5em auto;
border-top: 4px solid #00688b;
width: 868px;
text-align: center;
clear: both;
}


.brdr {
margin: 0 auto;
text-align: center;
border: 2px solid #00688b;
}

.nobrdr {
border: none;
}

.right {
float: right;
text-align: right;
margin-left: 5px;
}

.left {
float:left;
border: none;
padding-right: 0.6em;
}

.center {
text-align: center;
margin-right: auto;
margin-left: auto;
}

.art_center {
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
font-size: 80%;
font-style: italic;
text-align: center;
line-height: 1;
}

.art_right {
float: right;
margin-left: 5px;
font-size: 80%;
font-style: italic;
text-align: center;
}

.art_left {
float:left;
border: none;
padding-right: 0.6em;
font-size: 80%;
font-style: italic;
text-align: center;
line-height: 1;
margin-bottom: 14px;
}

/* ========== Typography ========== */

h3 {
font-size: 140%;
color:  #275a71;
text-align: center;
}

h4 {
width: 100%;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: 120%;
display: block;
font-weight: normal;
vertical-align: middle;
}


p {
text-align: left;
font-size: 100%;
line-height: 120%;
width: 42em;
}


/* ========== Links ========== */

a:link  {
display: inline;
margin: 0;
padding: 0;
color: #00688b;
text-decoration: underline;
}

a:visited {
display: inline;
margin: 0;
padding: 0;
text-decoration: underline;
background-color: white;
color: #000;
}

a:hover {
display: inline;
margin: 0;
padding: 0;
text-decoration: none;
}

/* ======== footer with links ======= */

#footer {
width: 780px;
margin-top: 1em;
background-color: white;
padding: 1em;
}

.nav-hdr {
font-size: 120%; 
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
color: #4A708B;
font-weight: bold;
text-align: center;
margin-top: 20px; 
margin-bottom: 11px;
font-variant: small-caps;
}

.widelinklist {
text-align: left;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: 100%;
width: 620px;
margin-right: auto;
margin-left: auto;
}

.widelinklist p {
width: 620px;
margin: 0.2em;
clear: both;
color: #191970;
font-size: 100%;
background: #f0f8ff;
border: 1px solid  #b9d3ee;
}

.widelinklist a:link {
width: 600px;
display: block;
margin: 0.2em;
padding: 0.2em;
background: #f0f8ff;

font-weight: bold;
font-size: 100%;
text-decoration: none;
}

.widelinklist a:visited {
width: 600px;
display: block;
margin: 0.2em;
background: #f0f8ff;
font-weight: bold;
font-size: 100%;
text-decoration: none;
color: black;
}

.widelinklist a:hover {
width: 600px;
display: block;
margin: 0.2em;
text-decoration: none;
background: #00688b;
font-weight: bold;
font-size: 100%;
color: white;
text-decoration: none;
}