/* general styles */
body { color: #000000; font-size: 0.7em; font-family: Verdana, Helvetica, sans-serif; background-color: #81A1BA; margin: 0;}

*html body {text-align: center;}

td { font-size: 11px; }
h1 { color: #000000; font-size: 1em; margin-top: 0px; margin-bottom: 5px; }
h2,h3,h4,h5,h6   { color: #000000; font-size: 1em; margin-top: 0px; margin-bottom: 5px; }
.nothing  { clear: both; margin: 0px; height: 1px; }
.block   { display: block; }
.floatleft { float: left; }
.floatright { float: right; }
a { color: #005DAA; text-decoration: underline; }
a:hover { color: black; text-decoration: none; }
a img { border: 0; }
img { border: 0; }
p { text-align: left; }


/* layout */
#wrapper { background: #FFFFFF url(../images/design/wrapperbg.gif) repeat-y;  margin: 32px auto; width: 772px; text-align: left; overflow: hidden; }

#subwrapper { background: #FFFFFF url(../images/design/wrapperbg2col.gif) repeat-y; margin: 32px auto; width: 772px; text-align: left; overflow: hidden; }
#subwrapper3 { background: #FFFFFF url(../images/design/wrapperbg.gif) repeat-y; margin: 32px auto; width: 772px; text-align: left; overflow: hidden; }

#header { width: 772px; height: 89px; position:relative;}
#logo { width: 772px; height: 64px; background: url(../images/design/logo.jpg) no-repeat; }
#logo a { width: 392px; height: 64px; display: block; }
#navbarbtm { width: 772; height: 32px; background: url(../images/design/navbarbtm.jpg) no-repeat; }
#navbarbtm2col { width: 772; height: 32px; background: url(../images/design/navbarbtm2col.jpg) no-repeat; }

#leftcolumn { float: left; text-align:left; margin:0px; width:154px; padding-top:7px; }
#leftcolspacer { float: left; width: 11px; }

#hph1box { text-align: left; width: 420px; height: 22px; background: url(../images/design/hph1bg.gif) no-repeat; }
#hph1boxsub { text-align: left; width: 576px; height: 22px; background: url(../images/design/hph1bg2col.gif) no-repeat; }
#hph1boxsub h1  { float: left; color: #003866;  margin: 0px; width: 160px; padding-top: 4px; }
#hph1box h1  { float: left; color: #003866;  margin: 0px; width: 166px; padding-top: 4px; }
#hph1box h2  { float: left; color: #FFFFFF; margin: 0px; padding-top: 4px; }
#hpnewsheader a { width: 154px; height: 22px; background: url(../images/design/hph1bgnews.gif) no-repeat; display: block; }
#hpnewsheader a:hover {  width: 154px; height: 22px; background: url(../images/design/hph1bgnewsover.gif) no-repeat; display: block; }

#midcolspacer { float: left; width: 28px; }
#middlecolumn { float: left; text-align:left; margin:0px; padding:0px; width: 420px; }
#middlecolumnsub { float: left; text-align:left; margin:0px; padding:0px; width: 574px; }
#rightcolumn { float: left; text-align:left; margin:0px; padding:0px; width:154px; }

#middlecolumnsub3 { 
  float: left; 
  text-align:left; 
  margin:0px; 
  padding:0px; 
  width: 413px;
}

#subrightcolumn { 
  float: left; 
  text-align:left; 
  margin:0px; 
  padding:0px;
  padding-top:32px;
  padding-left:7px; 
  width:154px;
  background: url(../images/design/corner.jpg) no-repeat 100% 0%; 
}

*html #subrightcolumn {padding-left:0px;}

#newsflash { width: 154px; background-color: #E4EEF6; margin: 3px 0px 6px 0px; }
#newsflashcontent { padding: 5px; }
#newsflashcontent .newsdate { font-style: italic; display: block; }
#newsflashcontent .newstitle{ font-weight: bold; display: block; }
#newsflashcontent .newsbody { display: block; }
#newsflashcontent .newsbody a { color: #005DAA; text-decoration: none; }
#newsflashcontent .newsbody a:hover { color: #000000; text-decoration: none; }

#hpcontent { text-align: left; float: left; width: 394px; padding: 25px 0px 25px 0px; }
#subcontent { text-align: left; float: left; width: 560px; padding: 25px 0px 20px 0px; }
#flash { width: 394px; height: 204px; background: url(../images/design/flash1.jpg) no-repeat; }

#randomproduct,#hpvideo,#hpgallery { width: 154px; border-top: 1px solid #FF0000; margin: 3px 0px 6px 0px; }
#randomproduct img,#hpvideo img,#hpgallery img { margin-top: 2px; margin-bottom: 1px; }
.prodtitle { color: #FFFFFF; width: 154px; height: 40px; background: url(../images/design/prodtitlebg.gif) repeat-x; }
.prodtitlesmall { color: #FFFFFF; width: 154px; height: 29px; background: url(../images/design/prodtitlebgsmall.gif) repeat-x; }
.prodtitle p,.prodtitlesmall p { margin: 0px; padding: 6px 0px 0px 8px; }
.prodtitle a,.prodtitlesmall a { color: #FFFFFF; text-decoration: none; }
.prodtitle a:hover,prodtitlesmall a:hover { color: #FFFFFF; text-decoration: underline; }

#fboxspacer { width: 772px; height: 17px; background: url(../images/design/fboxspacer.gif) no-repeat; }

#fboxcontainer { width: 772px; height: 65px; text-align: center; background: url(../images/design/fboxcontainerbg.gif) no-repeat; }

#footer { color: #828282; width: 772px; height: 41px; background: url(../images/design/footerbg.gif) no-repeat; }
#footer a { color:#828282; text-decoration: none; }
#footer a:hover { color: #000000; text-decoration:none; }
#copy { float: left; padding-left: 16px; padding-top: 20px;  }
#design { float: right; padding-right: 16px; padding-top: 20px; }


/* form styles */
form { margin: 0px; padding: 0px }
label { display: none; visibility: hidden }
.submitbutton { color: #FFC000; font-weight: bold; font-size: 1em; background-color: black; margin-top: 2px; border-style: solid; border-width: 1px; border-color: #4682b4 black black #4682b4 }
.required  { color: #FF0000; }
.formtext { float: left; margin-bottom: 10px; padding-top: 3px; width: 480px }
.namefield  { float: left; padding-top: 3px; width: 140px }
.namefield2 { float: left; padding-top: 3px; width: 480px }
.inputfield  { float: left; width: 340px }
.inputfield2 { float: left; width: 480px }
.input { color: black; font-size: 1em; font-family: Verdana, Helvetica, sans-serif; background-color: #a9a9a9; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: black #808080 #808080 black; width: 340px }
.input2 { color: black; font-size: 1em; font-family: Verdana, Helvetica, sans-serif; background-color: #a9a9a9; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: black #808080 #808080 black; width: 480px }

/* horizontal dropdown nav */
#navbar { width: 772px; height: 22px; background: url(../images/design/navbar.jpg) no-repeat; }
#nav, #nav ul { width: 768px; float: right; list-style-type: none; margin: 0px; padding: 0px; font-size:1.0em;  }
#nav li ul { margin-top: 0px; margin-left: 0px; padding: 0px; position: absolute; z-index: 256; left: -999em; }
#nav li      { color: #FFFFFF;  text-decoration: none; list-style-type: none; float: left; width: auto; display: block; border-left: 1px #2F7BBA solid; border-right: 1px #003866 solid; height: 22px; }
#nav li a   { color: #FFFFFF;  text-decoration: none; border: none; display: block; padding: 3px 8px 6px 8px; }
#nav li a:hover  { color: #FFFFFF;  background-color: #2F7BBA; }
#nav li a:active { color: #FFFFFF;  background-color: #2F7BBA; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li  li.sfhover ul, #nav li li li.sfhover ul { left: auto }
#nav li:hover, #nav li.hover { position: static; }
#subnav, #subnav ul { list-style-type: none; float: left; margin-left: 0px; padding: 0px; width: 169px; }
#subnav li { list-style-type: none; float: none; color: #FFFFFF; margin-top: 0px; margin-left: 0px; padding: 0px; position: relative; width: 169px; background-color: #2F7BBA; border:0px; }
#subnav li a { color: #FFFFFF; text-decoration: none; margin: 0px; display: block; height:19px; padding:5px 0 0 9px; font-size:1.0em; }
#subnav li a:hover { color: #FFFFFF; background: #5895C8 url(../images/design/arrow.gif) no-repeat 94%; margin: 0px; padding: 5px 0 0 9px; display: block;}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { color:#000000; left: -999em; }

#player {
  background: #FFFFFF url(../images/design/player_bg.jpg) no-repeat 0% 0%;
  text-align:center;
  padding-top:58px;
  padding-bottom:50px;
}

#popupfooter {
  background:#2F7BBA; 
  text-align:center; 
  height:20px;
}

#popupfooter a {
  color:#FFFFFF;
  text-decoration:none;
  padding-top:6;
}

#popupfooter a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}

.staffp {
  font-size:1.1em;
  font-weight:bold;
}

.staffshot {
  float:left;
  width:148px;
  height:107px;
  border:1px solid #2F7BBA;
  background:#81A1BA;
  padding:6px;
  margin-right:10px;
  margin-bottom:10px;
}

.documentdownload {
  float:left;
  clear:both;
  width:500px;
  margin-bottom:10px;
}

#childmenu {
  border-top:1px solid #FF0000;
  padding-top:6px;
  margin-top:10px;
}

#childmenu ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

#childmenu li {
  background:#E5EEF7;
  border-bottom:1px solid #FFFFFF;
  padding:3px;
  padding-left:6px;
}

#childmenu li a {
  color:#000000;
  text-decoration:none;
}

#childmenu li a:hover {
  color:#005DAA;
  text-decoration:underline;
}

#childmenu .prodtitle {
  height:29px;
}

#fishproduct {
  margin-top:10px;
  border-top:1px solid #FF0000;
  padding-top:3px;
  width:154px;
}

#fboxspacer2 { width: 772px; height: 17px; background:#FFFFFF;}

.holder {
  float:left;
  border:1px solid #2F7BBA;
  background:#81A1BA;
  padding:6px;
  margin:0 16px 16px 16px;
}

.pagination {
  margin-top:15px;
  clear:both;
}

#sanfordlogo {
  position:absolute;
  top:5px;
  left:80px;
  width:167px;
  height:80px;
}