body         {
             font-family: arial;
             font-size: 9pt;
             text-align: center;
             background: #c3d2e9;
             background-image: url(images/bluefadebg4.jpg);
             background-repeat: no-repeat;
         background-attachment: fixed;
         background-position: top center; 
             margin: 30px 0 0 0;
             padding: 0;
             }



#wrapper
             {
             width: 860px;
             
             margin: 0 auto;
             background-image: url(images/sideshadow.jpg);
             background-color: white;
             }


#shadowtop
             {
             width: 860px;
             height: 14px;
             margin: 0 auto;
             background-image: url(images/shadowtop2.jpg);
             }

#pagewrapper
             {
             /* display: block? */
             width: 860px;
             margin: 0 auto;
             padding: 0 0 40px 0;
             background-image: url(images/sideshadow.jpg);
             background-color: white;
             }


#shadowbottom2
             {
             width: 860px;
             height: 40px;
             margin: 0 auto;
             background-image: url(images/shadowbottom2.jpg);
             clear: both;
             }


#headerwrapper
             {
             width: 848px;
             height: 144px;
             margin: 0 auto;
             background-color: red;
             }

#logo        {
             width: 191px;
             height: 144px;
             background-color: white;
             float: left;
             }

#navbarwrapper {
             width: 657px;
             height: 144px;
             background-color: ;
             float: right;
             }
             

#ferryservice  {
             width: 657px;
             height: 104px;
             background-color: white;
             margin: 0 auto;
             background-image: url(images/ferryservicebg.jpg);
             }

#navbar {
             width: 657px;
             height: 40px;
             
             background-color: white;
             text-align: left;
             float: left;
             padding: 0 0 0 0;
             background-image: url(images/navbarbg.jpg);
             }


#checkerbar  {
             width: 848px;
             height: 16px;
             margin: 0 auto;
             background-image: url(images/checkerpattern16.jpg);
             image-repeat: repeat-x;
             }

#yellowstripe
             {
             width: 848px;
             height: 5px;
             margin: 0 auto;
             background-image: url(images/yellowstripe847.jpg);
             background-color: white;
             position: relative;
             }

#contentwrapper
             {
             width: 860px;
             margin: 0 auto;
             background-image: url(images/sideshadow.jpg);
             background-color: white;
             }

#flash       {
             width: 848px;
             height: 235px;
             margin: 0 auto;
             background-color: white;
             }


#mapflash    {
             width: 848px;
             height: 399px;
             margin: 0 auto;
             background-color: white;
             }

#mapflash350   {
               width: 848px;
               height: 350px;
               margin: 0 auto;
               background-color: white;
               }


#content {
         width: 570px;
         margin: 20px 0px 20px 0px;
         float: right;
         background-color: ;
         text-align: left;
         }

#contentleft {
         display: block;
         width: 570px;
         margin: 30px 0px 20px 40px;
         background-color: ;
         text-align: left;
         float: left;
         clear: both;
         }


#contentfull {
         display: block;
         width: 750px;
         margin: 20px 0px 20px 40px;
         background-color: ;
         text-align: left;
         float: left;
         clear: both;
         }

#content250 {
         width: 240px;
         margin: 20px 0 0 40px;
         background-color: ;
         text-align: left;
         float: left;
         }

#boatflash  {
             width: 500px;
             height: 450px;
             float: left;
             margin: 20px 0px 0 10px;
             background-color: ;
             }

#twocol1 {
         display: block;
         width: 420px;
         margin: 20px 0px 20px 40px;
         background-color: ;
         text-align: left;
         float: left;
         }

#twocol2 {
         display: block;
         width: 300px;
         margin: 20px 0px 20px 20px;
         background-color: ;
         text-align: left;
         float: left;
         }


#threecol1 {
         display: block;
         width: 280px;
         margin: 20px 0px 20px 40px;
         background-color: ;
         text-align: left;
         float: left;
         }

#threecol2 {
         display: block;
         width: 225px;
         margin: 20px 0px 20px 20px;
         background-color: ;
         float: left;
         }

#threecol3 {
         display: block;
         width: 225px;
         margin: 20px 0px 20px 20px;
         background-color: ;
         float: left;
         }

#schedulewrapper {
                  width: 550px
                  height: 320px;
                  background-color: ;
                  float: left;
                  }

#scheduleleft  {
               width: 270px; 
               height: 310px;              
               float: left;
               text-align: center;
               background-color: ;
               }

#scheduleright  {
               width: 270px;
               height: 310px;
               float: right;
               border-left: 1px solid black;
               text-align: center;
               background-color: ;
               }

div.clear   {
            clear: both;
            }

#modwrapper  {
             width: 847px;
             height: 95px;
             background-color: white;
             margin: 15px auto;
             padding: 
             }

#weatherwrapper  {
             width: 847px;
             height: 100px;
             background: white;
             margin: 0 auto;
             }


