/* general layout
---------------------------------------------------------- */
  body {
    color: #000;
    background-color: #FFF;
    text-align: center;

  }
  .frame {
    width: 910px;
    margin: 0 auto;
    text-align: left;
  }
  .mceContentBody {
    text-align: left !important;
  }

/* header wrapper and logo
---------------------------------------------------------- */
  #header {
    font-family: Georgia, 'times new roman', times, serif;
  }
    #header #logo a {
      float: left;
      display: inline;
      background: url("../images/logo.gif") no-repeat 0 0;
      height: 117px;
      width: 241px;
      overflow: hidden;
      text-indent: -999em;
    }


/* top navigation
---------------------------------------------------------- */
  #header #topnav {
    position: relative;
    float: left;
    display: inline;
    width: 669px;
    height: 117px;
    color: #3375BA;
    background: url("../images/topnav-bg.gif") no-repeat 0 0;
  }
    #header #topnav em {
      display: block;
      text-indent: -999em;
    }
    #header #topnav a {
      color: #3375BA;
    }
    #header #topnav a:hover {
      color: #003771;
    }
    #header #topnav p,
    #header #topnav ul
    {
      position: absolute;
      z-index: 10;
    }
      #header #topnav .topnavbullet,
      #header #topnav p.topnavright
      {
        color: #BCBCBC;
        font-size: 1.1em;
      }
      #header #topnav p.callnow {
        text-transform: uppercase;
        font-size: 1.6em;
        top: 18px;
        right: 18px;
        color: #666F76;
      }
      #header #topnav p.topnavright {
        font-family: arial, helvetica, sans-serif;
        text-transform: uppercase;
        top: 42px;
        right: 18px;
      }
      #header #topnav ul#mainnav {
        top: 89px;
        left: 38px;
        z-index: 5;
      }
        #header #topnav ul#mainnav li {
          float: left;
          font-size: 1.4em;
          padding-right: 16px;
        }
        #header #topnav ul#mainnav li.active a {
          color: #666F76;
        }


/* port selector dhtml menu
---------------------------------------------------------- */
      #header #topnav .selectport {
        font-size: 2.4em;
        top: 53px;
        left: 38px;
      }
        #header #topnav .selectport li a:hover  {
          color: #3375BA;
        }
        #header #topnav .selectport li a.selectportactive,
        #header #topnav .selectport li a.selectportactive:hover
        {
          background-position: 0 -138px !important;
          color: #003771;
        }
        #header #topnav .selectport a.trigger  {
          background: url("../images/selectport-arrow.gif") no-repeat 0 -42px;
          padding-left: 17px;
          color: #003771;
        }
        #header #topnav .selectport a.trigger:hover {
          text-decoration: none;
          background-position: 0 9px;
          color: #3375BA;
        }
        #header #topnav .selectport a.leftarrow  {
          background-position: 0 -192px;
        }
        #header #topnav .selectport a.leftarrow:hover {
          background-position: 0 -242px;
        }

      #header #topnav ul.selectport li ul {
        display: none;
        background-color: #011D4A;
        z-index: 20;
        position: absolute;
        top: 34px;
        left: -7px;
        border: 11px solid #011D4A;
        border-width: 11px 0;
      }
      #header #topnav ul.selectport li ul li {
        font-size: 0.5em; /* 12 */
        line-height: 25px;
        text-transform: uppercase;
        white-space: nowrap;
        z-index: 20;
        display: block;
      }
        #header #topnav ul.selectport li ul li a {
          color: #FFF;
          background-color: #011D4A;
          display: block;
          padding: 0 60px 0 25px;
        }
        #header #topnav ul.selectport li ul li a:hover {
          color: #FFF;
          background-color: #3375BA;
          text-decoration: none;
        }


