
h1 span.sIFR-alternate span.tip,
h1 span.tip { background: url(../../images/sections/header_tip_boating.png) 0 0 no-repeat; }

ol.orderedList {
    color: #4e6475;
}  
.contentBody ul li,
.bodyContentColumn ul li { 
    background-image: url(../../images/sections/bullet_boating.gif);
}  

ul.contentNav li.first a {
    color: #4D6071;
} 

ul.accordian li.more {
    background-color: #728aa1;
    border-right: 1px solid #647c91;
    border-left: 1px solid #647c91;
} 

ul.accordian li.more p.action {
    background-color: #84a0b9;
}
ul.accordian.narrow li.more p.action {
    background: #84a0b9 url(../images/bg_raised_wide_more_bottom.png) 50% 100% no-repeat;
}   


#banner.floatRight.boatExplorer { 
    width: 771px;
    height: 337px;
    background: transparent url(../../images/sections/banner_fishopedia.jpg) 0 0 no-repeat;
}

#banner #bannerSelectNav {
	position: absolute; 
	left: 25px; 
	top: 45px;
}

#banner h2,
#banner h3,
#banner h4 {
    background: none;
    margin: 0; 
    color: #333;  
    text-transform: uppercase;
    font-weight: bold;
}
#banner h3,
#banner h4 {
    font-size: .8em; 
    text-align: center; 
    border-bottom: 1px solid #928d80;
}   
#banner ul {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}
#banner #fish {
    height: 254px; 
    width: 413px; 
    position: absolute;
    left: 0;
    line-height: 254px;
    padding-left: 22px;
    padding-top: 58px;
    text-align: center;
}
#banner #fish img {
    vertical-align: middle;
} 
#banner #title,
#banner #information,
#banner #actions {
    position: absolute;
    top: 25px;
}  
#banner #title {  
    left: 25px;
    width: 400px;
}    
#banner #title h2 {  
    letter-spacing: .02em;
    font-family: "Futura", arial, helvetica, sans-serif;
}
#banner #title h2 span {
    font-weight: normal;
    font-size: .7em;
}          
#banner #information {
    right: 30px;
    width: 180px;             
    padding: 10px;
    background: #e1d8c3 url(../../images/pages/bg_fop_information_tile.png) 0 0 repeat-y;
    border-top: 1px solid #c7bda8;
    border-right: 1px solid #A89780;  
} 
#banner #information .bot {
    margin: 0 -10px -13px -10px; 
    height: 3px;
    background: transparent url(../../images/pages/bg_fop_information_bottom.png) 0 0 no-repeat;
}
#banner #actions {
    position: relative;  
    display: block;
    margin-bottom: 30px;
    border-top: 1px solid #8f8675;
} 
#banner #actions ul {
    border-top: 1px solid #f4f1e9; 
    margin: 0;
    padding: 0;
}                                 
#banner #actions ul li { 
    position: relative;
    display: block;
    float: none;
    margin: 5px 0;
    padding: 0 15px; 
    text-align: center;
} 
#banner #actions ul a {
    text-decoration: none; 
    padding: 5px;
}
#banner #actions ul a img {
    vertical-align: middle; 
    margin-right: 5px;
} 








#sideNavBottom {
    background: url(../../images/sections/bg_side_nav_bottom_boating.gif) 0 100% no-repeat; 
} 
#sideNavOutter {
    background: url(../../images/sections/bg_side_nav_tile_boating.gif) 0 97px no-repeat; 
}  

#sideNav li {
    border-top: 1px solid #8fa6b2; 
    border-bottom: 1px solid #5d717a; 
    background: url(../../images/sections/bg_side_nav_tile_boating.gif) 0 0 repeat-y;
}
    #sideNav li.first-child,
    #sideNav li:first-child {
        border-top: none;
    }
    #sideNav li.last-child,
    #sideNav li:last-child {
        border-bottom: none;
    }
#sideNav li a,
#sideNav li a:visited {
    color: #25292a; 
    text-decoration: none
} 

#sideNav li a:hover,
#sideNav li a:active,
#sideNav li.active li a:hover,
#sideNav li.active li a:active {
    background: url(../../images/sections/bg_side_nav_tile_boating_hover.gif) 0 0 repeat-y;
}

#sideNav li.active {
    background: url(../../images/sections/bg_side_nav_top.gif) 0 0 no-repeat;
} 
    #sideNav li.active ul li.active {
        /*background: none;*/
        background: url(../../images/sections/bg_side_nav_tile.gif) 0 0 repeat-y; 
    } 
    
