@charset "utf-8";
/* CSS Document */

/* ----------------- B O S   G E N E R A L   S T Y L E S ----------------------------------*/

/*  ---See http://www.positioniseverything.net/easyclearing.html) ----*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/* Hide Fcous Outline in Firefox */
*:focus { outline-style:none; }

body { margin: 0; padding: 0; color: #333; background-color: #fff; font-family: Arial, Helvetica, sans-serif; }
#divWrapper { width: 975px; margin: 8px auto 0 auto; background-color: #fff;  }
a img { border: 0; }
a:link,  a:visited { text-decoration: none; color: #003399;  }
a:hover, a:active { text-decoration: underline; color: #003399;  }
/* ----------------- E O S   G E N E R A L   S T Y L E S ----------------------------------*/



/* ----------------- B O S   H E A D E R   S T Y L E S ----------------------------------*/

#divTopNav { width: 975px; height: 27px; background: url(../images/bg-topnav.gif) top left no-repeat; font-size: 10px; }
#cse-search-box, #formSearch { margin: 0; padding: 0; }
#ulTopNav { width: 967px; height: 20px; margin: 0; padding: 7px 4px 0 4px; list-style: none; color: #e8d531; font-size: 13px; }
#ulTopNav li { height: 20px; }
#ulTopNav li a:link, #ulTopNav li a:visited { color: #003399; text-decoration: none; }
#ulTopNav li a:hover, #ulTopNav li a:active { color: #003399; text-decoration: underline; }
#liTopNavSearch { float: left; padding: 0 9px; margin-top: -2px; color: #60635a; font-weight: bold; }
#liTopNavSearch input { margin: 0; height: 12px; padding: 3px; border-top: 1px solid #404040; border-left: 1px solid #404040; border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; font-size: 11px; }
#liTopNavSearch input#searchSubmit { height: 16px !important; border: 1px solid #030 !important; padding: 0 3px 4px !important; clear: none; -moz-border-radius: none !important; }
#liTopNav01, #liTopNav02 { float: left; width: auto; border-right: 1px solid #3f6228; padding: 0 9px; }
#liTopNav03 { float: left; width: auto; padding: 0 9px; border-right: 1px solid #3f6228; }
#liTopNav04 {   position: absolute; right: 4px; top: 44px; }
#divHeader { position: relative; }
#divSocialIcons { position: absolute; top: 3px; right: 4px; z-index: 20; } 
#divSocialIcons a { margin-right: 2px; display: block; float: left; }
#divHeaderBottom { width: 975px; height: 77px; background: url(../images/bg-header-bottom.gif) no-repeat top left; border-bottom: 1px solid #013926; }
#h3Logo { clear: left; float: left; font-size: 10px; text-indent: -8000px; height: 77px; width: 386px; margin: 0; padding: 0; background: url(../images/logo.gif) no-repeat top left; }
#h1TagLine { float: left; width: 450px; height: 77px; font-size: 10px; text-indent: -8000px; margin: 0; padding: 0; background: url(../images/tagline.gif) no-repeat top left; }
#pPhone { width: 139px; height: 77px; float: right; margin: 0; padding: 0; background: url(../images/phoneNumbers.gif) no-repeat top left; font-size: 10px; text-indent: -8000px; }
#ulMainNav { width: 975px; height: 27px; background: url(../images/bg-mainnav.gif) top left repeat-x; margin: 0 0 0 0; padding: 0; list-style: none; border-top: 1px solid #01774f; border-bottom: 1px solid #015236; clear: both; }
#ulMainNav li { height: 27px; margin: 0; padding: 0; text-indent: -8000px; }
#liMainNav01 { float: left; width: 153px; }
#liMainNav02 { float: left; width: 174px; }
#liMainNav03 { float: left; width: 190px; }
#liMainNav04 { float: left; width: 206px; }
#liMainNav05 { float: left; width: 126px; }
#liMainNav06 { float: left; width: 126px; }
#ulMainNav li a { display: block; text-decoration: none; height: 100%; width: 100%; }

#liMainNav01 a:link, #liMainNav01 a:visited { background: url(../images/liMainNav01.gif) no-repeat top left; }
#liMainNav01 a:hover, #liMainNav01 a:active { background: url(../images/liMainNav01.gif) no-repeat bottom left; }

#liMainNav02 a:link, #liMainNav02 a:visited { background: url(../images/liMainNav02.gif) no-repeat top left; }
#liMainNav02 a:hover, #liMainNav02 a:active { background: url(../images/liMainNav02.gif) no-repeat bottom left; }

#liMainNav03 a:link, #liMainNav03 a:visited { background: url(../images/liMainNav03.gif) no-repeat top left; }
#liMainNav03 a:hover, #liMainNav03 a:active { background: url(../images/liMainNav03.gif) no-repeat bottom left; }

#liMainNav04 a:link, #liMainNav04 a:visited { background: url(../images/liMainNav04.gif) no-repeat top left; }
#liMainNav04 a:hover, #liMainNav04 a:active { background: url(../images/liMainNav04.gif) no-repeat bottom left; }

#liMainNav05 a:link, #liMainNav05 a:visited { background: url(../images/liMainNav05.gif) no-repeat top left; }
#liMainNav05 a:hover, #liMainNav05 a:active { background: url(../images/liMainNav05.gif) no-repeat bottom left; }

#liMainNav06 a:link, #liMainNav06 a:visited { background: url(../images/liMainNav06.gif) no-repeat top left; }
#liMainNav06 a:hover, #liMainNav06 a:active { background: url(../images/liMainNav06.gif) no-repeat bottom left; }


/* SubMenu Styles */
#ulMainNav li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:27px; left:0; list-style: none;  margin: 0; padding: 0;
border-bottom: 1px solid #333; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333;  z-index:40; cursor: pointer;
}

#ulMainNav li ul li { border-top: 1px solid #ccc; padding: 0; font-size: 13px !important; height:auto !important;  position: relative; z-index:50; cursor: pointer;}
#ulMainNav li ul li a { background: #f8F4D3 !important; background-image: none !important; text-indent: 0 !important; color: #052318; height:auto !important;  position: relative; z-index:60; cursor: pointer; }
/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */


#ulMainNav li:hover {position:relative; }
* html #ulMainNav li a:hover {position:relative; }

#ulMainNav li:hover ul,
#ulMainNav li a:hover ul {
visibility:visible; position:absolute; height:auto !important; overflow:visible; margin: 0; 
}

#ulMainNav li:hover ul li a,
#ulMainNav li a:hover ul li a {
display:block; line-height:15px; padding:4px 4px; height:auto !important; 
}