/* inner page feature (above-the-fold area)
---------------------------------------------------------- */
  #feature {
    clear: both;
    width: 100%;
    color: #60737C;
    background: #CFD9E3 url("../images/feature-bg.gif") repeat-x 0 0; 
    font-family: georgia, 'times new roman', times, serif;
  }
	#feature:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;
	}  
    #feature .featurephoto {
      float: left;
      display: inline;
      width: 241px;
    }
    #feature .featuretext {
      float: left;
      display: inline;
      width: 520px; /* 669 */
      margin: 28px 95px 7px 34px;
    }
    #feature h1,
    #feature h3,
    #feature p
    {
      font-weight: normal;
    }
    #feature h1 {
      font-size: 3em;
      display: inline;
      padding-right: 12px;
      color: #003771;
    }
    #feature h3 {
      font-size: 1.6em;
      padding-top: 0.15em;
      padding-bottom: 0.25em;
      text-transform: uppercase;
    }
    #feature p {
      font-size: 1.5em;
      line-height: 1.35;
      font-family: arial, helvetica, sans-serif;
      margin-bottom: 1em;
      margin-top: 0.28em;
    }
    #feature a.backlink {
      display: block;
      font-size: 1.3em;
      color: #3375BA;
    }
    #feature p a {
      color: #3375BA;
    }


/* tabs
---------------------------------------------------------- */
  #feature {
    position: relative;
  }

  #feature #tabs {
    position: absolute;
    bottom: 0;
    left: 275px;
  }
  #feature #tabs li {
    float: left;
    display: inline;
    padding: 0 10px;
    font-size: 1.3em;
    line-height: 32px;
    color: #3375BA;
  }
  #feature #tabs li a {
    color: #3375BA;
  }
  #feature #tabs li.active {
    background-color: #FFF;
    color: #666F76;
  }
  #feature #tabs li.active a {
    color: #666F76;
  }


/* inner page left ads
---------------------------------------------------------- */
  #leftads {
    clear: both;
    float: left;
    display: inline;
    width: 241px;
    font-family: georgia, 'times new roman', times, serif;
  }
    #leftads.belowflash {
      margin-top: 23px;
    }

    /* these styles can be removed once all ads are converted to text */
    #leftads .promo > a {
      display: block;
      overflow: hidden;
      text-indent: -999em;
      background-repeat: no-repeat;
      background-position: 0 0;
    }
    #leftads #leftbooknow a {
      height: 148px;
      background-image: url("../images/leftads-booknow.gif");
    }
    #leftads #leftpresscontact a {
      height: 154px;
      background-image: url("../images/leftads-presscontact.gif");
    }
    #leftads #leftopenings a {
      height: 134px;
      background-image: url("../images/leftads-openings.gif");
    }
      #leftads #leftgetupdates a {
        height: 144px;
        background-image: url("../images/leftads-getupdates.gif");
      }
      /* end styles to remove */
      
    #leftads .lefttextad {
      background: #CFD9E3 url("../images/leftads-gradientbg.gif") repeat-x 0 0; 
      padding: 24px 15px;
      font-size: 1.3em;
      color: #666F76;
      text-align: center;
    }
      #leftads .lefttextad a {
        font-size: 1.69em; /* 22 */
        color: #003771;
        text-decoration: underline;
      }
      #leftads .lefttextad a.smalllink {
        font-size: 1.15em; /* 15 */
      }
      
    #leftads .bluetextad {
      background: #CFD9E3 url("../images/leftads-gradientbg.gif") repeat-x 0 0; 
      color: #60737C;
      font-size: 1.3em;
      line-height: 1.3;
      padding: 30px 15px;
      text-align: center;
    }
      #leftads .bluetextad h6 {
        font-size: 1.69em; /* 22 */
        line-height: 1.6;
        font-weight: normal;
        color: #003771;
      }
      #leftads .bluetextad a {
        color: #003771;
        text-decoration: underline;
      }
      #leftads .bluetextad .bigger {
        font-family: 'times new roman', times, serif;
        font-size: 1.84em; /* 24 */
      }
      #leftads .bluetextad .smaller {
        display: inline;
        font-size: 0.94em; /* 12 */
      }
      #leftads .bluetextad .gray {
        color: #60737C;
        font-size: 1.3em; /* 17 */
      }
      