#sideNav li.active a {
    border-bottom: 0;
    /*padding-bottom: 8px; */
    background: none; 
    color: #a65130;
}
    #sideNav li.active li a:hover {
        background: none;
    } 
    #sideNav li.active ul a {
        color: #442f1b;
        padding-bottom: 3px;
    }
    #sideNav li.active ul a:hover,
    #sideNav li.active ul li.active a {
        color: #a65130; 
        background: url(../../images/sections/bg_side_nav_bullet.gif) 10px 50% no-repeat;
    }

#sideNav li ul {
    border: none;
} 

#sideNav li ul li,
#sideNav li.active ul,   
#sideNav li.active ul li { 
    border: none;
    background: url(../../images/sections/bg_side_nav_tile.gif) 0 0 repeat-y;
}








/* 
Remove this group of #sideNav declarations if the boat selector page ever gets updated
This is so the boat selector page retains the old nav so it fits the pages layout better
*/
#content.boatSelector #sideNav {
    float: left; 
    position: relative;
    margin-top: 0;
    width: 155px;  
    z-index: 99;  
    background: url(../../images/sections/bg_side_nav_tile_boating.jpg) 0 0 repeat-y;
}
#content.boatSelector #sideNav a,
#content.boatSelector #sideNav a:visited {
    color: #3b2318;
    text-decoration: none;
} 
#content.boatSelector #sideNavInner {
    min-height: 304px;
} 
#content.boatSelector #sideNavBottom {
    padding-bottom: 6px; 
    background: url(../../images/sections/bg_side_nav_bottom_boating.jpg) 0 100% no-repeat;
} 
#content.boatSelector #sideNavInner {
    padding-top: 99px; 
    background: url(../../images/bg_side_nav_tile_shadow.png) 100% 0 repeat-y; 
}
#content.boatSelector #sideNav ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #5d717a;
    border-bottom: 1px solid #8fa6b2; 
} 
#content.boatSelector #sideNavOutter { 
    position: relative;
    padding-top: 4px; 
    background: url(../../images/sections/header_side_nav_boating.jpg) 1px 0 no-repeat;
}
#content.boatSelector #sideNavOutter h1 {  
    display: none;
} 
#content.boatSelector #sideNav ul {
    padding:  0 0 0 1px;
    margin: 0 4px;
    list-style: none;
}
#content.boatSelector #sideNav li {
    position: relative;
    border-top: 1px solid #8fa6b2;
    border-bottom: 1px solid #5d717a;
    background: none;
} 
#content.boatSelector #sideNav li ul {
    display: block;
}
#content.boatSelector #sideNav ul li a {
    display: block;
    padding: 5px 5px 5px 10px;
}
#content.boatSelector #sideNav ul li ul {
    position: absolute;
    display: none;
    left: -9999px;
    top: -2px;
    width: 180px;  
}
#content.boatSelector #sideNav li:hover ul,
#content.boatSelector #sideNav li.hover ul {
    display: block;
    left: 142px;
    padding: 0;
}  
#content.boatSelector #sideNav a:hover,
#content.boatSelector #sideNav a:active,
#content.boatSelector #sideNav li.active li a:hover,
#content.boatSelector #sideNav li.active li a:active {
    background: none;
    background-color: #9ea9aa;
} 
#content.boatSelector #sideNav li.active a {
    border-top: 1px solid #d9cdb6;
    background-color: #d9cdb6;  
} 
#content.boatSelector #sideNav li.active li a {
    border-top: 1px solid #d9cdb6;
    background-color: #d9cdb6;
} 
#content.boatSelector #sideNav li ul {
    border: 1px solid #627378; 
    border-bottom: none;
    background-color: #73878c;
} 
#content.boatSelector #sideNav li ul li {
    background: none; 
    border-top: 1px solid #9caaad;
    border-bottom: 1px solid #627378;
}



#content .boatDescriptionTop {
	width: 650px;
	height: 10px;
	background: transparent url(../../images/sections/boat_glance_top.gif) 0 0 repeat-y;
}

#content .boatDescriptionContainer {
	min-height: 48px;
	background: transparent url(../../images/sections/boat_glance_middle.gif) 0 0 repeat-y;
}

#content .boatDescriptionBottom {
	width: 650px;
	height: 10px;
	background: transparent url(../../images/sections/boat_glance_bottom.gif) 0 0 no-repeat;
}