#ulMainNav li#liMainNav01:hover ul li a,
#ulMainNav li#liMainNav01 a:hover ul li a {
width: 144px !important; 
}

#ulMainNav li#liMainNav01 ul { width: 152px !important; }

#ulMainNav li#liMainNav02:hover ul li a,
#ulMainNav li#liMainNav02 a:hover ul li a {
width: 165px !important; 
}

#ulMainNav li#liMainNav02 ul { width: 173px !important; }

#ulMainNav li#liMainNav03:hover ul li a,
#ulMainNav li#liMainNav03 a:hover ul li a {
width: 181px !important; 
}

#ulMainNav li#liMainNav03 ul { width: 189px !important; }

#ulMainNav li#liMainNav04:hover ul li a,
#ulMainNav li#liMainNav04 a:hover ul li a {
width: 197px !important; 
}

#ulMainNav li#liMainNav04 ul { width: 205px !important; }

#ulMainNav li#liMainNav05:hover ul li a,
#ulMainNav li#liMainNav05 a:hover ul li a {
width: 117px !important; 
}

#ulMainNav li#liMainNav05 ul { width: 125px !important; }

#ulMainNav li#liMainNav06:hover ul li a,
#ulMainNav li#liMainNav06 a:hover ul li a {
width: 116px !important; 
}

#ulMainNav li#liMainNav06 ul { width: 124px !important; }



#ulMainNav li:hover ul li:hover a,
#ulMainNav li a:hover ul li a:hover {
background-image: none !important; text-decoration: underline !important;  background-color: #c2d0a6 !important;
}


/* BOS  NEW CSS for IE6 */

#ulMainNav li.sfhover {position:relative; z-index:90;}
* html #ulMainNav li a:hover {position:relative; z-index:100;}

#ulMainNav li.sfhover ul,
#ulMainNav li a:hover ul {
visibility:visible; position:absolute; height:auto; overflow:visible; margin: 0;
}

#ulMainNav li.sfhover ul li a,
#ulMainNav li a:hover ul li a{
display:block; line-height:15px; padding:2px 4px; height:auto; text-decoration:none; color: #052318;
}


