body {
   margin: 2% 5% 2% 5%;
   background-color: #fff;
   color: #000000;
}

#header {
   background-color: #fff;
   color: #000000;
   border-top: 0px;
}

#header h1 {
	TEXT-ALIGN: center;
        FONT: bold 1.8em/1.2em "comic sans", "verdana", sans-serif;
        COLOR: #000000;
        background-color: #fff;
        WHITE-SPACE: nowrap;
}

#header h2 {
	TEXT-ALIGN: center;
        FONT: bold 1.0em/1.0em "comic sans", "verdana", sans-serif;
        COLOR: #000000;
        background-color: #fff;
        WHITE-SPACE: nowrap;
}

h1 {
    FONT: bold 1.2em "verdana", sans-serif;
}

h2 {
    FONT: bold 1em "verdana", sans-serif;
    
}

h1, h2 {
     text-align: center;
}

td.news-logo-left {
    TEXT-ALIGN: left;
    vertical-align: middle;
    COLOR: #000000;
    background-color: #fff;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    border-left-style: solid;
    border-width: 1px;
    border-color: #ccf;
    FONT: bold 13px "comic sans", "verdana", sans-serif;
    
}

td.news-logo-right {
    TEXT-ALIGN: left;
    vertical-align: middle;
    COLOR: #000000;
    background-color: #fff;
    padding-left: 15px;
    border-left-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: #ccf;
    FONT: bold 13px "comic sans", "verdana", sans-serif;
}

td.news-header-left {
    TEXT-ALIGN: left;
    vertical-align: top;
    COLOR: #000000;
    background-color: #fff;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-right: 5px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: #ccf;
    FONT: bold 13px "comic sans", "verdana", sans-serif;
    
}

td.news-header-right {
    TEXT-ALIGN: left;
    vertical-align: top;
    COLOR: #000000;
    background-color: #fff;
    padding-left: 15px;
    padding-bottom: 15px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: #ccf;
    FONT: bold 13px "comic sans", "verdana", sans-serif;
}

td.news1 {
    TEXT-ALIGN: center;
    vertical-align: middle;
    COLOR: #000000;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    FONT: bold .75em "comic sans", "verdana", sans-serif;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: #ccf;
}

td.news-header-left a:link {color: black; TEXT-DECORATION: none; background-color:white;}
td.news-header-left a:visited {color: black; TEXT-DECORATION: none; background-color:white;}
td.news-header-left a:focus {color: black; TEXT-DECORATION: none; background-color:white;}
td.news-header-left a:hover {color: #CE0404; TEXT-DECORATION: underline; background-color:white;}
td.news-header-left a:active {color: black; TEXT-DECORATION: none; background-color:white;}

td.news-header-right a:link {color: black; TEXT-DECORATION: none; background-color:white;}
td.news-header-right a:visited {color: black; TEXT-DECORATION: none; background-color:white;}
td.news-header-right a:focus {color: black; TEXT-DECORATION: none; background-color:white;}
td.news-header-right a:hover {color: #CE0404; TEXT-DECORATION: underline; background-color:white;}
td.news-header-right a:active {color: black; TEXT-DECORATION: none; background-color:white;}

td.news-spacer {
    border-right-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: #ccf;
}

td.ads {
   padding-top: 15px;
   padding-bottom: 15px;
}

td.ads2 {
   padding-left: 10px;
   padding-bottom: 15px;
   padding-top: 15px;
   text-align: left;
   vertical-align: top;
   FONT-FAMILY: "verdana", sans-serif;
   COLOR: #000000;
   background-color: #ffffff;
   FONT-SIZE: .8em;
}

td.dateline {
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   FONT-SIZE: 0.8em;
   font-weight: bold;
   FONT-FAMILY: "verdana", sans-serif;
   COLOR: #000000;
   background-color: #ffffff;
}
   

p {
  MARGIN: 0px 0px 10px 0px;
  FONT-SIZE: 0.8em;
  FONT-FAMILY: "verdana", sans-serif;
  COLOR: #000000;
  background-color: #ffffff; 
}


p.mail_link {
  FONT-SIZE: 0.8em;
  FONT-FAMILY: "verdana", sans-serif;
  COLOR: #000000;
  background-color: #ffffff;
  text-align: center; 
}

p.mail_link a:link { color: black; TEXT-DECORATION: underline; background-color:white;
} 

p.mail_link a:visited { color: black; TEXT-DECORATION: underline; background-color:white;
} 

p.mail_link a:focus { color: black; TEXT-DECORATION: underline; background-color:white;
}

p.mail_link a:hover { color: red; TEXT-DECORATION: Underline; background-color:white;
}

p.mail_link a:active { color: black; TEXT-DECORATION: underline; background-color:white;
}

p.block {
  margin-left: 40px;
  margin-bottom: 10px;
  FONT-SIZE: 0.8em;
  FONT-FAMILY: "verdana", sans-serif;
  COLOR: #000000;
  background-color: #ffffff; 
}

.block {
  margin-left: 40px;
  margin-bottom: 5px;
  FONT-SIZE: 0.7em;
  FONT-FAMILY: "verdana", sans-serif;
}

.block2 {
  margin-left: 40px;
  margin-bottom: 5px;
  FONT-SIZE: 0.8em;
  FONT-FAMILY: "verdana", sans-serif;
}

.top {
      VERTICAL-ALIGN: top;
}

.center {
	TEXT-ALIGN: center;
}

.right {
	TEXT-ALIGN: right;
}

.left {
      TEXT-ALIGN: left;
}

.links a:link { color: black; TEXT-DECORATION: underline; background-color:white;
} 

.links a:visited { color: black; TEXT-DECORATION: underline; background-color:white;
} 

.links a:focus { color: black; TEXT-DECORATION: underline; background-color:white;
}

.links a:hover { color: red; TEXT-DECORATION: Underline; background-color:white;
}

.links a:active { color: black; TEXT-DECORATION: underline; background-color:white;
}

.navbar {
        TEXT-ALIGN: center; FONT-SIZE: 0.545em; FONT-FAMILY: "verdana", sans-serif;
} 

.navbar a:link { color: black; TEXT-DECORATION: underline; background-color:white;
} 

.navbar a:visited { color: black; TEXT-DECORATION: underline; background-color:white;
} 

.navbar a:focus { color: black; TEXT-DECORATION: underline; background-color:white;
}

.navbar a:hover { color: red; TEXT-DECORATION: Underline; background-color:white;
}

.navbar a:active { color: black; TEXT-DECORATION: underline; background-color:white;
}

#footer {
         TEXT-ALIGN: center;
         FONT-SIZE: 0.6em;
         FONT-FAMILY: "verdana", sans-serif;
}

.validate {
          width:200px;
          margin-right:auto;
          margin-left:auto;
}

#footer a:link { color: black; TEXT-DECORATION: underline; background-color:white
} 

