/*
=====================
Cascading Style Sheet
=====================
*/

html {
  height: 100%;
  margin-bottom: 1px;
  line-height: 125%;
}

body,td {
  line-height: 135%;
  font-family: "Verdana", Helvetica, sans-serif;  
  text-align: left;
  color: #67676d;
}

body {
background-color: #dddde2;
margin: 0;
padding: 0;
font-size: 0.8em;  
}


ul li{
font-size: 0.9em;
}

p {
  /* setup some more readable paragraph spacing */
margin-top: 10px;
margin-bottom: 15px;
text-align: left;
}

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

h1, h2, h3, h4, h4 {
/* setup some more readable header spacing */
padding-bottom: 0px;
margin: 15px 0 5px 0;
font-family: 'Georgia', serif;
font-style: italic;  
font-weight: bold;
line-height: 1em;
}

h1 { 
color: #074391;
font-size: 1.65em;
font-weight: normal;
}

h2 {
color:#BB1F34;
font-size:1.5em;
font-weight:normal;
}

h3 {
color:#000000;
font-size:1.2em;
margin: 25px 0 5px 0;
font-style: normal;  
}

h4 {
font-size: 1.1em%;
color: #074391;
font-style: normal;  
}

div.wrapper{
margin: 0px auto;
padding: 0px;
border: 0px;
width: 980px;
}

div.page-l { background:#ffffff url(http://203.86.194.7/Sites/clipper/images/page-bg-l.png) repeat-y scroll 0 0; }
div.page-r { background:transparent url(http://203.86.194.7/Sites/clipper/images/page-bg-r.png) repeat-y scroll 100% 0; }
div.page-b{ background:transparent url(http://203.86.194.7/Sites/clipper/images/page-bg-b.png) no-repeat scroll 0 100%; }
div.page-t{ background:transparent url(http://203.86.194.7/Sites/clipper/images/page-bg-t.png) no-repeat scroll 0 0; padding: 0px 10px 46px 10px;}

#header { padding: 0; }

div.logo{ height:95px; padding: 20px 30px 10px 30px; }

div.krd{
    color: #B1B1B5;
    font-size: 0.85em;
    height: 13px;
    letter-spacing: 0.05em;
    padding: 3px 10px 0 0;
    text-align: right;
}

#banner { padding: 5px 0 0 0; height: 340px; }

div#menu{
background-color: #074391;
text-align: left;
height: 40px;
padding: 0 20px;
text-transform: uppercase;
}

a.navigatorLink, span.navigatorLinkCurrent {
    color: #eef2f8;
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 39px;
    margin-right: 2px;
    padding: 0 20px;
    text-decoration: none;
}

span.navigatorLinkCurrent, a.navigatorLink:hover { background-color:#bb1f34; color: #ffffff; }

#mainbody{ background:transparent url(http://203.86.194.7/Sites/clipper/images/ship-bg.jpg) no-repeat scroll 99.5% 100%;
padding: 15px 10px 15px 30px;
}

div.left_side{ float: left; padding: 10px 30px 0 0; width: 320px; text-align: center; }
div.left_side h3{font-size: 1em; margin: 5px 0 0 0;}
div.left_side p { text-align: center; }

div.booking{ background: #0c4b9c url(http://203.86.194.7/Sites/clipper/images/booking-bg.png) no-repeat scroll 0 0; margin-bottom:25px; height:165px; text-align: left; }
div.booking p { text-align: left; }
div.booking input { font-size: 0.95em; }
div.booking-head{
    color: #E8EEF6;
    font-family: "Georgia",serif;
    font-size: 1.9em;
    font-style: italic;
    height: 45px;
    line-height: 50px;
  padding-left: 30px;
}

div.booking-content{ padding: 0px 15px 15px 30px; color: #cad3e4; }
div.booking-content p{ margin: 0px 0px 6px 0px; line-height: 1.7em; }
label.fixedwidth { width: 60px; float: left; }
div.book-left { float: left; width: 135px;  }
div.book-right { float: right; width: 135px; }

div.leftsidebar-head {
background-color:#E3E3E3;
border-bottom:3px solid #FFFFFF;
color:#074391;
font-size:1.7em;
height:38px;
line-height:38px;
text-align:left;
padding:0 15px;
font-family: "Georgia",serif;
font-style: italic;
}

div.leftsidebar-content{
background-color: #f4f4f4;
padding: 15px 15px 20px 15px;
 text-align: left;
}

div.middle{
float: left;
height: auto;
width: 570px;
}

#footer{  padding-top:40px; }

#bottom-nav { color:#d8d8dc; padding-left: 120px; }
#bottom-nav a{ color: #0f3a85; padding: 0 5px; }



#copyright {
color: #a6a6a9;
text-decoration: none;
text-align: center;
width: 960px;
margin: 0 auto 13px;
font-size: 0.85em;
}

#copyright p, #copyright a {
color: #a6a6a9;
text-decoration: none;
}

.clear{
clear: both;
}

.imageright {
    float: right;
    margin: 15px 15px 5px 15px;
border: 3px solid #b7c9e0;
}

.imagerightA {
    float: right;
    margin: 15px 15px 5px 15px;
}
.imageleft {
    float: left;
    margin: 3px 15px 5px 0;
}

p.editorialmenu a {padding: 0 8px 0 0;}