/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background-color:#f0f8ff;
border-collapse:collapse;
}
td {
font:12px Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
}
h2 {
font-size:24px;
color:#003399;
text-align:center;
line-height:1.3em;
}
h3 {
font-size:20px;
color:#ff0000;
text-align:center;
}
h4 {
font-size:16px;
color:#003399;
text-align:center;
}
p {
padding:0px;
line-height:1.4em;
}



/*------------------------------------------------------------------*/
#wrapper {
width:840px;
margin:50px auto;
background-color:#003c7b;/*003c7b*/
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
}
#indexwrapper {
width:840px;
margin:50px auto;
background-color:#ffffff;
}
#head {
background-color:#003c7b;
}
#bar {
background-color:#4e85c6;
height:20px;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}
#content {
width:680px;
background-color:#ffffff;
float:left;
}
/*----------------------------- navigation -------------------------------------*/
#nav {
margin:2px 0px 55px 0px;
width:160px;
float:left;
height:200px;
background-color:#003c7b;
}
#nav ul{
margin:0;   /* clears for all browsers */
padding:0;  /*         ditto           */
list-style-type:none; /* gets rid of the bullets points */
/* float:left; */ 
}
#nav li {
margin:0 0 1px 0; /* space between boxes */
}

#nav a {
font:10pt Arial, Helvetica, sans-serif;
display:block; /* active area for rollover */
color:#ffffff; /*#ee2454   */
background-color:#003c7b;
width:150px;             /* bar width  */
padding: 3px 5px 3px 4px;          /* space around text */
text-decoration:none;
text-align:right;

border-bottom:1px solid #dddddd;

}
#nav a:hover {
color:#fff;
background-color:#336699; /* change color for rollover*/
}


/*--------------------------------------------------------------------------*/

#indexcontent {
width:840px;
height:560px;
background-color:#003c7b;
background-image:url(images/CenturyFront.jpg);
background-repeat:no-repeat;
}

#text {
position:relative;
left:280px;
top:0px;
width:520px;
color:#f5fffa;
font:14px Verdana, Arial, Helvetica, sans-serif;
}
#btn {
position:relative;
left:638px;
top:512px;
width:120px;
}

/*-----------------------------------------table offers---------------------------------*/
.explain {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#003366;
line-height:1.6em;
text-align:justify;
}
.tablehead {
color:#ffffff;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
padding:2px 0px;
}
.tdline {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#003399;
text-align:center;
border-bottom:1px solid #333333;
border-left:1px solid #333333;
padding:2px 0px;
}
.tdlineright {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#003399;
text-align:center;
border-bottom:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #333333;
padding:4px 0px; 
}
/*-------------------------------------------------------------------------------------*/
#footer {
width:840px;
background-color:#003c7b;
text-align:center;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
clear:both;
border-top:1px solid #ffffff;
}
#footer a {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
}
#footer a:hover {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#99ccff;
text-decoration:none;
}

/*------------------------------ pics -------------------------------------------*/
#roompic {
float:left;
margin:5px 8px 5px 0px;

}

.white {
color:#ffffff;
}
.whiteborder {
border:1px solid #ffffff;
}
.issuedate {
font:10px  Arial, Helvetica, sans-serif;
color:#999999;
}
.shipname { 
font-size:14px;
font-weight:bold;
color:#039;
padding:2px 0px; 
text-align:center;
border-left:1px solid #333333;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
background-color:#96c1eb;
}
.small {
font-size:10px;
text-align:center;
color:#003399;
padding:0;
line-height:1.2;
}