#footer a:visited { color: black; TEXT-DECORATION: underline; background-color:white
} 

#footer a:focus { color: black; TEXT-DECORATION: underline; background-color:white
}

#footer a:hover { color: red; TEXT-DECORATION: Underline; background-color:white
}

#footer a:active { color: black; TEXT-DECORATION: underline; background-color:white
}

#navsite {
	background-color: white;
        color: #339;
}

#navsite {
	border: 1px dashed white;
}

#navsite {
	background-color: white;
}

#navsite ul {
	background-color: white;
	padding: 0 0 3px 0; 
	margin-left: 0; 
	margin-top: 0;
	border-bottom: 1px solid #669; 
	font: bold 10px Verdana, sans-serif; 
}

#navsite ul li {
	list-style: none; 
	margin: 0; 
	display: inline; 
}

#navsite ul li a {
	padding: 3px 0.5em; 
	margin-left: 3px; 
	border: 1px solid #669; 
	border-bottom: none; 
	background-color: #ccf; 
	text-decoration: none; 
}

#navsite ul li a:link { 
	color: #339;
} 

#navsite ul li a:visited { 
	color: #666;
} 

#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
	color: #000; 
	background: #AAE; 
	border-color: #336; 
}

#navsite ul li a#current {
	background: white; 
	border-bottom: 1px solid white; 
}

#content {
 background-color: white;
 color: black;
}

#contentMain {
	background-color: white;
        color: black;
	font: 1em/1.2em Verdana, sans-serif;
}

#contentMain a:link { 
	color: black;
        TEXT-DECORATION: underline;
        background-color: white;
} 

#contentMain a:visited { 
	color: black;
        TEXT-DECORATION: underline;
        background-color: white;
} 

#contentMain a:focus { 
	color: black;
        TEXT-DECORATION: underline;
        background-color: white;
}

#contentMain a:hover {
	color: red; 
	TEXT-DECORATION: Underline;
        background-color: white;
}

#contentMain a:active { 
	color: black;
        TEXT-DECORATION: underline;
        background-color: white;
}

.rightcell {
            TEXT-ALIGN: center;
            VERTICAL-ALIGN: top;
}

#banners {
       TEXT-ALIGN: center;
       background-color: white;
       color: black;
       FONT-SIZE: 0.6em;
       FONT-FAMILY: "verdana", sans-serif;
       padding: 1% 2% 2% 2%;
}

form {
        FONT-SIZE: 0.8em; FONT-FAMILY: "verdana", sans-serif; COLOR: #000000; background-color:white;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 1em;
    text-indent: 3em;
    FONT-SIZE: 0.8em; FONT-FAMILY: "verdana", sans-serif; COLOR: #000000;
    background-color:white;
}

