/* CSS Document */



html, body, div, p, td, th, a, li, input, select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #003580;
    font-size: 13px;
    line-height: 20px;
}



h1, h2, h3, h4, strong, em
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}



html, body
{
    margin: 0;
    padding: 0;
    background: url(../images/background.gif) repeat-x #fff;
}



:focus
{
    outline: 0;
}



#container
{
    width: 1077px;
    margin: 0 auto;
    padding: 0 20px;
    background: url(../images/background_shadow1.jpg) no-repeat #fff;
}



#header
{
    position: relative;
}



#header img
{
    border: none;
}



#navTop
{
    position: absolute;
    top: 100px;
    right: 17px;
    width: 570px;
    text-align: right;
    color: #fff;
}



#navTop span
{
    margin: 0 11px;
}







#navTop a:hover
{
    text-decoration: underline;
}



#navHoriz
{
    /**border-top:1px dotted #4171b5; 	border-bottom:1px dotted #4171b5;**/
    background: #fff;
    margin: 7px 3px 14px 3px;
    padding: 0 0 0 4px;
    height: 10px;
    position: relative;
    z-index: 5;
}



#menu
{
    position: relative;
}

#content a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #003580;
    font-size: 13px;
    line-height: 20px;
}

#content
{
    min-height: 350px;
    height: auto !important;
    height: 350px;
}

#content img
{
    border: none;
}

#contentTable
{
    width: 100%;
    margin: 0 auto;
}

#contentTable a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #003580;
    font-size: 13px;
    line-height: 20px;
}



#contentTable th.contentTable
{
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    width: 285px;
    padding: 0 15px 0 15px;
}



#contentTable td.contentTable
{
    vertical-align: top;
    padding: 0 30px 0 0;
}





#footer
{
    margin: 20px 1px;
    padding: 15px 0 0 14px;
    font-size: 10px;
}



#footerLegal
{
    float: right;
    display: block;
    line-height: 14px;
    font-size: 10px;
}



#footerLegal span
{
    margin: 0 8px;
}



#footerLegal a
{
    font-size: 10px;
    color: #003580;
    text-decoration: none;
    padding: 2px 0;
}



#footerLegal a:hover
{
    text-decoration: underline;
}



#footerReserve
{
    float: right;
    display: block;
    text-align: right;
    line-height: 14px;
    font-size: 10px;
}



p
{
    margin: 0 0 14px 10px;
}

h4
{
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 8px 0;
    color: #003580;
}

h1
{
    font-weight: bold;
    font-size: 25px;
    margin: 0 0 8px 0;
    color: #003580;
}



h2
{
    font-weight: bold;
    font-size: 11px;
    margin: 0 0 8px 0;
    color: #356bae;
    text-transform: uppercase;
}



h3
{
    font-weight: bold;
    font-size: 11px;
    margin: 0 0 4px 0;
    color: #356bae;
}



h4
{
    font-weight: bold;
    font-size: 11px;
    margin: 0 0 4px 0;
    color: #003580;
}

a
{
    color: #003580;
    text-decoration: none;
    border: none;
}



a:hover
{
    color: #003580;
    text-decoration: none;
    border: none;
}

/*  Text formating LEFT MENU  */



#leftNav
{
    margin: 10px 3px 20px 3px;
    padding: 0;
}



#leftNav table td, #leftNav table th
{
    margin: 0;
    padding: 2px 0 0 0;
    vertical-align: middle;
}



#leftNav table th
{
    width: 18px;
}



#leftNav td.navDivider
{
    height: 1px;
    background: #c2c6cd;
    padding: 0;
    margin: 0;
}


#leftNav td.subnav a:hover
{
    color: #003580;
    font-size: 12px;
    padding: 0;
    margin: 0;
    text-decoration: underline;
}
.subnav
{
    background-color: #f1f3f8;
}



.subsubnav
{
    background-color: #e0e6f0;
}



#leftNav a
{
    padding: 2px 0; /* make sure that the link doens't break between 2-line items */
}



a.menuon
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4c5665;
    text-decoration: none;
}

a.menuon:hover
{
    text-decoration: underline;
}



a.menuoff
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4c5665;
    text-decoration: none;
}

a.menuoff:hover
{
    text-decoration: underline;
}



a.menunull
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4c5665;
    text-decoration: none;
}

a.menunull:hover
{
    text-decoration: underline;
}



a.menuorange
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4c5665;
    text-decoration: none;
}

a.menuorange:hover
{
    text-decoration: underline;
}





ul
{
    list-style-type: none;
    padding: 0 0 0 0px;
    margin: 0 0 14px 10px;
}



