.screenKill { display: none }

/* ***** form reply ***** */
.form_reply {
 color: #fff;
 margin: 40px 0 40px 0;
 font: 900 16px Arial, sans-serif;
 text-align: center;
}

.form_reply a:link, .form_reply a:visited, .form_reply a:active {
 color: #aaa;
}

.form_reply a:hover { color: #900; }



/* ****** HOR MENU AND BUTTONS ****** */
.hmenu { font: 14px/16px Arial, sans-serif; }

.hbutton { font: 14px/16px Arial, sans-serif; }

.hbutton SPAN { font: 10px/12px Arial, sans-serif; }

.hmenu, .hbutton {
 background-color: #990000;
 color: #aaa;
 margin: 0;
 padding: 0; 
}

.hmenu a, .hbutton a {
 text-decoration: none;
 display: block;
 color: #aaa;
 padding: 5px 0 5px 0;
 text-align: center;
}	

.hmenu a:hover, .hmenu a:focus, .hbutton a:hover, .hbutton a:focus {
 color: #FFF;
}


BODY {
 margin: 0;
 color: #fff;
 background-color: #666;   
}

#outercontainer {
 width: 780px;
 background-color: #000;
}

#innercontainer {
 width: 700px
}

INPUT.frmtxt, TEXTAREA.frmtxt {
  font: 11px Arial, sans-serif;
  background-color: #fff;
  color: #000;
 /* width: 260px; not xhtml compatable */
  padding: 0 3px 0 3px;
  border-width: 1px;
}

/* not xhtml compatable
TEXTAREA.frmtxt {
 height: 60px;
}
*/

.frmdatleft {
 color: #fff;
 font: normal 11px/17px Arial, sans-serif;
 text-align: left;
 padding: 3px 0 3px 0;
}

.frmdatright {
 color: #fff;
 font: normal 11px/17px Arial, sans-serif;
 text-align: right;
 padding: 3px 0 3px 0;
}

.frmdatcenter {
 color: #fff;
 font: normal 11px/17px Arial, sans-serif;
 text-align: center;
 padding: 3px 0 3px 0;
}

.frmdatred {
 color: #f00;
 font: normal 11px/17px Arial, sans-serif;
 padding: 3px 0 3px 0;
}

/* These are swapped around by javascript */
.glowcontainernormal a { display:block; }
.glowcontainernormal img { border:1px solid #000; }

.glowcontainerhover a { display:block; }
.glowcontainerhover img { border:1px solid #f00; }



/* bottom text-links */
.bottomTxt, .bottomTxt a:link, .bottomTxt a:visited, .bottomTxt a:active {
 color: #fff;
 font: 12px Arial, sans-serif;
 text-align: center;
 text-decoration: none;  
}

.bottomTxt a:hover { color: #aaa; }

/* typing layers (stacked to stop flicker) */
#typeLyr1, #typeLyr2 {
 position: absolute;
 left: 20px;
 top: 150px;
 text-align:left;
 width: 600px;
 height: 20px;
 padding: 0px;
 background-color: transparent;
 z-index: 1; 
 color: #fff;
 font: 900 16px Arial, sans-serif;
}


/* fading layer */
#fadeLyr {
 visibility: hidden;
 position: absolute;
 left: 165px;
 top: 345px;
 width: 600px;
 height: 20px;
 padding: 0px;
 background-color: transparent;
 z-index: 1; 
 color: #fff;
 font: italic 900 16px Arial, sans-serif;
 text-align: right;
}

/* ticker tape layer */
#tickLyr {
 /* background-color:white; */
 z-index: 10;
 position:absolute;
 left: 20px;
 top: 320px;
 visibility:hidden;
 overflow:hidden;
 white-space:nowrap;
 width:200px;
 height:50px;
 text-align:left;
 text-indent:-2em;
}

#tickLyr a {
 display:block;
 text-decoration: none;
 /* can't set left or right without error */
 padding-top:20px;
 padding-bottom:15px;
 color: #a00; /* 990000 is just too dim */
 font: 900 16px Arial, sans-serif;
}

/* fix left padding and margin later */


.boatTypeList { margin: 0 30px 0 30px }
.boatTypeList ul {
 font: normal 11px Arial, sans-serif;
 text-align: left;
 text-decoration: none;
 margin-top: 3px;
 padding-left: 9px;
 margin-bottom: 0px;
 margin-left: 6px;
}


.boatTypeDropcap {
 font: normal 11px Arial, sans-serif;
 text-align: left;
 text-decoration: none;
 padding-top: 3px;
 margin: 0 30px 0 30px
}

/*
.boatTypeDropcap:first-letter {
 font: 300 210% Arial, sans-serif;
 float: left;
 margin-right: 0px;
}
*/

.boatTypeListHead {
 font: bold 11px Arial, sans-serif;
 text-align: left;
 text-decoration: underline;
 padding-top: 3px;
 margin: 0 30px 0 30px;
}

.boatTypeSectionTitle {
 font: bold 14px Arial, sans-serif;
 text-align: left;
 margin: 0 30px 10px 30px;
}


.caption2,.caption2 a:link,.caption2 a:visited,.caption2 a:active {
 color: #fff;
 font: normal 11px/17px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
}

.caption2 a:hover { color: #aaa; }


.redEmail,.redEmail a:link,.redEmail a:visited,.redEmail a:active {
 color: #f00;
 font: normal 12px/17px Arial, sans-serif;
 text-align: left;
 text-decoration: none;
}

.redEmail a:hover { color: #aaa; }

.galleryText {
 color: #fff;
 font: normal 12px/17px Arial, sans-serif;
 text-align: left;
 text-decoration: none;
}

.galleryText a:link,.galleryText a:visited,.galleryText a:active {
 color: #c00;
 font: normal 12px/17px Arial, sans-serif;
 text-align: left;
 text-decoration: none;
}

.galleryText a:hover { color: #aaa; }


.galleryTextBold {
 color: #fff;
 font: bold 13px/17px Arial, sans-serif;
 text-align: left;
}


.galleryTextBoldCenter {
 color: #fff;
 font: bold 13px/17px Arial, sans-serif;
 text-align: center;
}

.dropcap, .indent {
 color: #aaa;
 font: normal 13px/20px Arial, sans-serif;
 text-align: left;
}

.dropcap:first-letter {
 font: 300 250% Arial, sans-serif;
 color: #aaa;
 float: left;
 margin-right: 5px;
}

.indent {
 text-indent: 2em;
}

.mediumHeadImage { 
  text-align: left;
  padding: 35px 0 3px 0;
}

/* Bottom part of 'Holly Hack' for IE/Win makes 'a block:display' work. \*/
* html .hmenu a, * html .hbutton a {
 height: 1%;
}
/* End Hack */