li {
    width: 43%;
    padding: 0;
    margin: 0 0 0.25em 0;
}

.icon {
  margin-top: 5px;
  margin-left: 10px;
  float:right;
  background-color:white;
  color: black;
}

.iconLeft {
  margin-top: 10px;
  margin-right: 15px;
  float:left;
  background-color:white;
  color: black;
}


.highlight {
    background-color: #ccf;
    color: black;
}

p.indent {text-indent: 2em;}

p.indent2 {text-indent: 5em;}

.zcaption {
	PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        FONT-SIZE: 0.7em;
        PADDING-BOTTOM: 5px;
        MARGIN: 0px;
        COLOR: black;
        PADDING-TOP:5px;
        FONT-FAMILY: "verdana", sans-serif;
        TEXT-ALIGN:left;
        background-color: white;
}

.intro {
	PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        FONT-SIZE: 0.8em;
        PADDING-BOTTOM: 5px;
        MARGIN: 0px;
        COLOR: black;
        PADDING-TOP: 5px;
        FONT-FAMILY: "verdana", sans-serif;
        TEXT-ALIGN: left;
        background-color: white;
}

table.lost_boats {
          margin-left:auto;
          margin-right:auto;
          FONT-SIZE: 0.8em;
          FONT-FAMILY: "verdana", sans-serif;
          COLOR: #000000;
          background-color:white;
          text-align: left;    
}

table.roster {
          margin-left:auto;
          margin-right:auto;
          FONT-SIZE: 0.8em;
          FONT-FAMILY: "verdana", sans-serif;
          COLOR: #000000;
          background-color:white;
          text-align: left;    
}

table.results {
          margin-left:auto;
          margin-right:auto;
          FONT-SIZE: 0.8em;
          FONT-FAMILY: "verdana", sans-serif;
          COLOR: #000000;
          background-color:white;
          text-align: right;
}

table.flags {
          margin-left:auto;
          margin-right:auto;
          background-color:white;
          text-align: center;
          vertical-align: middle;
}

td.data {text-align: right}

td.spacer {text-align: center; padding-top: 20px; padding-bottom: 20px;}

table.lost_boats a:link { color: black; TEXT-DECORATION: underline; background-color:white
} 

table.lost_boats a:visited { color: black; TEXT-DECORATION: underline; background-color:white
} 

table.lost_boats a:focus { color: black; TEXT-DECORATION: underline; background-color:white
}

table.lost_boats a:hover { color: red; TEXT-DECORATION: Underline; background-color:white
}

table.lost_boats a:active { color: black; TEXT-DECORATION: underline; background-color:white
}

table.dates {
          margin-left:auto;
          margin-right:auto;
          FONT-SIZE: 0.8em;
          FONT-FAMILY: "verdana", sans-serif;
          COLOR: #000000;
          background-color:white;
          border-top-style: dashed;
          border-right-style: dotted;
          border-bottom-style: dashed;
          border-left-style: dotted;
          border-width: thin;
          border-color: #ccf;    
}

td.left {
       border-top-style: dashed;
       border-width: thin;
       border-color: #ccf;
}

.logobar {
       margin-left:auto;
       margin-right:auto;
}

table.hrogardRight {
        width:103px;
        float: right;
        MARGIN: 0px 0px 5px 10px;
}

table.hrogardLeft {
        width:380px;
        float: left;
        MARGIN: 0px 10px 5px 0px;
}


.hcaption {
        font-size: .7em;
        font-family: "verdana", sans-serif;
        border-top-style: none;
        border-width: thin;
        border-left-style: dotted;
        border-right-style: dotted;
        border-bottom-style: dotted;
        border-color: #ccf;
}

table.hrogardRight2 {
        width:434px;
        float: right;
        MARGIN: 0px 0px 5px 10px;
}

table.hrogardLeft2 {
        width:389px;
        float: left;
        MARGIN: 0px 10px 5px 0px;
}

table.hrogardRight3 {
        width:292px;
        float: right;
        MARGIN: 0px 0px 5px 10px;
}

table.hrogardLeft3 {
        width:261px;
        float: left;
        MARGIN: 0px 10px 5px 0px;
}

table.jerry1 {
        width:100px;
        margin-right:auto;
        margin-left:auto;
        TEXT-ALIGN: center;
}

table.maps {
        margin-right:auto;
        margin-left:auto;
        TEXT-ALIGN: center;
        font-size: .7em;
        font-family: "verdana", sans-serif;
}

td.maps {
        height:250px;
        vertical-align:middle;
        border-width: thin;
        border-left-style: dotted;
        border-right-style: dotted;
        border-bottom-style: dotted;
        border-top-style: dotted;
        border-color: #ccf;
}