/* inner page content grid
---------------------------------------------------------- */
  #content {
    float: left;
    display: inline;
    width: 631px; /* 669 */
    padding: 23px 0 24px 38px;
  }
    #content ul.gridnav {
      overflow: hidden;
    }
      #content ul.gridnav li {
        width: 290px;
        margin: 0 22px 30px 0;
        float: left;
        display: inline;
      }
        #content ul.gridnav li h4 a {
          padding-left: 3px;
          color: #003771;
          display: block;
        }
        #content ul.gridnav li h4 a img {
          display: block;
          margin: 0 0 7px -3px;
        }
        #content ul.gridnav li h5 {
          padding: 0 0 6px 3px;
          margin-bottom: 0;
          letter-spacing: normal;
          color: #3F6A8F;
        }
        #content ul.gridnav li p {
          padding-left: 3px;
          font-size: 1.2em;
          color: #60737C;
        }
        #content ul.gridnav .clearrow {
          clear: both;
        }
        
/* inner page category grid alternate layout
---------------------------------------------------------- */
      #content .halfcol {
        float: left;
        display: inline;
        width: 290px;
        margin-right: 20px;
      }
      #content .halfcol h3 {
        font-family: georgia, 'times new roman', times, serif;    
        font-size: 2.3em;
        color: #003771;
        font-weight: normal;
        padding-bottom: 12px;
        border-bottom: 1px solid #003771;
        margin-bottom: 16px;
      }

      #content ul.categorylist-brief li {
        margin: 0 22px 27px 0;
      }
        #content ul.categorylist-brief li h4 a {
          padding-left: 3px;
          color: #003771;
          display: block;
        }
        #content ul.categorylist-brief li h4 a img {
          display: block;
          margin: 0 0 7px -3px;
        }
        #content ul.categorylist-brief li h5 {
          padding: 0 0 6px 3px;
          margin-bottom: 0;
          letter-spacing: normal;
          color: #3F6A8F;
        }
        #content ul.categorylist-brief li p {
          padding-left: 3px;
          font-size: 1.2em;
          color: #60737C;
        }
      #content ul.categorylist-brief li.categorylist-expanded {
        margin-bottom: 37px;
      }
        #content ul.categorylist-brief li.categorylist-expanded a img {
          display: block;
          margin: 17px 0 11px 0;
        }



/* inner promos
---------------------------------------------------------- */
  #content .specialoffer {
    border: 1px solid #C2CFDB;
    border-width: 1px 0;
    background-color: #EBF0F4;
    padding: 20px;
    text-align: center;
    margin-right: 29px;
  }
    #content .specialoffer h6 {
      font-family: georgia, 'times new roman', times, serif;
      font-size: 2.2em;
      color: #003771;
      text-transform: uppercase;
      font-weight: normal;
    }
    #content .specialoffer p {
      font-size: 1.2em;
      color: #7E8083;
    }
    #content .specialoffer p a {
      color: #3F6A8F;
    }


