/* CSS Document */
#nav_programs{
	width:197px;
	float:left;
}
#nav_programs ul{
	margin-top:0;
}
#nav_programs li{
	color:#ffffff;
	list-style-type:none;
	margin-left:-40px;
	text-transform:uppercase;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
}
/*      <li><a href="#" class="herring"></a></li>
      <li><a href="#" class="groundfish"></a></li>
      <li><a href="#" class="species"></a></li>
      <li><a href="#" class="nantucket"></a></li>
      <li><a href="#" class="pier"></a></li>
      <li><a href="#" class="fishermen"></a></li>
      <li><a href="#" class="past"></a></li>
*/
#nav_programs a.herring{
	width:197px;
	height:31px;
	background: url(../images/page/nav_prog_r1_c1.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a:hover.herring{
	background-position: -197px 0;
}
#nav_programs a.herring_active{
	width:197px;
	height:31px;
	background: url(../images/page/nav_prog_r1_c1.jpg) -197px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a.groundfish{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r2_c1.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a:hover.groundfish{
	background-position: -197px 0;
}
#nav_programs a.groundfish_active{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r2_c1.jpg) -197px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a.species{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r3_c1.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a:hover.species{
	background-position: -197px 0;
}
#nav_programs a.species_active{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r3_c1.jpg) -197px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a.nantucket{
	width:197px;
	height:41px;
	background: url(../images/page/nav_prog_r4_c1.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a:hover.nantucket{
	background-position: -197px 0;
}
#nav_programs a.nantucket_active{
	width:197px;
	height:41px;
	background: url(../images/page/nav_prog_r4_c1.jpg) -197px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a.pier{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r5_c1.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a:hover.pier{
	background-position: -197px 0;
}
#nav_programs a.pier_active{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r5_c1.jpg) -197px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a.fishermen{
	width:197px;
	height:43px;
	background: url(../images/page/nav_prog_r6_c1.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a:hover.fishermen{
	background-position: -197px 0;
}
#nav_programs a.fishermen_active{
	width:197px;
	height:43px;
	background: url(../images/page/nav_prog_r6_c1.jpg) -197px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a.past{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r7_c1.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a:hover.past{
	background-position: -197px 0;
}
#nav_programs a.past_active{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r7_c1.jpg) -197px 0 no-repeat;
	text-decoration: none;
	display:block;
}

#nav_programs a.pilot{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r8_c1.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a:hover.pilot{
	background-position: -197px 0;
}
#nav_programs a.pilot_active{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r8_c1.jpg) -197px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a.trail{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r9_c1.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#nav_programs a:hover.trail{
	background-position: -197px 0;
}
#nav_programs a.trail_active{
	width:197px;
	height:27px;
	background: url(../images/page/nav_prog_r9_c1.jpg) -197px 0 no-repeat;
	text-decoration: none;
	display:block;
}


#content_programs {
	color:#362F2C;
	font: 13px/18px Arial, Helvetica, sans-serif;
	padding: 50px 0 10px 40px;
	width:500px;
	margin-left:200px;
	/* defines content element */
}
#content_programs a{
	color:#993300;
	text-decoration:none;
}
#content_programs a:visited{
	color:#993300;
}
#content_programs h1{
	color:#003366;
	font: 26pt Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#content_programs h2{
	color:#993300;
	font: 20px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:-.5em;
}
#content_programs h3{
	color:#362F2C;
	font: bold 18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:0;
}
#content_programs h3.subline{
	color:#362F2C;
	font: 16px Arial, Helvetica, sans-serif;
	text-transform: none !important;
	font-weight:normal !important;
	margin-top:0;
}
#content_programs h4{
	color:#362F2C;
	font: bold 16px Arial, Helvetica, sans-serif;
}
#content_programs h5{
	color:#362F2C;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom:0;
	/* defines content element */
}
#content_programs ul{
	margin-top:0;
	/* defines content element */
}
#content_programs li{
	margin-left:-20px;
	/* defines content element */
}
<!--End Content Staff Section-->
#content_right li{
	color:#003366;
	list-style-type:none;
	margin-left:-40px;
	margin-bottom:5px;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#content_right a{
	color:#372D2B;
	padding:5px 0 5px 70px;
	display:block;
	text-decoration:none;
}
#content_right a:hover, #content_right a.active{
	color:#003366;
	background: url(../images/page/compass_blue_o.jpg) no-repeat;
}