/* CSS Document */

body{

	background:#CBCCD2;

	font-family:Helvetica, Arial, sans-serif;

	color:#333333;

	font-size:.8em;

}

a, a:visited, a:active{

	text-decoration:none;

	color:#FF5723;

}

a:hover{

	text-decoration:underline;

}

h1{

	font-size:1.9em;

	font-weight:bold;

	padding:0px 0px 10px 0px;

	margin:0px 0px 0px 0px;

}

h2{

	font-size:1.5em;

	font-weight:bold;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}

h3{

	font-size:1.2em;

	font-weight:bold;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}

p{

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

}

.main{

	width:100%;

	padding:0px 0px 0px 0px;

}

.container{

	text-align:left;

	background:#FFFFFF;

	position:relative;

	width:420px;

}

.hm_container{

	background:#BDC2C4;

	text-align:left;

	width:480px;

}

.sub_container{

	background:#FFFFFF;

	text-align:left;

	width:480px;

}

.clear{

	clear:both;

}

.left{

	float:left;

	margin:0px 10px 0px 0px;

}

.hm_footer{

	background:url(../images/cbsfa_home_20.jpg) no-repeat;

	height:18px;

	width:480px;

}

.sub_footer{

	background:url(../images/cbsfa_sub_35.jpg) no-repeat;

	height:30px;

}

.hm_flash{

	display:none;

	width:0px;

	height:0px;

}

.pg_title{

	background:#FFFFFF;

	padding:10px 0px 0px 12px;

}

.content{

	background:#FFFFFF;

	display:block;

}

.sub_clear{

	clear:both;

	background:#FFFFFF;

	width:100px;

}

.headerlink{

	position:relative;

	float:right;

}

.headerlinkimg{

	width:200px;

	height:60px;

	border:0px;

	display:block;

}

.home_article_bg{

	height:155px;

	background:url(../images/cbsfa_home_02.jpg);

}

.home_article{

	padding:60px 0px 0px 25px;

	margin:0px 0px 0px 0px;

}

.blacklink{

	color:#000000;

}

/*-------------------Mobile Header Images---------------------*/

.hm_head{

	background:url(../images/mobile/cbsfa_home_01.jpg);

	width:480px;

	height:220px;

}

.about_head{

	background-image:url(../images/mobile/img_about.jpg);

	width:480px;

	height:208px;

}

.board_head{

	background-image:url(../images/mobile/img_board.jpg);

	width:480px;

	height:208px;

}

.halibut_head{

	background-image:url(../images/mobile/img_halibut.jpg);

	width:480px;

	height:208px;

}

.crab_head{

	background-image:url(../images/mobile/img_crab.jpg);

	width:480px;

	height:208px;

}

.msdh_head{

	background-image:url(../images/mobile/img_msdh.jpg);

	width:480px;

	height:208px;

}

.vessels_head{

	background-image:url(../images/mobile/img_vessels.jpg);

	width:480px;

	height:208px;

}

.projects_head{

	background-image:url(../images/mobile/images_projects.jpg);

	width:480px;

	height:208px;

}

.education_head{

	background-image:url(../images/mobile/img_education.jpg);

	width:480px;

	height:208px;

}

.community_head{

	background-image:url(../images/mobile/img_community.jpg);

	width:480px;

	height:208px;

}

.reports_head{

	background-image:url(../images/mobile/img_reports.jpg);

	width:480px;

	height:208px;

}

.media_head{

	background-image:url(../images/mobile/img_photos.jpg);

	width:480px;

	height:208px;

}

.contact_head{

	background-image:url(../images/mobile/img_contact.jpg);

	width:480px;

	height:208px;

}

.vcs_head{

	background-image:url(../images/mobile/img_VCS.jpg);

	width:480px;

	height:208px;

}

/*-------------------Sub Layout----------------------------*/

