/* CSS */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #183A64;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h2, small {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}
#content {
	margin: 0 auto;
	width: 988px;
	background: #183A64;
}

/*
.entry div {
	float: right; width: 486px; display: inline; margin-right: 0px;
}
.entry div img {
	float: right;
}
*/

/* Full Width */
#full_width_content{
	padding:			10px 0px 20px 20px;
}
#full_width_content .left_column{
	float:				left;
	width:				470px;
	padding:			0px 5px 0px 0px;
}
#full_width_content .right_column{
	float:				right;
	width:				488px;
}
#full_width_content .row{
	clear:				both;
	height:				20px;
}
#full_width_content .left_column strong{
	text-transform: 	uppercase;
}

/* Floating */
.clear{
	clear: 			both;
}
.float{
	float:			left;
}
.float_right{
	float: 			right;
}
.alignleft{
	float:			left;
}

/* Survey */
#survey_link{
	padding: 		10px 0px 0px 10px;
	float: 			left;
	font-size: 		12px;
}
#survey_link a{
	color: 			#ffffff;
}
#survey_link a:hover{
	color: 			#6D9C40;
}

/* -- HEADER -- */
#header {
	background: #FFF;
	height: 192px;
	width: 988px;
	margin-top: 25px;
}
#header img {
	float: left;
}
#headernav {
	width: 488px;
	float: right;
	background: #FFF;
	padding-top: 3px;
	z-index: 75;
}

#headernav ul {

	display: block;
	float: left;
	width: 488px;
	height: 130px;
	padding-top: 3px;
}
#headernav ul li {
	display: inline;
	clear: none;
	width: 157px;
	height: 130px;
	float: left;
	margin: 0 0 0 8px;
	background: #085790;
}
#headernav ul li.first_nav {
	margin-left: 1px;
}
#main {
	background: #FFF url(images/white_bg.gif) repeat;
	text-align: left;
	padding-top: 20px;
	float: left;
/*
	position: absolute;
	left: 50%;
	margin-left: -494px;
*/
	width: 988px;
	display: block;
}
#main.homepage {
	padding-top: 0;	min-height: 440px;

}

#col1 {
	width: 			470px;
	float: 			left;
	display: 		inline;
	padding-left: 	12px;
	background: 	#FFF;
}


#col1 h1 {
	width: 488px;
	margin: 8px 0px;
	text-transform: uppercase;
}
#col1 h1 span {
	text-transform: none;
}
#col1 p {
	width: 478px;
	margin: 8px 0;
}

#col1.homepage, #col2.homepage {
	height: 465px;
}
#col2.species_div {
	margin: 8px 0;
}
#col2 .species_top {
	background: #0E5891;
	width: 488px;
	height: 100px;
	display: block;
}
#col2 .species_top_turtle {
	background: #0E5891;
	width: 488px;
	height: 54px;
	display: block;
}
.hp_footer {
	width: 988px;
/*
	position: absolute;
	top: 468px;
	left: 50%;
	margin-left: -494px;
*/
float: left;
clear: left;
}
.homepage_newsimage {
	margin-top: 8px;
	max-height: 230px;
}
#col1.homepage .homepage_date {
	font-size: 13px;
	line-height: 13px;
}
/* --- FOOTER --- */

#footer {
	background: #183A64;
	float: left;
	clear: left;
	width: 988px;
	display: block;
}

#footer img {
	float: right;
}

#footer p {
	float: right;
}

#publications_footer {
	width: 988px;
	float: left;
	background-color: #FFF;
	clear: left;
	text-align: left;	
	display: block;
}
#publications_footer p {
	margin: 5px 15px;
	text-align: left;
}
#publications_footer h2 {
	color: #085790;
	margin-left: 15px;
	font: 12px/18px Helvetica, Arial, sans-serif;
	font-weight: bold;
}

/* --- MISC --- */

h1{
	color:			#6D9C40;
	font: 			18px "Helvetica", "Arial", "sans-serif";
	text-transform: uppercase;
}

a {
	text-decoration: none;
	color: #6D9C40;
}
a:hover {
	color: #183A64;
}

a img {
	border: 0;
}

h1 span {
	color: #183A64;
}

