asdfhtml {margin: 0px;padding: 0px;}
body {
  padding: 0px; 
  margin-top: 5px; 
  font-size: 90%;
  background-color: #386386;
  font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}
#container {
  padding: 0px;
  width: 700px;
  margin-left: auto; 
  margin-right: auto;
}
#top {
  background: #386386 url(../graphics/header-bg.jpg) no-repeat center top;
  border-bottom: #006 4px solid;
}
#top-title { background: url('../boat-ccbti-3.png'); }
#top-title h1 { visibility: hidden;}
#top h1 {
 padding-top: 60px;
 margin: 0px;
 height: 40px;
 font: normal 220% Arial,Verdana,sans-serif;
 text-align: right;
}
#headccbt {
  padding-right: 3px; 
  color: white;
}
#headinc {
  padding-left: 3px; 
  color: #006;
}

#mainbox { 
  position: relative; 
  width: 700px;
}

.message {
 background : #F4F3DB;
 border : 1px solid #426061;
 padding: 1ex;
 margin-top: 1ex;
 margin-right: 1ex;
}

.largebottom {
 margin-bottom: 5em;
}

.errors {
 border: 1px solid red;
 padding: 1ex;
 margin-top: 1ex;
 margin-right: 1ex;
 background: #ffcbcb;
}

#content {
  position: relative;
  padding: 2px 0px 2px 10px;
  margin: 0px;
  margin-left: 157px;
  background: #fff; 
  font: normal 90% Verdana, Arial, Helvetica, sans-serif;
  border-left: #006 4px solid; 
  border-bottom: #006 4px solid;
  line-height: 1.3;
}
#content h1 {
  position:relative;
  margin: 5px 0px; 
  padding-right: 10px;
  color: #700008; 
  border-bottom: #006 2px dotted; 
  text-align: left;
  font-family: "Times New Roman", Times, serif; 
  font-size: 160%;
}
#content h2 { 
  position:relative;
  text-align: left;
  margin: 0px 0px 0px 1ex;
  padding-left: 1ex;
  color: #700008;
  border-bottom: #006 2px dotted; 
  font-family: "Times New Roman", Times, serif;
  font-size: 140%;
 }
#content p {
  position:relative;
  padding-left: 1ex;
}
#content div.reference {
 margin: 1ex 2em 1ex 3ex;
 border: 1px solid #006;
 padding: 1ex;
}
#content div.exclusive {
 position: relative;
 float: right;
 width: 60%;
 text-align: right;
 font-size: 90%;
 font-style: italic;
}
#content p.quote {
  position:relative;
  margin: 1em 0px 1ex;
  font-style: italic; 
  text-align: center;
}
#content .top-line {
 border-top: 2px dotted #066;
 padding-top: 1ex;
}
#content ul {
  position:relative;
 font-size: 90%;
}
#content b {
  color: #700008;
}
#content em {
  padding: 0px 2px;
  background: #006; 
  color: white; 
  font-style: normal;
}
#content a:link, #content a:visited {
  color: #040;
}
#content a:hover {
  text-decoration: none
}
#content img { 
  position:relative;
 border: 1px solid #700008;
 margin: 1ex 5px 0px;
}

#menu {
  position: absolute;
  z-index: 500;
  top: 0px;
  left: 0px;
  background: #fff; 
  width: 157px; 
  border-bottom: 4px solid #006;
}
#menu h1.title, #location h1.title {
  padding: 2px 0px 2px 5px;
  background: #006; 
  margin: 0px; 
  font: bold 100% "Times New Roman", Times, serif; 
  color: white; 
  text-align: left;
}

#menu #mainlinks { 
 margin: 0px;
 padding: 0px;
 }
#menu #mainlinks li { 
 display: block;
 padding: 0px;
 margin: 0px 0px 1px 3px;
 border: 1px solid white;
 }
#menu a {
  padding: 2px 7px 2px 25px;
  display: block; 
  margin-left: 2px; 
  text-align: left; 
  font: normal 100% Arial,Verdana,sans-serif;
}
#menu a:link, #menu a:visited { 
  color: #700008; 
  text-decoration: underline;
 }
#menu a:hover {
  padding-right: 0px;
  border-right: #700008 7px solid; 
  color: #A55;
  text-decoration: none;
/* instead of border-right, I'd like a red (or blue) half-circle.  Stretched-y)*/
}
#menu li#current {
  background: url(../graphics/anchor.gif) no-repeat left center;
}

#location .vcard {
  padding: 2px 2px 2px 1ex;
  font: normal 80% Arial,Verdana,sans-serif; 
}
#location .vcard:hover {
  border-right: #700008 7px solid;
}
#location h1.title {
  font-size: 11pt;
}

#counter {
  border-top: #006 solid 5px;
  padding-top: 1ex;
  padding-bottom: 1ex;
  font-size: 80%;
  text-align: center;
}
#counter img {
 display:block;
 margin-left: auto; margin-right: auto;
}
#counter p {
 margin-top: 1ex;
 margin-bottom: 0px;
}

#footer {
 font: normal 80% Arial,Verdana,sans-serif;
 margin: 2px 0px 0px 157px;
 color: #fff;
}
#footer ul#items {
  margin: 0px; 
  padding-left: 0px; 
  text-align: center;
}
#footer ul#items li {
  display: inline;
  white-space: nowrap;
  padding-right: 5px;
}
#footer #copywrite {
 text-align: right;
 font-size: 80%; 
}
#footer a, #footer a:visited {
  padding: 0px 2px;
  color: white;
}
#footer a:hover {
  background: white; 
  color: #386386;
  text-decoration: none;
}

fieldset { 
 border-left: none;
 border-bottom: none;
 margin: 0px 10px 0px 0px;
}
legend { 
 font-size: 110%;
}
fieldset div { 
 padding: 5px;
}
.odd { background: #DDD }
.even { background: #CCC }

#content h1.gallery-head {
 position: relative;
}
#content h1.gallery-head .gallery-title {
 position: relative;
}
#content div.gallery-links {
 position: relative;
 margin-top: -3px;
 float: right;
 font-family: "Times New Roman", Times, serif; 
 padding-right: 1ex;
 
}
.gallery-block {
 margin-bottom: 10px;
 margin-right: 10px;
 padding: 8px 10px;
 clear: both;
 position: relative;
 background: #adadad;
 border: 1px solid #0032b0;
 text-align: center;
}
.gallery-image { margin-left: auto; margin-right: auto; width: 380px;}
.gallery-caption {
 position: absolute;
 top: 14px;
 left: 345px;
 background: #f0f0f0;
 width: 290px;
 border: 2px ridge #8b8bbd;
}
.gallery-caption p {
 margin: 5px 0px;
}