#ulMainNav li#liMainNav01.sfhover ul li a,
#ulMainNav li#liMainNav01 a:hover ul li a{
width: 152px !important;
}

#ulMainNav li#liMainNav02.sfhover ul li a,
#ulMainNav li#liMainNav02 a:hover ul li a{
width: 173px !important;
}

#ulMainNav li#liMainNav03.sfhover ul li a,
#ulMainNav li#liMainNav03 a:hover ul li a{
width: 189px !important;
}

#ulMainNav li#liMainNav04.sfhover ul li a,
#ulMainNav li#liMainNav04 a:hover ul li a{
width: 205px !important;
}

#ulMainNav li#liMainNav05.sfhover ul li a,
#ulMainNav li#liMainNav05 a:hover ul li a{
width: 125px !important;
}

#ulMainNav li#liMainNav06.sfhover ul li a,
#ulMainNav li#liMainNav06 a:hover ul li a{
width: 124px !important;
}



#ulMainNav li.sfhover ul li.sfhover a,
#ulMainNav li a:hover ul li a:hover {
text-decoration: underline !important;
background-image: none !important;
}


/* EOS  NEW CSS for IE6 */


#h1Bass { width: 975px; height: 80px; margin: 134px 0 0 0; position: absolute; padding: 0; font-size: 10px; text-indent: -8000px; }
#h2Slogan { width: 975px; height: 80px; margin: 134px 0 0 0; position: absolute; padding: 0; background: url(../images/h2Slogan.gif) no-repeat top left; font-size: 10px; text-indent: -8000px; }

/* ----------------- E O S   H E A D E R   S T Y L E S ----------------------------------*/




/* ----------------- B O S   H O M E   S T Y L E S ----------------------------------*/

#homeLeft01, #homeLeft02, #homeLeft03, #homeLeft04 { text-indent: -8000px; font-size: 10pt; width: 202px; text-decoration: none; display: block; }
#homeLeft01 { height: 38px; }
#homeLeft02 { height: 38px; }
#homeLeft03 { height: 28px; }
#homeLeft04 { height: 43px; }

#homeLeft01:link, #homeLeft01:visited { background: url(../images/button-newsletter.gif) no-repeat top left; }
#homeLeft01:hover, #homeLeft01:active { background: url(../images/button-newsletter.gif) no-repeat bottom left; }

#homeLeft02:link, #homeLeft02:visited { background: url(../images/button-learn-how.gif) no-repeat top left; }
#homeLeft02:hover, #homeLeft02:active { background: url(../images/button-learn-how.gif) no-repeat bottom left; }

#homeLeft03:link, #homeLeft03:visited { background: url(../images/button-catalog.gif) no-repeat top left; }
#homeLeft03:hover, #homeLeft03:active { background: url(../images/button-catalog.gif) no-repeat bottom left; }

#homeLeft04:link, #homeLeft04:visited { background: url(../images/button-wizard.gif) no-repeat top left; }
#homeLeft04:hover, #homeLeft04:active { background: url(../images/button-wizard.gif) no-repeat bottom left; }

/* ----------------- E O S   H O M E   S T Y L E S ----------------------------------*/




/* ----------------- B O S   M A I N   S T Y L E S ----------------------------------*/

#divMainContent { float: left; background: #fff url(../images/main-bg.jpg) no-repeat bottom left; width: 975px; }
#divMainLeft { float: left; width: 199px; background-color: #f8f4d3; margin-right: 23px; padding-left: 10px; }
#divMainLeft p { text-align: center; }
#divMainRight { float: left; width: 743px; }
#divMainRight p { margin-top: 0; font-size: 17px; line-height: 1.8em; }
#divMainDivide { float: left; width: 975px; padding-top: 18px; padding-bottom: 11px; }
#divMainDivide p { height: 5px; border-top: 2px solid #a8b3af; border-bottom: 2px solid #a8b3af; margin: 0; }
#divImageBar { float: left; width: 975px; }
#divBottomContent { padding: 16px 26px 56px 26px; width: 923px; float: left; }
#divBottomContent h3 { margin-top: 0; }
#divHomeVid { width: 425px; height: 344px; float: right; margin-left: 10px; margin-bottom: 10px; }
#divHomeVid a { display: block; height: 100%; width: 100%; background-color: #808080; background: url(../images/ani.gif) no-repeat top left; }




#myFrame { border: 0 !important; padding: 0 !important; margin: 0 !important; }