p {
	font: 		12px/18px "Helvetica", "Arial", "sans-serif";
	margin: 	0px 0px 5px 0px;
}

strong {
	color: #085790;
}


/* Column2 */
#col2 {
	float: 			right;
	display: 		inline;
	background: 	#FFF;
	text-align: 	left;
	width: 			490px;
}
.wp-caption{
	border: 		0px solid #000000;
	margin: 		10px 0px 0px 0px;
}
#col2 p {
	padding: 		5px 0px 0px 0px;
}


#col2 h2 {
	margin-top: 	12px;
	padding: 		0 5px 0 10px;
	height: 		26px;
	font: 			16px/26px Helvetica, Arial, sans-serif;
	color: 			#FFF;
	background: 	#085790;
}

#col2 h2.no_bg {
	background-image: none;
}
#col2 h2 a {
	color: #FFF;
}
#col2 h2 a:hover {
	color: #6D9C40
}

#col2 h2 span {
	color: 	#6D9C40;
}
#col2 h2 span a {
	color: #6D9C40;
}
#col2 h2 span a:hover {
	color: #FFF;
}
#col2 img {

}

.col2_wideimage {
	display: inline;
	width: 478px;
	float: right;
	margin: 20px 0 0 0;
}
.col2_image {
	display: inline;
	width: 235px;
	float: left;
	margin: 20px 0 0 0;
}
#col2 .col2_wideimage img, #col2 .col2_image img, #col1 .col2_wideimage img {
	margin: 0;
	display: inline;
	float: left;
	clear: none;
}
.col2_wideimage dd, .col2_image dd, .post-image .photo_caption, .cetacean_behaviour .photo_caption, .wp-caption-text{
	font: 12px/18px bold Helvetica, Arial;
	font-weight: bold;
	color: #183A64;
	margin: 0;
}
.post-image .photo_caption {
	margin-left: 	10px;
	width: 			458px;
}
dl {
	margin: 0; padding: 0;
}
.col2_wideimage dt, .col2_wideimage dt a {
	margin: 0;
}
.col2_wideimage dt {
	float: left;
	clear: none;
	display: inline;
	margin: 0;
}
.col2_wideimage dd {
	display: inline;
	width: 478px;
	float: right;
}
.col2_image dd {
	display: inline;
	width: 235px;
	float: right;
}

.col2_wideimage dd.photo_credit, .col2_image dd.photo_credit, .post-image .photo_credit, .cetacean_behaviour .photo_credit {
	font: 9px/15px bold Helvetica, Arial;
	text-align: right;
	text-transform: uppercase;
	color: #000;
	margin: 0 5px 0 0;
}
.single_post {
	 /*margin-right: -10px;*/
}
.col2image_first {
	margin: 20px 8px 0 10px;
}

#wild_whales_is {
	background-color: 	#085790;
	color: 				#FFF;
	font: 				13px/20px Helvetica, Arial, Sans-Serif;
	margin-top: 		8px;
	padding: 			10px !important;
	height: 			100px;
}
#wild_whales_is span {
	font-weight: bold;
}

#events img {
	float: left;
	margin-right: 10px;
}
#events p {
	padding: 8px 8px 4px 4px;
}
.image_credit {
	font: 9px/15px bold Helvetica, Arial;
	text-align: right;
	text-transform: uppercase;
	color: #000;
	margin: 0 0px 0 0;
	display: block;
	width: 472px;
}

#news {
/* 	position: relative; */
	display: block;
/*
	top: 9px;
	left: 0;
*/
float: left;
clear: left;
margin-top: 9px;
	width: 488px;
}
#news ul li {
	font: 14px/35px Helvetica, Arial, Sans-Serif;
	color: #085790;
	list-style: none;
	border-bottom: 3px solid #6D9C40;
	height: 35px;
}
#news ul li img {
	float: left;
	margin: 2px 10px 0 0;
}
#news ul li a {
	color: #085790;
	text-transform: uppercase;
}
#news ul li a:hover {
	color: #6D9C40;
}
#news ul li a span {
	color: #6D9C40;
	text-transform: none;
}