ul li
{
    background-image: url(/iamges/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    line-height: 14px;
    padding: 0 0 0 15px;
    margin: 0 10px 2px 0;
}



ol
{
    list-style-type: decimal;
    padding: 0 0 0 35px;
    margin: 0 0 14px 0;
}



ol li
{
    line-height: 14px;
    padding: 0 0 0 0px;
    margin: 0 10px 4px 0;
}



ol ul li
{
    padding-left: 25px;
}



ol li ol
{
    /* for nested ordered lists */
    margin: 5px 0 0 4px;
}



/* for ordered list inside ul */



ul ol
{
    padding: 0 0 0 30px;
    margin: 10px 0 14px 0;
}



ul ol li
{
    background-image: none;
    line-height: 14px;
    padding: 0 0 0 0;
    margin: 0 15px 2px 0;
}



/* for a list of items but NO bullet (i.e. 4_3) */



ul.linkList
{
    list-style-type: none;
    padding: 0 0 0 0px;
    margin: 0 0 14px 0;
}



ul.linkList li
{
    background-image: none;
    line-height: 14px;
    padding: 0 0 0 0px;
    margin: 0 10px 4px 0;
}








/*--- Top navigation - Suckerfish CSS modified ---*/



#nav, #nav ul
{
    float: left;
    width: auto;
    list-style: none;
    line-height: 1;
    background: none;
    font-weight: normal;
    font-size: 10px;
    padding: 0;
    margin: 0;
    position: relative;
}



#nav a
{
    display: block;
    color: #421a60;
    text-decoration: none;
    padding: 0;
    line-height: normal;
    font-weight: normal;
}



#nav li
{
    background-image: none; /* override from default li */
    float: left;
    padding: 0;
    margin: 0;
    width: auto;
    height: 21px;
}



#nav li ul
{
    /* box around dropdown */
    position: absolute;
    background-color: #fff;
    left: -999em;
    height: auto;
    width: 150px;
    font-weight: normal;
    border: 1px solid #b6d0ec;
    margin: 0;
    padding: 0 0 5px 0;
    top: 21px;
}



#nav li li
{
    /* dropdown nav item */
    padding: 2px 10px 2px 10px;
    width: 130px;
    height: auto;
}



#nav li ul a
{
    /*width: 13em; 	w\idth: 9em;*/
    width: 150px;
    font-size: 10px;
}



#nav li ul ul
{
    margin: -18px 0 0 150px; /* position secondary nav to the right and up a bit */
}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
    left: -999em;
}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
    left: auto;
}



#nav li:hover, #nav li.sfhover
{
    background: #e9f1f9;
    position: static;
}



#nav li img
{
    border: none;
}


#destinationFooter
{
    border-top: 1px solid #c2c6cd;
    margin: 30px 0 0 0;
    padding: 10px 0 0 0;
}



#destinationFooter a
{
    text-decoration: none;
}

#marine a 
{
     text-decoration: none;
     color:Black;
     font-weight:bold;
}

#marine a:hover
{
    color: white;
    text-decoration: none;
    border: none;
    background-color:#4F926F;
}
#marine p 
{

}




.nobr
{
    white-space: nowrap;
}



sup
{
    vertical-align: text-top;
    font-size: 10px;
}



noscript p
{
    color: red;
    margin: 14px 0 0 0;
}



strong
{
    font-weight: bold;
}



em
{
    font-style: italic;
}



.noFlash
{
    background-color: #fff;
    position: absolute;
    z-index: 99;
    width: auto;
}





.imgLoad
{
    /* used for preloading images */
    position: absolute;
    left: -3000px;
}





fieldset
{
    border: 2px solid #D6E7BA;
    margin: 20px 0 20px 0;
    padding: 10px 10px 10px 10px;
}

legend
{
    font-size: 14px;
    font-weight: bold;
    color: #122D5A;
}


a.formButton
{
    /* replaces all image buttons */
    background-color: #003580;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #003590;
    padding: 3px 10px;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
}



a.formButton:hover
{
    background-color: #fff;
    color: #003580;
    text-decoration: none;
}





.typicalTable
{
    /* used for all the inline tables */
    border-collapse: collapse;
    margin: 0 0 14px 0;
}



.typicalTable th
{
    vertical-align: top;
    border: 1px solid #c2c6cd;
    padding: 3px 10px 3px 3px;
    color: #003580;
    font-weight: bold;
    background-color: #e0e6f0;
}



.typicalTable td
{
    vertical-align: top;
    border: 1px solid #c2c6cd;
    padding: 3px 10px 3px 3px;
    background-color: #fff;
}



.typicalTable td p
{
    margin-bottom: 6px;
}





div.fromTo
{
    background-color: #f1f3f8;
    padding: 5px 10px;
    margin-bottom: 10px;
    line-height: 20px;
    font-weight: bold;
}

#dyna_header
{
    font-weight: bold;
    font-size: 25px;
    margin: 0 0 8px 0;
    color: #003580;
}

.IE8Fix
{
    z-index: 1000;
}