/* General tags */

.video-container {
	position:relative;
	padding-bottom:41.3%; /* 16/9 = 56.25%widescreen*/
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

body {background:url(images/background.gif) repeat-y top center #fff; color:#404040; font:76% Verdana,Tahoma,Arial,sans-serif;
        line-height:1.3em; margin:0 auto; padding:0;}
a {color:#00ee00; font-weight:700; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}
p {margin:0 0 18px 10px;}
ul,ol,dl {font-size:1.2em; margin: 0 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
ul a{color:#fff;}
ul a:hover {text-decoration:none;}
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {margin:0;}

p.rule{
   display: list-item; /*This has to be "list-item"                                          */
  /* margin-left : 1em;  If you use default list-style-position 'outside', you may need this */
}

/* Headers */
h1 {color:#fff; font-size:3.6em; letter-spacing:-3px; margin:0 0 20px 180px;}
h1 a {color:#fff; text-transform:none;}
h1 a:hover {text-decoration:none;}
h2 {border-bottom:1px solid #dadada; color:#fff; font-size:1.4em; letter-spacing:-1px; margin:0 0 10px; padding:0 2px 2px 5px;}
h3 {/*border-bottom:2px solid #dadada;*/ color:#fff; font-size:1.1em; /*font-weight:700;*/ margin:10px 0 8px; padding:1px 2px 2px 3px;}

/* Main wrap */
#wrap {background:url(images/pg_bgn.png) no-repeat top left #004400; color:#fff; margin:10px auto; padding:0; width:970px;} 
/* #wrap {background:url(images/pg_bg_xmas.png) no-repeat top left #004400; color:#fff; margin:10px auto; padding:0; width:970px;} */
#header {margin:0;}
#toplinks {font-size:0.9em; padding:5px 2px 2px 3px; text-align:right;}
#toplinks a {color:gray;}
#slogan {color:#c8c8c8; font-size:1.5em; font-weight:700; letter-spacing:-1px; line-height:1.2em; margin:15px 0 20px 170px; }

/* Sidebar and menu */
#sidebar {float:left; line-height:1.4em; margin:0 0 5px; padding:1px 0 0; width:195px;}
#sidebar ul {font-size:0.9em; list-style:none; margin:0; padding:0 0 15px 10px;}
#sidebar li {list-style:none; margin:0 0 4px; padding:0;}
#sidebar li a {font-size:1.2em; font-weight:700; padding:2px;}
#sidebar ul ul {line-height:1.2em; margin:4px 0 3px 15px; padding:0;}
#sidebar ul ul li a {font-weight:400;}
#sidebar h2 {margin:3px 0 8px;}

/* Main content */
#content {float:right; line-height:1.5em; margin:0; padding:0; text-align:left; width:750px;}
#contentalt {float:left; line-height:1.5em; margin-right:20px; padding:0; text-align:left; width:750px;}
#content h3,#contentalt h3 {margin:10px 0 8px;}

/* Footer */
#footer {border-top:2px solid #dadada; clear:both; color:gray; font-size:0.9em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:right;}
#footer p {margin:0; padding:0;}
#footer a {color:#808080;}

/* Additional classes */
.box {background: olivedrab; /*border:1px solid #c8c8c8;*/ color:#f0f0f0; line-height:1.5em; padding:13px; width:210px; float:left; min-height:92px;}
.box a {color:#f0f0f0;}
.left {float:left; margin:0 15px 4px 0;}
.right {float:right; margin:0 0 4px 15px;}
.readmore {margin:-10px 10px 12px 0; text-align:right;}
.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
.timestamp a {font-weight:normal;}
.blue {color:#4088b8;}
.clear {clear:both;}
.fade {color:#c8c8c8;}
.gray {color:gray;}
.photo {background:#dadada; border:1px solid #dadada; margin:6px 18px 2px 5px; padding:2px;}

/* fish gallery */
#fotocell { background-color: #003300;
            width: 175px; height: 200px;
            overflow: hidden;
           float: left;
           text-align: center;
           margin: 8px 8px 0 0;
           border: 1px  #006600 solid;
           position: relative;
}

#fotocell img{
  margin-top:2px;
}

#fotocell p{
position: absolute;
background-color:#000000;
bottom: 0px;
left:0;
margin:0;
padding:8px 4px;
width: 170px;
font-size:80%;
line-height:1.2em;
}

#fotocell a:hover{ text-decoration:none;  }


#bigcell { background-color: #003300;
            width:740px;
            overflow: hidden;
           text-align: center;
           margin:auto;
           padding: 0;
           border: 1px  #006600 solid;
           position: relative;
}
#bigcell p{
position: absolute;
background-color:#002200;
top: 0%;
right:0%;
margin:0;
padding:15px 10px;
width: 200px;
font-size:1.2em;
line-height:1.3em;

/*filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;*/
}
#bigcell img{
  margin:0;
}

/* contact form */
fieldset {
  padding: 1.5em 1em 2em;
  margin: 2em 0 2em 3em;
  width:75%;
  }
label {
  float:left;
  width:25%;
  margin-right:0.5em;

  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }
 legend {
  padding: 0.2em 0.5em;
  border:2px solid #dadada;
  background-color:#009900;
  font-weight: bold;
  text-align:right;
  }
  form p{
    background-color: ff0;
    margin: 1.5em 0 0 25%;
    padding-left: 0.5em;

  }
  .error, .success{
  border:1px solid #dadada;
  padding: .5em 2em;
  font-weight:bold;
  width: 75%;
  }
  .error{
   background-color: #990000;
  }
  .success{
    background-color: #009900;
    margin-top:30px;
    margin-bottom: 20px;
  }
  .sbutton{
    width:75%;
    text-align:center;
  }
 #phone{
   font-size:1.5em;
   font-weight:700;
   letter-spacing:-1px;
   line-height:1.2em;
 }

/* suckerfish nav*/
#suckerfishnav {
    background:#005500 url("images/navback.png") repeat-x;
    font-size:1.2em;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    border:1px solid #dadada;
    margin:0;
    width:100%;
    margin-bottom: 20px;
    }
#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#6E9F1F;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#009900;
    }