#news .newsnav {
	width: 488px;
	background: transparent url(images/newsnav_bg.gif) repeat-x;
	height: 26px;
}
#news .newsnav a {
	color: #FFF;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;	
	font: 14px/26px Helvetica, Arial, Sans-Serif;
	padding: 6px 6px 1px 6px;
	margin-left: 0;
	margin-right: 0;
	background: #085790;
	height: 26px;
}
#news .newsnav a:hover {
	color: #085790;
}
#news .newsnav a.active {
	height: 26px;
	background: #6D9C40;
	color: #FFF;
	border: none;
	padding: 6px;
	margin: 0;
}
#news .newsnav a.active:hover {
	color: #085790;
}

/* -- Navigation -- */

			#sightings_link, #conservation_link, #watchingwhales_link {
							display: block;
							height: 130px;
							width: 157px;
			}
/*
			#sightings_link li a, #conservation_link li a, #watchingwhales_link li a {
				display: block;
				height: 130px;
				width: 157px;
			}

*/			#conservation_link {
				background: transparent url(images/main-menu/conservation_link.jpg) 0 0 no-repeat;
			}
			#conservation_link:hover {
				background: transparent url(images/main-menu/conservation_link.jpg) -157px 0 no-repeat;
			}
			#watchingwhales_link {
				background: transparent url(images/main-menu/watchingwhales_link.jpg) 0 0 no-repeat;
			}
			#watchingwhales_link:hover {
				background: transparent url(images/main-menu/watchingwhales_link.jpg) -157px 0 no-repeat;
			}
			#sightings_link {
				background: transparent url(images/main-menu/sightings_link.jpg) 0 0 no-repeat;
			}
			#sightings_link:hover {
				background: transparent url(images/main-menu/sightings_link.jpg) -157px 0 no-repeat;
			}
			#first-of-type, #first-of-type ul {
				font: 13px bold Arial, Sans-Serif;
				text-align: left;
				padding: 0;
				margin: 0;
				list-style: none;
			}
			#first-of-type a {
				display: block;
				width: 157px;
			}
			#first-of-type li {
				float: left;
				width: 157px;
				height: 130px;
			}
			
			#first-of-type li ul {
				position: absolute;
/* 				width: 157px; */
				left: -999em;
				z-index: 10;
			}

			#first-of-type li:hover ul, #first-of-type li.sfhover ul {
				left: auto;
			}
			#conservationmenu, #sightingsmenu, #whalesmenu {

/*				width: 157px;*/
				float: right;
				background: transparent;
			}
			#conservationmenu {
				width: 157px;
			}
			#conservationmenu, #whalesmenu {
/* 				height: 60px; */
			}
			#conservationmenu ul, #sightingsmenu ul, #whalesmenu ul {
				display: block;
				float: left;
				width: 157px;
				padding: 0;
			}
			#conservationmenu ul li, #sightingsmenu ul li, #whalesmenu ul li {
				height: 30px;
/*				width: 200px;*/
				background: #8CC0D6;
				color: #085790;
				display: block;
				float: left;
				clear: left;
				margin: 0;
			}
			#conservationmenu ul li a, #sightingsmenu ul li a, #whalesmenu ul li a {
				height: 30px;
				text-indent: 5px;
				color: #085790;
				line-height: 30px;
				text-transform: uppercase;
			}
			#conservationmenu ul, #whalesmenu ul {
				height: 60px;
			}			
			#conservationmenu ul li, #conservationmenu ul li a {
				width: 200px;
			}
			#conservationmenu ul li a:hover, #sightingsmenu ul li a:hover, #whalesmenu ul li a:hover {
				background: #085790;
				color: #FFF;
			}
			#sightingsmenu, #sightingsmenu ul {
				width: 200px;
				margin-left: -100px;
			}

			#sightingsmenu ul li, #sightingsmenu ul li a {
				width: 300px;
			}
			#whalesmenu {
				width: 300px;
				margin-left: -150px;
			}
			#whalesmenu ul li, #whalesmenu ul li a {
				width: 300px;
			}


blockquote {
	font: 16px/24px Georgia;
	color: #085790;
	font-style: italic;
	margin-bottom: 10px;
	width: 472px;
}
.topmargin {
	margin-top: 40px;
}

#subpage_nav {
	width: 988px;
}