#content .boatDescriptionContentLeft, #content .boatDescriptionContentRight {
	padding: 0px 10px 0pt 15px; 
	float: left; 
	line-height: 15px;
}

#content .boatDescriptionContentLeft {
        padding: 0 20px 0 30px;
        width: 350px;
}


#content .boatDescriptionContentRight {
	background: transparent url(../../images/sections/boat_glance_vertrule.gif) 0 0 repeat-y;
	padding: 7px 10px 0 20px;
	height: 40px;
}

#content .boatExplorerMedia {
}

#content .boatExplorerMediaFirst {
	visibility: visible;
	display: block;
	height: auto;
}

#content .boatExplorerImage {
}

#content .boatExplorerThumbnail, .boatExplorerHidden {
	visibility: hidden;
	display: none;
	height: 0px;
}

#content .boatExplorerHidden {
	visibility: hidden;
	display: none;
	height: 0px;
}

/*.boatSelector #sideNav {
    background: url(../../images/sections/bg_side_nav_tile_boating.jpg) 0 0 repeat-y;
}  

.boatSelector #sideNavOutter {
    background: url(../../images/sections/header_side_nav_boating.jpg) 1px 0 no-repeat;
}

.boatSelector #sideNavBottom {
    background: url(../../images/sections/bg_side_nav_bottom_boating.jpg) 0 100% no-repeat; 
} 


.boatSelector #sideNav ul {
    border-top: 1px solid #5d717a;
    border-bottom: 1px solid #8fa6b2; 
}  

.boatSelector #sideNav li {
    border-top: 1px solid #8fa6b2; 
    border-bottom: 1px solid #5d717a;
} 

.boatSelector #sideNav a,
.boatSelector #sideNav a:visited {
    color: #25292a;
    text-decoration: none
} 

.boatSelector #sideNav a:hover,
.boatSelector #sideNav a:active,
.boatSelector #sideNav li.active li a:hover,
.boatSelector #sideNav li.active li a:active {
    background-color: #9ea9aa;
} 

.boatSelector #sideNav li.active a {
    border-top: 1px solid #d9cdb6;
    background-color: #d9cdb6;
} 

.boatSelector #sideNav li.active li a {
    border-top: none;
    background: none;
} 

.boatSelector #sideNav li ul {
    border: 1px solid #627378; 
    border-bottom: none;
    background-color: #73878c;
} 

.boatSelector #sideNav li ul li { 
    border-top: 1px solid #9caaad;
    border-bottom: 1px solid #627378;
}    */

.twoColumnList {
	margin: 0em 2em;
	padding-top: 3px;
}	


#glossarynav a {styles.css (line 404)
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
font-size:0.8em;
font-weight:bold;
line-height:3em;
margin:1px;
padding:4px 6px;
}

#glossarynav {
	padding: 10px;
}	

#content .mediawrapper .prev {
	margin-top: 7px;
}

#content .mediawrapper .next {
	margin-top: 7px;
}


/*

#sideNav {
    background: url(../../images/sections/bg_side_nav_tile_boating.jpg) 0 0 repeat-y;
}  

#sideNavOutter {
    background: url(../../images/sections/header_side_nav_boating.jpg) 1px 0 no-repeat;
}

#sideNavBottom {
    background: url(../../images/sections/bg_side_nav_bottom_boating.jpg) 0 100% no-repeat; 
} 


#sideNav ul {
    border-top: 1px solid #5d717a;
    border-bottom: 1px solid #8fa6b2; 
}  

#sideNav li {
    border-top: 1px solid #8fa6b2; 
    border-bottom: 1px solid #5d717a;
} 

#sideNav a,
#sideNav a:visited {
    color: #25292a;
    text-decoration: none
} 

#sideNav a:hover,
#sideNav a:active,
#sideNav li.active li a:hover,
#sideNav li.active li a:active {
    background-color: #9ea9aa;
} 

#sideNav li.active a {
    border-top: 1px solid #d9cdb6;
    background-color: #d9cdb6;
} 

#sideNav li.active li a {
    border-top: none;
    background: none;
} 

#sideNav li ul {
    border: 1px solid #627378; 
    border-bottom: none;
    background-color: #73878c;
} 

#sideNav li ul li { 
    border-top: 1px solid #9caaad;
    border-bottom: 1px solid #627378;
}*/ 