td.maps2 {
        height:150px;
        vertical-align:middle;
        border-width: thin;
        border-left-style: dotted;
        border-right-style: dotted;
        border-bottom-style: dotted;
        border-top-style: dotted;
        border-color: #ccf;
}


.jcaption {
        font-size: .7em;
        font-family: "verdana", sans-serif;
        border-top-style: none;
        border-width: thin;
        border-left-style: dotted;
        border-right-style: dotted;
        border-bottom-style: dotted;
        border-color: #ccf;
}

table.alert {
        background-color: #fff;
        margin-right:auto;
        margin-left:auto;
        COLOR: #000000;
}

table.alert2 {
        background-color: #fff;
        margin-right:auto;
        margin-left:auto;
        COLOR: #000000;
        FONT-SIZE: 1.0em;
        FONT-FAMILY: "verdana", sans-serif;
}

table.resources {
        background-color: #fff;
        margin-right:auto;
        margin-left:auto;
        COLOR: #000000;
}

table.schoolLeft1 {
        width:425px;
        float: left;
        MARGIN: 0px 10px 5px 0px;
}

.sscaption {
        font-size: .7em;
        font-family: "verdana", sans-serif;
        border-top-style: none;
        border-width: thin;
        border-left-style: dotted;
        border-right-style: dotted;
        border-bottom-style: dotted;
        border-color: #ccf;
        text-align: center;
}

table.schoolRight1 {
        width:250px;
        float: right;
        MARGIN: 0px 0px 5px 10px;
}

table.schoolCenter {
        width:328px;
        margin-right:auto;
        margin-left:auto;
        MARGIN-TOP: 10px;
        MARGIN-BOTTOM: 10px;
}

table.schoolRight2 {
        width:250px;
        float: right;
        MARGIN: 0px 0px 5px 10px;
}

table.schoolLeft2 {
        width:250px;
        float: left;
        MARGIN: 0px 10px 5px 0px;
}

table.schoolRight3 {
        width:281px;
        float: right;
        MARGIN: 0px 0px 5px 10px;
}

table.adLeft2 {
        width:200px;
        float: left;
        MARGIN: 0px 10px 5px 0px;
}

td.hondo {
       text-align: left;
       border-top-style: dotted;
       border-width: thin;
       border-left-style: dotted;
       border-right-style: dotted;
       border-bottom-style: dotted;
       border-color: #ccf;
       PADDING-RIGHT: 5px;
       PADDING-LEFT: 5px;
       PADDING-BOTTOM: 5px;
       PADDING-TOP: 5px;
       font: 0.8em Verdana, sans-serif;
}

table.shLeft1 {
        width:200px;
        float: left;
        MARGIN: 0px 10px 5px 0px;
}

table.shLeft2 {
        width:119px;
        float:left;
        MARGIN: 0px 10px 5px 0px;
}

table.shRight1 {
        width:189px;
        float:right;
        MARGIN: 0px 10px 5px 10px;
}

table.shLeft3 {
        width:225px;
        float:left;
        MARGIN: 0px 10px 5px 0px;
}

.shcaption {
        font-size: .7em;
        font-family: "verdana", sans-serif;
        border-top-style: none;
        border-width: thin;
        border-left-style: dotted;
        border-right-style: dotted;
        border-bottom-style: dotted;
        border-color: #ccf;
        text-align: center;
}

.u {
        text-decoration: underline;
}

table.xp {
        background-color: #fff;
        margin-right:auto;
        margin-left:auto;
        COLOR: #000000;
        font: 0.8em Verdana, sans-serif;
}
        
td.xpcell {
        PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        PADDING-BOTTOM: 0px;
        PADDING-TOP: 10px;
}

table.mainRight1 {
        width:300px;
        float:right;
        MARGIN: 0px 10px 5px 10px;
}

table.mainRight2 {
        width:200px;
        float:right;
        MARGIN: 0px 0px 10px 10px;
        
}

table.mainLeft1 {
        width:200px;
        float:left;
        MARGIN: 0px 10px 5px 0px;
        
}

td.quick {
       font-size: .7em;
       font-family: "verdana", sans-serif;
       text-align: center;
       border-top-style: dotted;
       border-width: thin;
       border-left-style: dotted;
       border-right-style: dotted;
       border-bottom-style: dotted;
       border-color: #ccf;
       PADDING-BOTTOM: 10px;
       PADDING-TOP: 10px;
}

td.search {
       border-top-style: dotted;
       border-width: thin;
       border-left-style: dotted;
       border-right-style: dotted;
       border-bottom-style: dotted;
       border-color: #ccf;
       text-align: center;
}

table.mainRight3 {
        width:200px;
        float:right;
        MARGIN: 0px 0px 10px 10px;
}