#cse-search-results iframe { width: 100% !important; }




#divImageBarVid { width: 595px; height: 100px; margin: 0 auto; }

#contactForm p { clear: both; margin-bottom: 10px; width: 550px;  }
#contactForm div.required, #contactForm div.nonRequired { clear: both; padding-bottom: 5px; width: 550px;  }
#contactForm label { margin-right: 10px; float: left; clear: left; width: 200px; font-size: 13px; font-weight: bold; color: #333; text-align: right; }
#contactForm input, #contactForm textarea { border: 1px solid #84697b; padding: 3px; font-size: 11px; color: #333; width: 300px; float: left; }
#contactForm select { border: 1px solid #84697b; padding: 3px; font-size: 13px; color: #333; width: 300px; float: left; }
#contactForm input#submit { margin-left: 210px; float: none; width: auto !important; background-color: #d4d1d8; color: #001433; padding: 3px; border: 2px solid #84697b; font-weight: bold; }
#contactForm div.error { clear: both; width: 280px; margin-left: 210px; color: #900; font-size: 13px; background: url(../images/error.gif) no-repeat 0 1px; padding-left: 20px; padding-top: 2px; }
#contactForm div.valid { clear: none !important; float: left; width: 20px !important; color: #7F0000; font-size: 15px; background: url(../images/ok.gif) no-repeat center left !important; padding-left: 0 !important; font-size: 9px; margin: 0; height: 16px; margin-left: 3px !important; padding-top: 0 !important; }
#contactForm input.error { border:1px solid #7F0000; background-color:#F8E5E5;}
#contactForm textarea.error{ border: 1px solid #7F0000; background-color: #F8E5E5; }
#contactForm p.required { background: url(../images/required.gif) no-repeat 100% 3px; }
#contactForm div.required { background: url(../images/required.gif) no-repeat 100% 3px; }
#recaptcha_area { left: -5px; margin: 0 auto; position: relative; }
#contactForm #recaptcha_table input { float: none !important; }
#contactForm #recaptcha_table label { float: none !important; }