/* inner page full width text
---------------------------------------------------------- */
  #content .widecolumn {
    margin: 15px 75px 0 0;
  }
    #content h4 {
      font-family: georgia, 'times new roman', times, serif;
      font-size: 1.5em;
      line-height: 1.26;
      color: #003771;
      text-transform: uppercase;
      font-weight: normal;
    }
    #content h5 {
      font-size: 1.1em;
      line-height: 1.64;
      color: #3F6A8F;
      text-transform: uppercase;
      font-weight: normal;
      margin-bottom: 0.6em;
    }
    #content span.phone {
      font-size: 1.33em; /* 16 */
    }
    #content .widecolumn p,
    #content .middlecolumn p
    {
      font-size: 1.2em;
      color: #60737C;
      margin-bottom: 1em;
    }
    #content .widecolumn p a,
    #content .middlecolumn p a
    {
      color: #3375BA;
    }

    /*#content .widecolumn ul,
    #content .middlecolumn ul
    {
      padding-top: 12px;
    }*/
    #content .widecolumn ul li,
    #content .middlecolumn ul li
    {
      background: url("../images/middot-blue.gif") no-repeat 10px 6px;
      padding-left: 24px;
      /*font-size: 12px;*/
      font-size: 1.2em;
      color: #60737C;
      /*margin-bottom: 1em;*/
     }
    #content .widecolumn ul,
    #content .middlecolumn ul
    {
      margin-bottom: 1em;   
    }
    
 #content img.inlineleft {
    float: left;
    clear: left;
    padding: 0 20px 20px 0;
 }
 #content img.inlineright {
    float: right;
    clear: right;
    padding: 0 0 20px 20px;
 }

 #content .pierdivider {
     height: 1px;
     background-color: #CFD9E3;
     margin: 30px 0;
 }


/* two column content
---------------------------------------------------------- */
  #content .middlecolumn {
    float: left;
    display: inline;
    width: 320px;
  }
  #content .rightcolumn {
    float: right;
    display: inline;
    width: 235px;
  }
    #content .testimonial {
      clear: both;
      font-family: georgia, 'times new roman', times, serif;
      font-size: 1.3em;
      line-height: 1.23;
      color: #333333;
      margin: 18px 0 4px 0 !important;
    }
    #content .attribution {
      font-size: 1.2em;
      color: #60737C;
    }
    #content .rightcolumn .videos {
      margin: 2px 0 24px 0;
    }
    #content .rightcolumn .videos img {
      clear: left;
      float: left;
      margin: 0 18px 20px 0;
      border: 1px solid #A9A9A9;
      padding: 1px;
    }
    #content .rightcolumn .videos p {
      width: 93px;
      float: left;
      font-size: 1.1em;
      color: #60737C;
      margin-bottom: 10px;
    }
    #content .rightcolumn .videos p strong {
      display: block;
      color: #3375BA;
      font-weight: bold;
      font-size: 1.1em; /* 12 */
      padding-top: 6px;
    }

    #content .rightcolumn .righttextbar {
      background-color: #E1E9ED; 
      color: #003771;
      font-size: 1.3em;
      line-height: 1.3;
      padding: 8px;
      text-align: center;
    }
    #content .rightcolumn .righttextbar a {
      color: #003771;
    }
    #content .rightcolumn .righttextbarhover {
      background-color: #003771;
    }
    #content .rightcolumn .righttextbarhover a {
      color: #fff;
    }


  
/* third party content
---------------------------------------------------------- */
  #content .thirdparty_content {
    font-size: 2em;
    margin: 0 auto;
  }


/* pagination and filtering
---------------------------------------------------------- */
  .pagination {
    display: inline-block;
    margin-left: 36px;
  }
  .pagination a {
    font-size: 1.6em;
    color: #3375BA;
    text-decoration: underline;
  }
  .pagination .active {
    color: #8E8E8E;
    text-decoration: none;
  }
  .pagination .next,
  .pagination .prev
  {
    text-decoration: none;
  }
  input.graphicbuttons {
    background: none no-repeat top left;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0;
    margin: 0 10px 0 0;
    text-indent: -999em;
    width: auto;
  }
    input.Submit { 
      background-image: url('../images/btn_submit.gif');
      width: 72px;
    }
    input.SubmitRequest { 
      background-image: url('../images/btn_submit_request.gif');
      width: 155px;
    }
    input.Preview {
      background-image: url('../images/btn_preview.gif');
      width: 155px;
      height: 30px;
      line-height: 30px;
    }
    input.Edit {
      background-image: url('../images/btn_edit.gif');
      width: 82px;
      height: 30px;
      line-height: 30px;
    }
    input.Create {
      background-image: url('../images/btn_create.gif');
      width: 123px;
      height: 36px;
      line-height: 36px;
    }
    input.Add {
      background-image: url('../images/btn_add.gif');
      width: 100px;
      height: 36px;
      line-height: 36px;
    }
    input.button {
        background-color: #71b2d3;
        color: #fff;
        padding: 2px 4px;
    }



