﻿body                                {margin: 0px; background-color: #ddd; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; background-image: url('../images/background.jpg'); background-repeat: repeat-x; background-position: top;}
form                                {position: relative; z-index: 1;}
html>body form                      {position: static; z-index: auto;}
p                                   {line-height: 24px; margin: 0px; margin-bottom: 30px;}
h1                                  {margin: 0px; color: #225; font-size: 18px; text-transform: uppercase;}
h2                                  {font-family: Times New Roman, Serif; color: #444; font-size: 20px; font-weight: normal; margin: 0px; margin-top: 30px;}
h3                                  {font-family: Times New Roman, Serif; color: #225; font-size: 21px; margin: 0px; padding-top: 68px;}

.leftcolumn                         {width: 248px; float: left; margin-left: 15px; margin-right: 20px; position: relative; z-index: 2;}
html>body .leftcolumn               {position: static; z-index: auto;}
.leftcolumn p                       {line-height: 14px;}
.leftcolumn ul                      {margin: 0px; margin-top: 5px; margin-left: 10px; padding-left: 10px; width: 220px;}
.leftcolumn ul li                   {margin-bottom: 10px;}
.rightcolumn                        {margin-left: 15px; width: 180px; float: left; padding-top: 35px;}
.rightcolumn p                      {line-height: 14px;}
.rightcolumn b                      {color: #225;}
.middlecolumn                       {width: 461px; float: left; padding-top: 40px;}
.middlecolumnsub                    {width: 656px; float: left; padding-top: 40px;}
.middlecolumnsub ul                 {margin-top: -10px; margin-bottom: 20px;}
.middlecolumnsub ul li              {margin-bottom: 5px;}

.logoarea                           {width: 600px; text-align: center; margin-right: auto; margin-left: auto; margin-bottom: 10px;}
.logoholder                         {float: left; background-color: #fff; border: 1px solid #999; width: 148px; height: 98px; margin-left: 20px; margin-right: 20px; margin-bottom: 30px; text-align: center; overflow: hidden;}

.navbarbkg                          {width: 100%; height: 29px; text-align: center; background-image: url('../images/navbarbkg.gif'); background-repeat: repeat-x; color: #ccf;}

.navbarbreak                        {margin-right: 135px; display: inline;}

.navbar                             {top: 0px; position: relative; width: 955px; margin-left: auto; margin-right: auto; height: 29px; background-image: url('../images/navbarbkg.jpg'); background-position: center; background-repeat: no-repeat;}
html>body .navbar                   {top: auto;}
.navbar ul                          {margin: 0px; padding: 0px; list-style: none;}
.navbar li                          {float: left; position: relative; height: 22px; padding-top: 7px;}
.navbar li ul                       {position: absolute; z-index: 3; width: 180px; margin-top: 16px; display: none; top: 0px; left: 0px; background-color: #459; text-align: left; border-top: 2px solid #bcf;}
.navbar li ul li                    {float: none; height: 25px; width: 100%; margin: 0px; padding: 0px; padding-top: 8px; padding-left: 10px;}
.navbar li > ul                     {top: auto; left: auto;}
.navbar li:hover ul, li.over ul     {display: block; position: absolute; left: 15px; top: 13px;}
.navbar li ul li a:link             {text-transform: none; text-decoration: none; color: #fff; margin: 0px;}
.navbar li ul li a:visited          {text-transform: none; text-decoration: none; color: #fff; margin: 0px;}
.navbar li ul li a:hover            {text-transform: none; text-decoration: underline; color: #fff; margin: 0px;}
.navbar a:link                      {text-decoration: none; color: #ccf; text-transform: uppercase; margin-left: 30px; margin-right: 30px;}
.navbar a:visited                   {text-decoration: none; color: #ccf; text-transform: uppercase; margin-left: 30px; margin-right: 30px;}
.navbar a:hover                     {text-decoration: underline; color: #ccf; text-transform: uppercase; margin-left: 30px;  margin-right: 30px;}

.maincontentarea                    {width: 955px; margin-left: auto; margin-right: auto;}
.footer                             {width: 935px; padding-right: 20px; margin-left: auto; margin-right: auto; color: #fff; background-color: #459; text-align: right; height: 19px; padding-top: 7px; font-size: 10px; margin-bottom: 10px; margin-top: 30px; clear: both; content: "";}

.flasharea                          {width: 100%; height: 230px; border-bottom: 1px solid #ccc; background-color: #bcf; background-image: url('../images/flashareabkg.jpg'); background-repeat: no-repeat; background-position: center;}
.flashareatitle                     {position: absolute; margin: 0px; top: 155px;}
.flashareacontent                   {width: 672px; height: 218px; padding-left: 310px; padding-top: 12px; margin-left: auto; margin-right: auto;}
html>body .flashareacontent         {padding-left: 283px;}
.flashmoviearea                     {text-align: right; float: right;}
.flashmovie                         {float: right; margin-right: 25px;}

.header                             {height: 114px; width: 100%; background-image: url('../images/headerbkg.jpg'); background-repeat: no-repeat; background-position: center; font-size: 11px;}
.header a:link                      {color: #000;}
.header a:visited                   {color: #000;}
.header a:hover                     {color: #000;}

.headercontact                      {width: 185px; margin-left: auto; margin-right: auto; height: 74px; padding-top: 40px; padding-left: 770px;}

.leftcolumnmodule                   {position: relative; z-index: 2; width: 248px; background-color: #225; background-image: url('../images/leftcolumnbkg.jpg');}
html>body .leftcolumnmodule			{position: static; z-index: auto;}
.leftcolumnmodule p                 {margin: 0px; margin-left: 25px; padding-top: 10px; width: 200px; line-height: 16px;}
.leftcolumnmodule b                 {color: #225;}
.leftcolumnmodule a:link            {color: #225; font-size: 11px; font-weight: bold;}
.leftcolumnmodule a:visited         {color: #225; font-size: 11px; font-weight: bold;}
.leftcolumnmodule a:hover           {color: #225; font-size: 11px; font-weight: bold;}
.leftcolumnmodule ul                {margin: 0px; margin-left: 19px; padding-left: 19px; width: 185px; padding-top: 10px;}
.leftcolumnmodule ul li             {margin-bottom: 15px;}

.leftcolumnmodulelink               {text-align: right; padding-right: 30px;}

.leftcolumnmoduletop                {position: relative; z-index: 2; background-color: #225; width: 248px; height: 38px; padding-top: 12px; margin-top: -200px; background-image: url('../images/leftmoduletop.gif'); background-repeat: no-repeat;}
html>body .leftcolumnmoduletop		{position: static; z-index: auto;}

.leftcolummodulebottom              {background-color: #225; height: 10px; width: 248px; margin-bottom: 15px;}

.textright                          {text-align: right; margin: 0px;}

.formbold                           {font-size: 11px; text-transform: uppercase;}

.contactform                        {padding-left: 15px; margin-bottom: 30px;}

.biotext                            {line-height: normal; margin: 0px; font-size: 11px;}
.biotext b                          {font-size: 12px; color: #225;}

.clientquote                        {background-color: #ccc; width: 160px; padding-top: 6px; padding-left: 10px; padding-right: 10px; background-image: url('../images/quoteboxmiddle.png'); background-position: center top; background-repeat: no-repeat;}
.clientquote p                      {line-height: 18px; font-size: 11px; margin: 0px; margin-bottom: 20px;}
.clientquote b                      {font-size: 11px; color: #000;}

.smalllink:link                     {font-size: 11px; font-weight: bold; text-decoration: none; color: #225;}
.smalllink:visited                  {font-size: 11px; font-weight: bold; text-decoration: none; color: #225;}
.smalllink:hover                    {font-size: 11px; font-weight: bold; text-decoration: underline; color: #225;}

.teamlink:link                      {font-size: bold;}
.teamlink:visited                   {font-size: bold;}
.teamlink:hover                     {font-size: bold;}

.marineshelterslink:link            {font-size: 10px;}
.marineshelterslink:visited         {font-size: 10px;}
.marineshelterslink:hover           {font-size: 10px;}

a:link                              {color: #225; text-decoration: none;}
a:visited                           {color: #225; text-decoration: none;}
a:hover                             {color: #225; text-decoration: underline;}

* html img, * html .png             {position: relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}