.ulTabs { list-style: none !important; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;  background-color: #f8f4d3; margin: 0 !important; padding: 0 0 0 5px; width: 100%;  height: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px;   }
.ulTabs li { margin: 0 !important; padding: 0; float: left; font-size: 11px; border-bottom: 1px solid #ccc; }
.ulTabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .ulTabs { height: 1%; }
/* End hide from IE-mac */

#divContent .ulTabs li { height: 35px; width: 86px; background: url(../images/tf_bg_Li.jpg) no-repeat top right;  }
.ulTabs li a { display: table-cell; vertical-align: middle; height: 26px; width: 71px; background-color: transparent; padding-top: 9px; padding-left: 5px; line-height: 1em;  }
.ulTabs li a {   }
.ulTabs li a.unselected {  }
.ulTabs li a span { padding-top: 4px; padding-left: 3px; padding-right: 3px; display: block; height: 22px; }
.ulTabs li.liTabsFirst   { background: url(../images/tf_bg_firstLi.jpg) no-repeat top left !important;  } 
.ulTabs li.liTabsFirst a { width: 61px; padding-left: 15px; }
.ulTabs li.liTabsLast  { background: url(../images/tf_bg_lastLi.jpg) no-repeat top right !important; }

.divTabWrapper { position: relative; padding: 0 20px 20px 20px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f8f4d3;  }
.divTabContent { display: none; top: 0; width: 100%; padding-top: 20px; }
#divSingleColumn .divTabWrapper p { margin-bottom: .5em !important; }
/* ----------------- E O S   M A I N   S T Y L E S ----------------------------------*/





/* ----------------- B O S   T E M P L A T E   S T Y L E S ----------------------------------*/

#divSubMenu { width: 204px; padding: 10px; float: right; clear: left; background-color: #F8F4D3; font-size: 12px; border-right: 1px solid #fff; }
#divSubMenu h6 { margin-top: 0; font-size: 12px; font-weight: bold; margin-bottom: 5px;  border-bottom: 1px solid #333;  }
.ulSubmenu { list-style: none; font-size: 12px; margin: 0 0 10px 0; padding: 0; }
.ulSubmenu li { margin: 0; padding: 0 0 3px 0; border-bottom: 1px solid #e9e6e3; }
.ulSubmenu li a:link, .ulSubmenu li a:visited { text-decoration: none; color: #003399; font-size: 14px;  }
.ulSubmenu li a:hover, .ulSubmenu li a:active { text-decoration: underline; color: #003399; font-size: 14px;  }
.ulSubmenu li ul li { border-bottom: none; }

#divSecondaryHeader { background: url(../images/subHeader-bg.jpg) no-repeat center left; width: 825px; padding: 0 75px 10px 75px;  color: #474747; clear: both; }
#divSecondaryHeaderBottom { background: url(../images/doubleLine.gif) repeat-x bottom left; height: 10px;  }

#divSecondaryHeader h2 { margin: 0 0 5px 0; font-size: 45px; }
#divSecondaryHeader h6 { margin: 0; font-size: 14px; }
#divSecondaryHeader p { font-size: 12px; }

#divSecondaryHeader h1, #divSecondaryHeader h2,#divSecondaryHeader h3,#divSecondaryHeader h4,#divSecondaryHeader h5,#divSecondaryHeader h6 { margin: 0; text-align: center; }

#divContentTitle { width: 750px; clear: both;  padding-top: 10px; }
#divContentTitle h1, #divContentTitle h2,#divContentTitle h3,#divContentTitle h4,#divContentTitle h5,#divContentTitle h6 { text-align: center; }
#divContentTitle h1 { font-size: 23px; }
#divContentTitle h2 { font-size: 21px; }
#divContentTitle h3 { font-size: 19px; margin-bottom: 15px !important; }
#divContentTitle h4 { font-size: 17px; }
#divContentTitle h5 { font-size: 15px; }
#divContentTitle h6 { font-size: 13px; }




.note { width: 90%; margin: 0 auto; border: 2px solid #1c5b1b; background-color: #F8F4D3; font-size: 12px; padding: 10px; line-height: 1.5em; }
.note p { text-indent: 0 !important; }

#col2 div.note p em, #divSingleColumn div.note p em, #divContent div.note em { color: #4c4d26 !important; }


#divContent { font-size: 15px; line-height: 1.5em;  }
.divRow { margin-bottom: 20px; }
.divRow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .divRow { height: 1%; }
/* End hide from IE-mac */

.div2ColLeft { width: 325px; margin-right: 25px; float: left; clear: left; }
.div2ColRight{ width: 350px; float: left; clear: right; }
#divSingleColumn { padding: 0 25px; }

#divContent h1, #divContent h2, #divContent h3, #divContent h4, #divContent h5, #divContent h6, #divContent p, #divContent ul, #divContent ol, #divContent li, #divContent blockquote { margin-top: 0; margin-bottom: .2em; }
#col2 { font-size: 14px; line-height: 1.4em; }
#col2 p, #divSingleColumn p {   margin-bottom: 1.5em; font-size: 14px; }
#col2 p.species, #divSingleColumn p.species {   margin-bottom: 1.5em; font-size: 15px; }
#col2 p em, #divSingleColumn p em, #divContent em { color: #666633; }
#col1 p { font-size: 13px; }
#col1 h1, #col1 h2, #col1 h3, #col1 h4, #col1 h5, #col1 h6 { margin-bottom: .5em; }
#divSingleColumn h1 { font-size: 19px; margin-bottom: 1em; line-height: 1.2em; }
#divSingleColumn h2 { font-size: 18px; margin-bottom: 1em; line-height: 1.2em; }
#divSingleColumn h3 { font-size: 17px; margin-bottom: 1em; line-height: 1.2em; }
#divSingleColumn h4 { font-size: 17px; margin-bottom: 1em; line-height: 1.2em; border-bottom: 1px solid #ccc; }
#divSingleColumn h5 { font-size: 13px; margin-bottom: 1em; line-height: 1.2em; }
#divSingleColumn h6 { font-size: 11px; margin-bottom: 1em; line-height: 1.2em; }

.caption { font-size: 12px !important; margin-bottom: .8em !important; line-height: 1.2em !important; text-align: center !important; text-indent: 0 !important; }

/* Amazon Gamefish Template */

#container3 { background-color: #CFF; }
#container1 { background: url(../images/leftCol-bg.gif) repeat-y top right; }
#container2 { background: url(../images/midCol-bg.gif) repeat-y top right; }

.noBorder { margin: 15px 0; border-collapse: collapse; }
.noBorder th, .noBorder td { padding: 10px 10px 10px 0; vertical-align: top; border-bottom: 1px solid #ccc; font-size: 14px; }
.noBorder caption, .smallStriped caption, .smallStriped2 caption { font-size: 18px; font-weight: bold; padding: 10px 0; }

.smallStriped { margin: 0 auto;  border-left: 1px solid #2b2c51;  border-right: 1px solid #2b2c51; border-bottom: 1px solid #2b2c51 !important; }
.smallStriped tr th, .smallStriped tr td, #col2 .smallStriped tr th p, #col2 .smallStriped tr td p, #divSingleColumn .smallStriped tr th p, #divSingleColumn .smallStriped tr td p { font-size: 12px; padding: 3px 5px;  }
.smallStriped tr th {  vertical-align: bottom; }
 .smallStriped tr td { vertical-align: top; }
.smallStriped tr.shaded th, .smallStriped tr.shaded td { background-color: #d7dfb6; }
.smallStriped tr th.shaded, .smallStriped tr td.shaded { background-color: #d7dfb6; }
.smallStriped thead tr th { background-color: #2b2c51; color: #fff; text-align: left; }

.smallStriped2 { margin: 0 auto;  border-left: 1px solid #2b2c51;  border-right: 1px solid #2b2c51; border-bottom: 1px solid #2b2c51 !important; }
.smallStriped2 tr th, .smallStriped2 tr td, #col2 .smallStriped2 tr th p, #col2 .smallStriped2 tr td p, #divSingleColumn .smallStriped2 tr th p, #divSingleColumn .smallStriped2 tr td p { font-size: 12px; padding: 3px 5px;  }
.smallStriped2 tr th {  vertical-align: bottom; }
 .smallStriped2 tr td { vertical-align: top; }
.smallStriped2 tr.shaded th, .smallStriped2 tr.shaded td { background-color: #d7dfb6; }
.smallStriped2 tr th.shaded, .smallStriped2 tr td.shaded { background-color: #d7dfb6; }
.smallStriped2 thead tr th { background-color: #2b2c51; color: #fff; text-align: left; }
.smallStriped2 tbody tr th { vertical-align: top; text-align: right; width: 100px;  }
.smallStriped2 { border-top: 1px solid #2B2C51; }

#divContent blockquote { padding: 15px 15px 0 15px; margin-bottom: 1em; background-color: #fcdee9; border: 1px solid #330000; font-size: 14px; }


.imgLeft { float: left; margin: 0 10px 0 0; }
.imgRight { float: right; margin: 0 0 0 10px; }

.ulAnchorMenu { border: 2px solid #1c5b1b; background-color: #F8F4D3; padding: 5px; width: 700px; list-style: none; margin-bottom: 15px !important; text-align: center; }
.ulAnchorMenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .ulAnchorMenu { height: 1%; }
/* End hide from IE-mac */
.ulAnchorMenu li { display: inline; margin: 0 20px; font-weight: bold; }
.ulAnchorMenu li a { font-weight: normal; }

.descriptor { font-size: 12px; font-weight: normal; }
.commonName { font-size: 32px !important; color: #900; }

.species p { font-size: 15px; }

/* ----------------- E O S   T E M P L A T E   S T Y L E S ----------------------------------*/






/* ----------------- B O S   F O O T E R   S T Y L E S ----------------------------------*/

#divFooter { float: left; width: 975px; background: url(../images/bg-footer.jpg) no-repeat bottom left; padding-bottom: 20px; }
#divFooter p { color: #fff; text-align: center; font-size: 15px; }
#divFooter a:link, #divFooter a:visited { color: #ffc600; text-decoration: none; }
#divFooter a:hover, #divFooter a:active { color: #ffc600; text-decoration: underline; }
#divFooterMain { margin: 15px auto; border-bottom: 1px solid #969a9a; border-top: 1px solid #969a9a; padding: 10px 0; width: 875px; }
#divFooterPBA { float: left; width: 110px; padding-left: 15px; }
#divFooterPBA p { margin: 0; }
#divFooterPBAIMG { float: left; }
#divFooterMid { width: 650px; float: left; padding-left: 15px; }
#divFooterMid p { margin-top: 0; margin-bottom: 5px; }

/* ----------------- B O S   F O O T E R   S T Y L E S ----------------------------------*/


/* ----------------- B O S   L I G H T B O X   S T Y L E S ----------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* ----------------- E O S   L I G H T B O X   S T Y L E S ----------------------------------*/

