body { color: black; background:#53b8f0 url( 'images/coralbeachbg.jpg' ) fixed left bottom; background-repeat: repeat-x;}

h1 { color: #3366cc; font-size: 18px; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }
h2 { color: #ffffff; font-size: 18px; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }
h3 { color: #3366cc; font-size: 16px; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }
h4 { color: #ffffff; font-size: 14px; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

a:link { color:#003366; text-decoration: none; font-weight: bold; }
a:visited { color:#003366; text-decoration: none; font-weight: bold; }
a:hover { color:#FC7300;; text-decoration: none; font-weight: bold; }
a:focus, a:active { color:#003366;}

#wrapper {  background : #ffffff; margin-left : auto;  margin-right : auto;  width : 900px; }

/* get input and get static text */
.formsubtitle  { color: #ffffff;  background-color: #5ABCEB; height:20px; padding-left:10px;
                 font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight:bold ; }
.formsubgap  { width:50px; }
.formbg  { background-color: #ffeedf; }

input[type=text] { color: #454545; border: 1px solid #B0B0B0;
                   background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }
input[type=password] { color: #454545; border: 1px solid #B0B0B0;
                       background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }
input[type=image] { color: #454545;
                    background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }

input[type=reset] { color: #454545; border: 1px solid #B0B0B0;
                    background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }

input[type=submit] { color: #454545; border: 1px solid #B0B0B0;
                     background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }

select, textarea { color: #454545; border: 1px solid #B0B0B0;
                   background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }

.submitbutton { font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }
.submitbutton:hover { background: #eef; border: 1px solid #f00; }

.imagebutton { font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }
.imagebutton:hover { background: #eef; border: 1px solid #f00; }

.txt            { color: #000000;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.txtwe          { color: #FFFFFF;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.txtrd          { color: red;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.txtsm          { color: #000000;  line-height : 150%;
                  font-size: 7pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.gettxt         { color: #000000;  background:#ffffff; line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight:bold ; }

.gettxtwe       { color: #FFFFFF;  line-height : 150%;
                  font-size: 8pt;  font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

.gettxtdisable  { color: #999999; line-height : 150%;
                  font-size: 8pt;  font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold;
                  padding-left: 5px; }

.get            { color: #003300; background-color: #FFFFFF; line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-style: normal;
                  padding-left: 5px;  }

.getdisable     { color: #003399; background-color: #EFEFEF;  line-height : 150%;
                  font-size: 8pt;  font-family: Helvetica,Tahoma,Geneva, sans-serif; font-style: normal;
                  PADDING-LEFT: 5px; border: solid 1px #009999; }

.dropdntxt      { color: #000000;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.btntxt         { color: #000000;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.errorbox       { background-color:#F9E5E4; color:#B00033; padding-top:10px; padding-bottom:10px; padding-left:50px;
                  margin-left:10px; margin-right:10px;
                  border-color:#E4ADAA; border-style:solid; font-weight: bold; } /* lite Pink */

.successbox     { background-color:#EAF9E4; color:#178400; padding-top:10px; padding-bottom:10px; padding-left:50px;
                  margin-left:10px; margin-right:10px;
                  border-color:#B5E9AB; border-style:solid; font-weight: bold; } /* lite Green */

.infobox        { background-color:#E7EAF9; color:#3C55BA; padding-top:10px; padding-bottom:10px; padding-left:50px;
                  margin-left:10px; margin-right:10px;
                  border-color:#ADC4ED; border-style:solid; font-weight: bold; } /* lite Blue */

.noticebox      { background-color:#FAF9E4; color:#7F9B85; padding-top:10px; padding-bottom:10px; padding-left:50px;
                  margin-left:10px; margin-right:10px;
                  border-color:#E8E4A7; border-style:solid; font-weight: bold; } /* lite Yellow */

/* main menu */
.thanks { color : #FC7300; padding-left:10px;
          font-size : 14px; font-family : Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

.header1 { color: #1b5e92;  padding-bottom: 20px; padding-top: 20px;
           font-size: 14pt; font-family : Verdana,Helvetica,Geneva, sans-serif; font-weight: bold;
           font-style: italic;}

.txt_body { color: #333333; line-height: 160%;
            font-size: 11px; font-family : Helvetica,Tahoma,Geneva, sans-serif; }

.contenttxt { color :#000000 ; padding-left: 15px ;
              font-size: 8pt; font-family: Arial, Helvetica, sans-serif; }

.contenttitle { color :#28395f ;
                font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.content_left { padding: 20px 20px 20px 20px; }

.colorRows { color: #4F4F4F; background-color :#F3F4EE;
             font-size: 8pt; font-family:Verdana, Arial, Helvetica, sans-serif; }
.altcolorRows { color: #4F4F4F; background-color :#FBFBFB;
                font-size: 8pt; font-family:Verdana, Arial, Helvetica, sans-serif; }

/*----------------LINKS----------------*/
.footer {  color: #000000;  background-color: #5abceb;
           font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

.footerlinks:link { color:#000000; text-decoration:none ; }
.footerlinks:visited { color:#000000; text-decoration:none;}
.footerlinks:hover { color:#ffffff; border-bottom: 1px dashed #ffffff;}

.ontimefooter:link { color:#262163; text-decoration:none ; font-weight: normal;}
.ontimefooter:visited { color:#262163; text-decoration:none; font-weight: normal;}
.ontimefooter:hover { color:#FC7300; text-decoration:none; font-weight: normal ;}

.adminlogin { color: #000000;
              font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

.adminlogin:link { color:#000000; text-decoration:none ; }
.adminlogin:visited { color:#000000; text-decoration:none;}
.adminlogin:hover { color:#FC7300; text-decoration:none; }

.email { color: #000000;
         font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

.email:link { color:#000000; text-decoration:none ; }
.email:visited { color:#000000; text-decoration:none;}
.email:hover { color:#FC7300; text-decoration:none; }

/* --- Newsletter --- */
.newsletterlinks:link{ color:#000000; text-decoration:none; }
.newsletterlinks:visited { color:#000000; text-decoration:none; }
.newsletterlinks:hover{ color:#FF0000; border-bottom: 1px solid #FF0000; }

/**** image gallery ****/
.gallerytxt { color: #003399;  background-color: #ffffff; line-height : 150%;
              font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight:bold ; }
.gallerybg { color: #ffffff;  background-color: #5ABCEB; height:30px;
             font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.gallerylinks:link { color:#ffffff; background-color: #5ABCEB; text-decoration:none ;
                       font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.gallerylinks:visited { color:#ffffff; background-color: ##5ABCEB; text-decoration:none;}
.gallerylinks:hover { color:#ff0000; background-color: ##5ABCEB;}

/***  weather  ***/

.weathertitle { color :#000000 ;
                font-size: 15pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.weathertxt   { color: #000000;  line-height : 150%;
                font-size: 8pt; font-family: Arial,Helvetica, sans-serif; font-weight:normal ; }

/*---------------- Menu ----------------*/
/* Main Menu Bar CSS ######### */
.mattblackmenu ul{ background: #5abceb;                  /* #414141 */
                   margin: 0;
                   padding: 0;
                   font: 12px Arial ;
                   list-style-type: none;
                   border-bottom: 1px solid gray;
                   overflow: hidden;
                   width: 100%; }

.mattblackmenu li{ display: inline; margin: 0; }

.mattblackmenu li a{ color: black; background: #5abceb;  /* #414141 */
                     float: left;
                     display: block;
                     text-decoration: none;
                     margin: 0;
                     padding: 6px 8px;              /*padding inside each tab*/
                     border-right: 1px solid white; /*right divider between tabs*/ }

.mattblackmenu li a:visited{ color: black; }

.mattblackmenu li a:hover{ background: #75c169; /*background of tabs for hover state */ }

.mattblackmenu a.selected{ background: #75c169; /*background of tab with "selected" class assigned to its LI */ }
/* ######### Drop Down ULs CSS ######### */

.ddsubmenudiv ul{ background: white; font: normal 12px Arial;
                  left: 0; top: 0; margin: 0; padding: 0; position: absolute; list-style-type: none;
                  border: 1px solid black; border-bottom-width: 0; visibility: hidden; z-index: 100; }

.ddsubmenudiv ul li a{ color: black; background-color: lightyellow;
                       width: 160px; display: block; text-decoration: none; padding: 4px 5px;
                       border-bottom: 1px solid black; }

* html .ddsubmenudiv ul li a{ /*IE6 CSS hack*/  display: inline-block; }

.ddsubmenudiv ul li a:hover{ background-color: black; color: white; }

/* ######### Neutral CSS  ######### */
.mainmenupointer{ /*CSS for arrow image added to top menu items*/
                  padding-left: 4px; border: 0; }

.submenupointer{ /*CSS for arrow image added to drop down menu items*/
                 position: absolute; padding-top: 3px; right: 2px; border: 0; }

#ddiframeshim{ background: transparent; position: absolute; z-index: 500; border-width: 0;
               width: 0; height: 0; display: block; }