#subpage_nav ul {
	list-style: none;
	float: right;
}

#subpage_nav ul li {
	display: inline;
	width: 100px;
	height: 54px;
	margin-left: 9px;
	float: left;
	background-color: #4A6D9F;
}
#subpage_nav ul li a span {
	display: block;
	width: 100px;
	height: 54px;
}
#subpage_nav ul li a {
	display: block;
}
#subpage_nav ul li a:hover {
	cursor: pointer;
}

.threats_link {
	width: 115px;
	background: transparent url(images/threats_page.gif) no-repeat;
}

.whaling_link a {
	background: transparent url(images/whaling_link.gif) 0 0 no-repeat;
}
.whaling_link a:hover, .whaling_link a.current_threat {
	background: transparent url(images/whaling_link.gif) -100px 0 no-repeat;
}

.foodsupply_link a {
	background: transparent url(images/foodsupply_link.gif) 0 0 no-repeat;
}
.foodsupply_link a:hover, .foodsupply_link a.current_threat {
	background: transparent url(images/foodsupply_link.gif) -100px 0 no-repeat;
}

.toxins_link a {
	background: transparent url(images/toxins_link.gif) 0 0 no-repeat;
}
.toxins_link a:hover, .toxins_link a.current_threat {
	background: transparent url(images/toxins_link.gif) -100px 0 no-repeat;
}

.entanglement_link a {
	background: transparent url(images/entanglement_link.gif) 0 0 no-repeat;
}
.entanglement_link a:hover, .entanglement_link a.current_threat {
	background: transparent url(images/entanglement_link.gif) -100px 0 no-repeat;
}

.collision_link a {
	background: transparent url(images/collision_link.gif) 0 0 no-repeat;
}
.collision_link a:hover, .collision_link a.current_threat {
	background: transparent url(images/collision_link.gif) -100px 0 no-repeat;
}

.depredation_link a {
	background: transparent url(images/depredation_link.gif) 0 0 no-repeat;
}
.depredation_link a:hover, .depredation_link a.current_threat  {
	background: transparent url(images/depredation_link.gif) -100px 0 no-repeat;
}

.boat_link a {
	background: transparent url(images/boat_link.gif) 0 0 no-repeat;
}
.boat_link a:hover, .boat_link a.current_threat {
	background: transparent url(images/boat_link.gif) -100px 0 no-repeat;
}

.noise_link a {
	background: transparent url(images/noise_link.gif) 0 0 no-repeat;
}
.noise_link a:hover, .noise_link a.current_threat {
	background: transparent url(images/noise_link.gif) -100px 0 no-repeat;
}

#species_heading {
	margin-left: 15px;
	float: left;
	display: inline;
}
#col1 .post .entry #species_page_header {
	display: block;
	width: 488px;
	height: 54px;
	background: transparent url(images/species_header_bg.gif) no-repeat;
	line-height: 54px;
	text-indent: 20px;
	color: #FFF;
	text-transform: none;
}
#col1 .post .entry #species_page_header.speciesheader_small {
	font-size: 17px;
}
.entry .species_identification {
	border-left: 2px solid #0E5891;
	border-bottom: 2px solid #0E5891;
	float: left;
	clear: both;
	margin-top: -10px;
	display: block;
}

.entry .species_identification p {
	/*check IE6 css file*/
/*	text-indent: 10px;*/
	width: 406px;
	padding-left: 10px;
}

/* ENTRIES */
.entry p, .entry blockquote {
	margin: 15px 10px 15px 20px;
	float: left;
	clear: left;
	width: 426px;
	display: block;
}
.entry p img, .entry img {
	float: left;
	clear: both;
	margin-bottom: 50px;
	margin-left: 20px;
	margin-right: 15px;
}

.entry h1 {
	margin: 90px 0 0 20px;
	width: 488px;
}

#col1.threats_col1 .post .entry p {
	margin-left: 4px;
	width: 422px;
}
#col1.threats_col1 .post .entry h1 {
	margin-left: 4px;
	width: 422px;
}