.sub_content_1{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_content_2{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_content_3{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_content_4{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_1of3{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_2of3{

	padding:0px 13px 0px 13px;

	margin:20px 0px 0px 0px;

	float:left;

}

.sub_3of3{

	padding:0px 13px 0px 13px;

	margin:20px 0px 0px 0px;

	float:left;

}

.sub_2of3_top{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_3of3_top{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_content_row2_1{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_content_row2_2{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_content_row2_3{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_content_row2_4{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_content_about_3{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_content_about_4{

	padding:0px 13px 0px 13px;

	margin:0px 0px 0px 0px;

	float:left;

}

.sub_content_reports_4{

	padding:0px 13px 0px 25px;

	margin:0px 0px 0px 0px;

	float:left;

}

.span_4{

	padding:25px 13px 0px 0px;

	margin:0px 13px 0px 13px;

}

.span_3_full{

	padding:0px 13px 0px 25px;

	margin:0px 13px 0px 0px;

	float:left;

}

.span_2_row2{

	padding:0px 13px 0px 13px;

	margin:0px 13px 0px 0px;

	float:left;

}

.span_2_top1{

	float:left;

	margin: 0px 13px 0px 0px;

	padding: 0px 13px 0px 13px;

	float:left;

}

.span_2_top{

	padding:0px 13px 0px 13px;

	margin:0px 13px 0px 0px;

	float:left;

}

/*--------------------Sub Navigation ----------------*/

.nav_container{

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	background:#FFFFFF;

	width:100%;

}

.sub_nav{

	list-style-type:none;

	display:inline;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}

.sub_nav li{

	float:left;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}

.sub_img_about{

	height:24px;

	width:63px;

	border:0px;

}

.sub_img_board{

	height:24px;

	width:68px;

	border:0px;

}

.sub_img_projects{

	height:24px;

	width:80px;

	border:0px;

	border:0px;

}

.sub_img_halibut{

	height:24px;

	width:73px;

	border:0px;

}

.sub_img_57{

	height:24px;

	width:63px;

	border:0px;

}

.sub_img_education{

	height:24px;

	width:91px;

	border:0px;

}

.sub_img_outreach{

	height:24px;

	width:162px;

	border:0px;

}

.sub_img_vessels{

	height:24px;

	width:79px;

	border:0px;

}

.sub_img_reports{

	height:24px;

	width:77px;

	border:0px;

}

.sub_img_media{

	height:24px;

	width:68px;

	border:0px;

}

.sub_img_msdh{

	height:24px;

	width:104px;

	border:0px;

}

.sub_img_contact{

	height:24px;

	width:72px;

	border:0px;

}

.sub_about a, .sub_about a:active, .sub_about a:visited{

	height:24px;

	width:63px;

	background:url(../images/cbsfa_sub_01.jpg) no-repeat;

	display:block;

}

.sub_board a, .sub_board a:active, .sub_board a:visited{

	height:24px;

	width:68px;

	background:url(../images/cbsfa_sub_02.jpg) no-repeat;

	display:block;

}

.sub_halibut a, .sub_halibut a:active, .sub_halibut a:visited{

	height:24px;

	width:73px;

	background:url(../images/cbsfa_sub_04.jpg) no-repeat;

	display:block;

}

.sub_57 a, .sub_57 a:active, .sub_57 a:visited{

	height:24px;

	width:63px;

	background:url(../images/cbsfa_sub_05.jpg) no-repeat;

	display:block;

}

.sub_msdh a, .sub_msdh a:active, .sub_msdh a:visited{

	height:24px;

	width:104px;

	background:url(../images/cbsfa_sub_11.jpg) no-repeat;

	display:block;

}

.sub_vessels a, .sub_vessels a:active, .sub_vessels a:visited{

	height:24px;

	width:79px;

	background:url(../images/cbsfa_sub_10.jpg) no-repeat;

	display:block;

}

.sub_projects a, .sub_projects a:active, .sub_projects a:visited{

	height:24px;

	width:80px;

	background:url(../images/cbsfa_sub_03.jpg) no-repeat;

	display:block;

}

.sub_education a, .sub_education a:active, .sub_education a:visited{

	height:24px;

	width:91px;

	background:url(../images/cbsfa_sub_06.jpg) no-repeat;

	display:block;

}

.sub_outreach a, .sub_outreach a:active, .sub_outreach a:visited{

	height:24px;

	width:162px;

	background:url(../images/cbsfa_sub_07.jpg) no-repeat;

	display:block;

}

.sub_reports a, .sub_reports a:active, .sub_reports a:visited{

	height:24px;

	width:77px;

	background:url(../images/cbsfa_sub_09.jpg) no-repeat;

	display:block;

}

.sub_media a, .sub_media a:active, .sub_media a:visited{

	height:24px;

	width:68px;

	background:url(../images/cbsfa_sub_08.jpg) no-repeat;

	display:block;

}

.sub_contact a, .sub_contact a:active, .sub_contact a:visited{

	height:24px;

	width:72px;

	background:url(../images/cbsfa_sub_12.jpg) no-repeat;

	display:block;

}

.sub_about a:hover{

	height:24px;

	width:63px;

	background:url(../images/cbsfa_sub_01.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

.sub_board a:hover{

	height:24px;

	width:68px;

	background:url(../images/cbsfa_sub_02.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

.sub_projects a:hover{

	height:24px;

	width:80px;

	background:url(../images/cbsfa_sub_03.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

.sub_halibut a:hover{

	height:24px;

	width:73px;

	background:url(../images/cbsfa_sub_04.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

.sub_57 a:hover{

	height:24px;

	width:63px;

	background:url(../images/cbsfa_sub_05.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

.sub_education a:hover{

	height:24px;

	width:91px;

	background:url(../images/cbsfa_sub_06.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

.sub_outreach a:hover{

	height:24px;

	width:162px;

	background:url(../images/cbsfa_sub_07.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

.sub_vessels a:hover{

	height:24px;

	width:79px;

	background:url(../images/cbsfa_sub_10.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

.sub_reports a:hover{

	height:24px;

	width:77px;

	background:url(../images/cbsfa_sub_09.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

.sub_media a:hover{

	height:24px;

	width:68px;

	background:url(../images/cbsfa_sub_08.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

.sub_msdh a:hover{

	height:24px;

	width:104px;

	background:url(../images/cbsfa_sub_11.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

.sub_contact a:hover{

	height:24px;

	width:72px;

	background:url(../images/cbsfa_sub_12.jpg) no-repeat;

	display:block;

	background-position:0px -27px;

}

/*-------------------Mobile Home Navigation-------------------*/

#hm_nav_col_1{

	list-style:none;

	width:210px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	display:block;

	float:left;

}

#hm_nav_col_2{

	list-style:none;

	float:left;

	width:210px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	display:block;

}

#hm_nav_col_3{

	list-style:none;

	width:210px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	display:block;

	clear:both;

	float:left;

}

#hm_nav_col_4{

	list-style:none;

	width:210px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	display:block;

	float:left;

}

#hm_about a, #hm_about a:active, #hm_about a:visited{

	height:22px;

	width:195px;

	background:url(../images/cbsfa_nav_02.jpg);

	background-position:0px 0px;

	display:block;

}

#hm_board a, #hm_board a:active, #hm_board a:visited{

	height:22px;

	width:195px;

	background:url(../images/cbsfa_nav_07.jpg);

	display:block;

}

#hm_projects a, #hm_projects a:active, #hm_projects a:visited{

	height:22px;

	width:195px;

	background:url(../images/cbsfa_nav_11.jpg);

	background-position:0px 0px;

	display:block;

}

#hm_halibut a, #hm_halibut a:active, #hm_halibut a:visited{

	height:22px;

	width:180px;

	background:url(../images/cbsfa_nav_03.jpg);

	background-position:6px 0px;

	display:block;

}

#hm_57 a, #hm_57 a:active, #hm_57 a:visited{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_08.jpg);

	display:block;

}

#hm_education a, #hm_education a:active, #hm_education a:visited{

	height:22px;

	width:180px;

	background:url(../images/cbsfa_nav_12.jpg);

	background-position:6px 1px;

	display:block;

}

#hm_outreach a, #hm_outreach a:active, #hm_outreach a:visited{

	height:22px;

	width:180px;

	background:url(../images/cbsfa_nav_15.jpg);

	display:block;

	background-position: 6px 0px;

}

#hm_vessels a, #hm_vessels a:active, #hm_vessels a:visited{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_04.jpg);

	display:block;

}

#hm_reports a, #hm_reports a:active, #hm_reports a:visited{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_09.jpg);

	display:block;

}

#hm_photos a, #hm_photos a:active, #hm_photos a:visited{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_13.jpg);

	display:block;

}

#hm_msdh a, #hm_msdh a:active, #hm_msdh a:visited{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_05.jpg);

	background-position:0px 1px;

	display:block;

}

#hm_contact a, #hm_contact a:active, #hm_contact a:visited{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_10.jpg);

	background-position:0px 1px;

	display:block;

}

#hm_about a:hover{

	height:22px;

	width:195px;

	background:url(../images/cbsfa_nav_02.jpg);

	display:block;

	background-position:0px -22px;

}

#hm_board a:hover{

	height:22px;

	width:195px;

	background:url(../images/cbsfa_nav_07.jpg);

	display:block;

	background-position:0px -22px;

}

#hm_projects a:hover{

	height:22px;

	width:195px;

	background:url(../images/cbsfa_nav_11.jpg);

	display:block;

	background-position:0px -22px;

}

#hm_halibut a:hover{

	height:22px;

	width:180px;

	background:url(../images/cbsfa_nav_03.jpg);

	display:block;

	background-position:6px -22px;

}

#hm_57 a:hover{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_08.jpg);

	display:block;

	background-position:0px -22px;

}

#hm_education a:hover{

	height:22px;

	width:180px;

	background:url(../images/cbsfa_nav_12.jpg);

	display:block;

	background-position:6px -21px;

}

#hm_outreach a:hover{

	height:22px;

	width:180px;

	background:url(../images/cbsfa_nav_15.jpg);

	display:block;

	background-position:6px -22px;

}

#hm_vessels a:hover{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_04.jpg);

	display:block;

	background-position:0px -22px;

}

#hm_reports a:hover{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_09.jpg);

	display:block;

	background-position:0px -22px;

}

#hm_photos a:hover{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_13.jpg);

	display:block;

	background-position:0px -22px;

}



#hm_msdh a:hover{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_05.jpg);

	display:block;

	background-position:0px -21px;

}

#hm_contact a:hover{

	height:22px;

	width:200px;

	background:url(../images/cbsfa_nav_10.jpg);

	display:block;

	background-position:0px -21px;

}

#hm_img_about{

	height:22px;

	width:195px;

	border:0px;

}

#hm_img_board{

	height:22px;

	width:195px;

	border:0px;

}

#hm_img_projects{

	height:22px;

	width:195px;

	border:0px;

}

#hm_img_halibut{

	height:22px;

	width:180px;

	border:0px;

}

#hm_img_57{

	height:22px;

	width:200px;

	border:0px;

}

#hm_img_education{

	height:22px;

	width:200px;

	border:0px;

}

#hm_img_outreach{

	height:22px;

	width:200px;

	border:0px;

}

#hm_img_vessels{

	height:22px;

	width:200px;

	border:0px;

}

#hm_img_reports{

	height:22px;

	width:200px;

	border:0px;

}

#hm_img_photos{

	height:22px;

	width:200px;

	border:0px;

}

#hm_img_msdh{

	height:22px;

	width:200px;

	border:0px;

}

#hm_img_contact{

	height:22px;

	width:200px;

	border:0px;

}

.nav-non-nav{

	width:250px;

	position:absolute;

	top:20px;

	right:0px;

	color:#000;

	z-index:3000;

}

.nav-non-nav a{

	color:#000;

	font-weight:normal;

}

/*-------------------Mobile Sub Navigation--------------------*/