/* bottom ads
---------------------------------------------------------- */
  #bottomads {
    clear: both;
    width: 100%;
    border-top: 2px solid #FFF;
    font-family: georgia, 'times new roman', times, serif;
  }
    #bottomads .promo {
      float: left;
      display: inline;
      width: 291px; /* 317 */
      background: url("../images/bottomads-bg.gif") no-repeat 0 0;
      padding: 17px 13px 0 13px;
      text-align: center;
      position: relative;
      min-height: 185px; /* 202 */
      height: auto;
    }
    #bottomads .thanksgiving { background-image: url("../images/bottomads-bg-autumn.gif"); }
    #bottomads .dogs { background-image: url("../images/bottomads-bg-dogs.gif"); }
    #bottomads .easter { background-image: url("../images/bottomads-bg-rabbits.gif"); }
    #bottomads .mothersday { background-image: url("../images/bottomads-bg-floral.gif"); }
    #bottomads .independenceday { background-image: url("../images/bottomads-bg-fireworks.gif"); }
    #bottomads .valentinesday { background-image: url("../images/bottomads-bg-hearts.gif"); }
    #bottomads .fleetweek { background-image: url("../images/bottomads-bg-jets.gif"); }
    #bottomads .moon { background-image: url("../images/bottomads-bg-moon.gif"); }
    #bottomads .wine { background-image: url("../images/bottomads-bg-wine.gif"); }
    #bottomads .winter { background-image: url("../images/bottomads-bg-winter.gif"); }
    
    #bottomads .promo:nth-child(2) {
      width: 290px; 
    }
    #bottomads .middle {
      width: 290px; /* middle ad is 1px narrower to make ad block 950px wide and to line up with flash content above */
    }
      #bottomads .promo h4 {
        font-weight: normal;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        font-size: 1.4em;
        line-height: 49px;
        color: #003771;
        display: block;
        text-align: center;
        cursor: pointer;
      }
        #bottomads .promo h4 a {
          color: #003771;
        }
      #bottomads .promo .promocontent {
        font-size: 1.3em;
        line-height: 1.5;
        color: #666F76;
        padding: 50px 50px 0 50px;
      }
      #bottomads .promo .promocontent a {
        display: block;
        font-size: 1.7em; /* 22 */
        color: #003771;
        cursor: pointer;
      }
      #bottomads .promo .promocontent a:hover {
        color: #003771;
      }


/* filter nav
---------------------------------------------------------- */
  #content .filternav {
    margin-bottom: 28px;
  }
  #content .filternav label {
    font-size: 1.1em;
    vertical-align: 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #003771;
    margin-right: 3px;
  }
  #content .filternav select {
    margin-right: 4px;
    width: 150px;
    vertical-align: 5px;
  }


