body{
  font-family: sans-serif;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  border: 0;
  text-align: center;
}

#outer{
  border: solid 2px #FF0000;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#header{
  border-bottom: solid 2px #FF0000;
}

#mainContent, #leftColumn{
  padding-top: 10px;
  padding-bottom: 10px;
}

#mainContent{
  padding-left: 10px;
  padding-right: 10px;
  background: #EDEEF1;
  vertical-align: top;
  width: 641px;
  color: #254176;
  font-size: 14px;
}

table.mainContent {
  margin-top:1em;
}

table.mainContent td{
  vertical-align: top;
  text-align:left;
}

table.photogallery th, table.photogallery td {
  vertical-align: top;
  text-align:center;
}

#leftColumn, #leftFooter{
  border-right: solid 2px #FF0000;
  background: #8795B4;
  vertical-align: top;
  width: 137px;
}

a:link, a:visited, a:active {
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #254176;
}

a:hover{
  text-decoration: underline;
}

a.menuLink:link, a.menuLink:visited, a.menuLink:active {
  display: block;
  padding: 5px 0px 5px 20px;
}

a.menuLink:hover, a.active:link, a.active:visited, a.active:active, a.active:hover{
  color: #FF0000;
  text-decoration: none;
}

h1{
  text-align:left;
  padding: 0;
  padding-bottom:0.5em;
  margin: 0;
  color: #FF0000;
  font-size: 20px;
}

p {
  padding-left:0px;
  padding-top:0px;
  margin-top:0px;
}

p.indent{
  text-align:left;
  padding-left: 10px;
  padding-top: 0;
  margin-top: 0;
}

.rightJustifiedLink{
  text-align: right;
  padding: 0;
  margin: 0;
}

#footer{
  height: 20px;
  background: #254176;
  text-align: center;
  font-size: 11px;
  color: #FFFFFF;
}

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{
  color: #FFFFFF;
  font-size: 11px;
  line-height: 20px;
  font-weight: normal;
}
//.style1 {color: #CCCCCC}

.style1{
  font-weight: bold
}
.style2{
  font-weight: bold
}

#shorefx{
  height: 40px;
  font-size: 10px;
  color: #000000;
}

#shorefx a:link, #shorefx a:visited, #shorefx a:active, #shorefx a:hover{
  font-size: 10px;
  color: #000000;
  text-decoration: none;
  outline: none;
}

#shorefx a:hover{
  font-size: 10px;
  color: #000000;
  text-decoration: underline;
  outline: none;
}

#contact table {
  border:0px solid black;
}

#contact td {
  padding-bottom:5px;
}

.label {
   font-family: sans-serif;
   font-size:12px;
   margin-bottom:5px;
   width: 5em;
   margin:0px;
   border: 0px solid black;
   float: left;
   text-align: right;
   clear: both;
   }
 
.hi_input_box {
   font-family: sans-serif;
   font-size:12px;
   width: 180px;
   float: left;
   background:#FFFFCC;
   border: #FF0000 solid 1px;
   color: black; }
   
.input_box {
   font-family: sans-serif;
   font-size:12px;
   width: 180px;
   float: left;
   background:#FFFFCC;
   border: #FF0000 solid 1px;
   color: black; }
   
.input_text {
   font-family: sans-serif;
   font-size:12px;
   width: 250px;
   float: left;
   background:#FFFFCC;
   border: #FF0000 solid 1px;
   color: black; }
   
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    border:0px solid black;
    background: transparent url('../img/button.png') no-repeat top left;
    color: white;
    float: left;
    font: normal 12px arial, sans-serif;
    font-weight:bold;
    width: 61px;
    height: 20px;
    margin-right: 6px;
    padding-top:2px;
    text-decoration: none;
    text-align:center;
}

a.button:active {
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}