#weather    {
         width: 175px;
         height: 90px;
         float: left;
         margin: 0px 0 0 20px;
         background-color: ;
         }

#partners    {
             width: 630px;
             height: 40px;
             float: right;
             margin: 0 20px 0 0;
             color: gray;
             font-size: 7pt;
             letter-spacing: 2pt;
             text-align: ;
             background-color: ;
             }

#partner1    {
         width: 150px;
         height: 40px;
         float: right;
         margin: 0 5px 0 0;
         background-color: ;
         }


#mod1    {
         width: 255px;
         height: 90px;
         float: left;
         margin: 0 0 0 20px;
         background-color: white;
         }

#mod1 a
         {
         width: 255px;
         height: 90px;
         display: block;
         border: 3px solid #FFF;
         }

#mod1 a.rollover:hover
         {
         width: 255px;
         height: 90px;
         display: block;
         border: 3px solid #ecc829;
         }

#mod2    {
         width: 255px;
         height: 90px;
         float: left;
         margin: 0 0 0 12px;
         background-color: white;
         }

#mod2 a
         {
         width: 255px;
         height: 90px;
         display: block;
         border: 3px solid #FFF;
         }

#mod2 a.rollover:hover
         {
         width: 255px;
         height: 90px;
         display: block;
         border: 3px solid #ecc829;
         }
              
#mod3    {
         width: 255px;
         height: 90px;
         float: left;
         margin: 0 0 0 12px;
         background-color: white;
         }

#mod3 a
         {
         width: 255px;
         height: 90px;
         display: block;
         border: 3px solid #FFF;
         }

#mod3 a.rollover:hover
         {
         width: 255px;
         height: 90px;
         display: block;
         border: 3px solid #ecc829;
         }

#footer  {
         width: 847px;
         height: 60px;
         margin: 0 auto;
         padding: 10px 0 0 0;
         color: #5a6473;
         line-height: 20pt;
         background-color: ;
         }

.link    {
         color: #5a6473;
         text-decoration: none;
         }


a.link:hover    {
                 color: #c1272d;
                 text-decoration: underline;
                 }

a.redlink    {
             color: #cb1f1f;
             text-decoration: none;
             }

a.redlink:hover    {
                   color: #cb1f1f;
                   text-decoration: underline;
                   }






#navbar ul          {
                     margin: 0 0 0 0; 
                     list-style-type: none;
                     background-color: ;
                     }

#navmenu li, #navbar li          {
                     display: inline;
                     padding: 0 0 0 23px;
                     
                     }


#navmenu a, #navbar a           {
                     font: 11pt arial, sans-serif;
                     font-weight: bold;
                     text-decoration: none;
                     color: black;
                     background-color: ;
                     }

#navbar a:hover     {
                     color: white;
                     }








#gallery
        {
        width: 570px;
        height: 490px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        }

object a
        {
        display: none;
        }

object  {
        margin-left: auto;
        margin-right: auto;
        display: block;
        }


h2     
        {
        font-size: 14pt;
        }

h3     
        {
        font-size: 10pt;
        }


h1, h2, h3      
        {
        color: #c1272d;
        }

h4      
        {
        font-size: 14pt;
        color: gray;
        font-weight: normal;
        }

p       {
        font-size: 10pt;
        line-height: 14pt;
        }


.subhead16
        {
        font-family: georgia, serif;
        font-size: 16pt;
        line-height: 19pt;
        }

.bulletlist
        {
        font-size: 10pt;
        line-height: 14pt;
        }

#bottomborder
        {
        width: 800px;
        height: 10px;
        margin: 0 auto;
        background-image: url(images/bottomborder.jpg);
        background-repeat: no-repeat;
        }


#map
        {
        width: 200px;
        height: 250px;
        float: left;
        margin: 0 0 0 0;
        padding: 0 20px 0 0;
        background-color: ;
        }


.georgia16   {
             font-size: 16pt;
             font-family: georgia, serif;
             color: black;
             }

ul.partners   {
              list-style: none;

              margin-left: 0;
              padding-left: 0;


              }

ul.partners a   {
               color: #c1272d;
               text-decoration: none;
               }

ul.partners a:hover   {
                     color: #c1272d;
                     text-decoration: underline;
                     }


ul.friends     {
                line-height: 20px;
                font-size: 10pt;
               }

ul.friends a   {
               color: #c1272d;
               text-decoration: none;
               }

ul.friends a:hover   {
                     color: #c1272d;
                     text-decoration: underline;
                     }

a.friends    {
               color: #c1272d;
               text-decoration: none;
               }

a.friends:hover    {
                   color: #c1272d;
                   text-decoration: underline;
                   }


#tripadvisorbadge    {
                     width: 154px;
                     height: 110px;
		     margin: 0 auto;
                     }