/* footer
---------------------------------------------------------- */
  #footer {
    clear: both;
    padding: 47px 0 0 0;
    overflow: hidden;
  }
    #footer p {
      color: #999;
      font-size: 1.1em;
      margin: 6px 0;
    }
      #footer a {
        color: #3375BA;
      }
      #footer a:hover {
        color: #003771;
      }
      #footer .footer-inline-links {
        color: #3375BA;
        padding-left: 18px;
      }

    #footer .footer-bar {
      clear: both;
      background-color: #DFE7EC;
      padding: 24px;
      overflow: hidden;
      font-family: Georgia, 'times new roman', times, serif;
      font-size: 1.2em;
      line-height: 2.1;
      /*margin-bottom: 2px;*/
    }
      #footer .footer-bar .footer-col {
        float: left;
      }
      #footer .footer-bar h6 {
        font-weight: normal;
        color: #666;
        text-transform: uppercase;
        margin-bottom: 6px;
      }
      #footer .footer-bar li {
          line-height:  1.6;
      }
      #footer .footer-bar div.ports {
          width: 30%;
      }
      #footer .footer-bar div.about {
          width: 45%;
      }
      #footer .footer-bar div.about h6.second {
          margin-top: 20px;
      }
      #footer .footer-bar div.text {
          width: 25%;
          color: #666;
          line-height: 1.4;
          font-size: 0.9em;
      }
      #footer .footer-bar ul.port-list {
          position: relative;
      }
      #footer .footer-bar ul.port-list a.selected {
          font-weight: bold;
          padding-right: 20px;
          background-image: url("../images/selectport-arrow.gif");
          background-repeat: no-repeat;
          background-position: right 1px;
      }
      #footer .footer-bar ul.port-list ul {
          display: none;
          position: absolute;
          top: 0;
          left: 130px;
      }
      #footer .footer-bar div.about .column {
          float: left;
          margin-right: 30px;
      }


/* social media tab
---------------------------------------------------------- */
  #frameparent { 
    position: relative; 
    overflow: hidden;
    width: 100%;
  }
  
  #socialtab {
    position: absolute;
    top: 70px;
    right: -311px;
    width: 346px;
    height: 266px;
    background: url("../images/social-tab-bg.png") no-repeat 0 0;
    text-align: left;
    overflow: hidden;
    z-index: 1001;
  }
    #socialtab-trigger {
      float: left;
      margin: 7px 26px 0 7px;
      width: 28px;
      height: 75px;
      cursor: pointer;
    }
    #socialtab-links {
      float: left;
      margin-top: 30px;
    }
      #socialtab p {
        font-size: 11px;
        color: #505050;
        margin-bottom: 11px;
      }
      #socialtab a {
        color: #3375BF;
      }


      

/* TinyMCE styles
---------------------------------------------------------- */
.contactPhone {
    font-size: 1.3em;
}

/* Errors
---------------------------------------------------------- */
#content ul.errorMessage,
#content ul.actionMessage
{
  border: 1px solid gold;
  background-color: lightgoldenrodyellow;
  /* alt color scheme: */
    /*
    background-color: #F0F5F7;
    border-color: #3375BA;
    */
  margin: 0 0 16px 0;
  padding: 12px 12px 0 12px;
  color: #003771;
  font-size: 1.1em;
}

.error {
    background-color: lightgoldenrodyellow;
}

#content ul.errorMessage,
#content ul.actionMessage
{
  background: url("../images/icn_warning.gif") no-repeat 8px 1em;
  margin-left: 10px;
}

#content ul.errorMessage li,
#content ul.actionMessage li
{
  background-position: 20px 6px;
  padding-left: 26px;
  font-size: 1.1em;
  line-height: 18px;
  margin-bottom: 10px;
  color: #3F6A8F;
}


/* data grid
---------------------------------------------------------- */
.datagrid {
    margin: 6px 0;
    width: 100%;
    clear: both;
}
.datagrid tr.odd {
    background-color: #F0F5F7;
}
.datagrid th {
    font-size: 1.1em;
    text-transform: uppercase;
    background-color: #00285D;
    color: #FFF;
    font-weight: normal;
    text-align: left;
    border-bottom: 3px solid #FFF;
    padding: 8px 0;
}
.datagrid th.first {
    padding: 8px;
}
.datagrid td {
    padding: 4px;
    font-size: 1.2em;
    color: #7D7D7D;
}


/* Vtour dialog */
.ui-widget-overlay {
    opacity: 0.8;
    background-color: #00285D;
    cursor: wait;
    position: absolute;
    top: 0;
    left: 0;
}