/* ----- LINKS PAGE ----- */
.conservation_programs {
	display: block;
	clear: right;
}
.conservation_programs a span {
	width: 485px;
	height: 100px;
	margin: 0 auto;
	text-align: left;
	display: block;
	line-height: 100px;
	text-indent: 10px;
}
.left_conservation {
	display: 	block;
	clear: 		both;
	width: 		486px;
	height: 	448px;
}
#left_links {
	display: block;
	margin-top: 25px;
	float: left;
}

.conservation_programs a span img {
	float: 			left;
	margin: 		0 10px 0 20px;
}
#col2 .conservation_programs a span img {
	float: left;
	margin-right: 10px;
}
.conservation_programs a {
	font-size: 			12px;
}
#shoreline_cleanup_logo {
	padding-top: 25px;
}
.news_archive {
	float: left;
	display: block;
	width: 450px; 
	list-style: none;
}
.news_archive li {
	margin-top: 10px;
}
.news_archive li a {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}
.news_archive li a img {
	height: 30px;
	margin-right: 10px;
	margin-bottom: -10px;
}
.news_date {
	color: #183A64;
}
#search {
	display: block;
	float: left;
	margin: 50px 0;
}
.more_news_events {
	text-align: center;
	height: 28px;
	font-size: 12px;
	line-height: 28px;
	display: block;
	width: 100px;
	color: #FFF;
	background-color: #6D9C40;
}
.wide_column p, .wide_column h1 {
	margin: 10px 15px;
}
.wide_column p {
	text-align: left;
/*	clear: none;*/
}
.wide_column h1 {
	clear: left;
}
.cetacean_behaviour_row {
	width: 958px;
	margin: 0 auto;
	display: block;
	clear: left;
}
.cetacean_behaviour {
	width: 318px;
/*	border: 1px solid #CCC;*/
	float: left;
	display: inline;
	text-align: center;
}
.cetacean_behaviour h1 {
	color: #000;
	font-size: 16px;
}
.cetacean_behaviour img {
	margin: 0 auto;
}
.cetacean_behaviour p {
	width: 300px;
	text-align: left;
	margin: 10px auto;
}
.cetacean_behaviour .ident_behaviour_icons {
	float: right;
	display: inline;
	height: 55px;
	width: 55px;
	margin: 0 0 10px 10px;
}
.video {
	margin-right: 2px;
}

.other_species_col2 {
	float: left;
	display: inline;
	clear: none;
}

/*.threats_col1 #post-8 .entry .alignleft {
	margin: 0 0 0 -32px;
}*/
#col2 .post-image {
	float: 			right;
	margin: 		0;
}
#col1 .post h3 {
	margin-top: 5px;
}
#noise {
	border: 			1px solid #085790;
	border-top:			0px solid #085790;
}
#noise td{
	border: 			1px solid #085790;
}
#noise p {
}
#noise strong {
	color:				#fff;
}
#noise .table_header{
	color:				#fff;
	background-color:	#085790;
	border: 			0px;
	border-left: 		1px solid #fff;
	border-right: 		1px solid #fff;
}
#noise td {
	padding: 5px;
}
#fisheries_oceans_canada {
	margin-top: 30px;
}

#sara_species td {
	font: 12px normal Arial, Sans-Serif;
	color:		#FFF;
	border: 	2px solid #FFF;
	padding:	5px;
}
#sara_species p, #sara_species a {
	font: 12px normal Arial, Sans-Serif;
	color:		#FFF;
}
#sara_species a:hover {
	color: #6D9C40;
}
#sara_species strong {
	color:		#FFF;
}
#cetaceans_seaturtles td {
	font: 12px normal Arial, Sans-Serif;
	border: 	2px solid #FFF;
	padding:	5px;
}
#collisions_wideimage {
	margin-left: -12px;
	float: left;
}

/* -- VIDEO PLAY BUTTONS -- */
#vid_killerwhale {
	display: block;
	height: 235px;
	width: 478px;
	background: transparent url(images/species/killerwhale/transientglacier.jpg) no-repeat;
/*	border: 1px solid #09F;*/
}
.play_video {
	display: block;
	width: 478px;
	height: 235px;
	background: transparent url(images/playbutton.png) 0 0 no-repeat;
}
.play_video:hover {
	background: transparent url(images/playbutton.png) 0 -235px no-repeat;
}