/*  The Marine Mammal Center | global.css  */

/* reset default HTML values */
* html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* IE flicker fix */
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #ffffff;
	font-family: Arial, Verdana, Lucida, sans-serif;
	font-size: 81.25%; /* 1em is 13px, etc */
	line-height: 1.333em;
	color: #333;
}

#middle-container {
	margin: 0 auto;
	margin-top:3px;
	width: 981px;
	background-color: #ffffff;
       
}

#inner-content {
margin: 10px 0 0 0;
padding: 0 7px;
}

.auxilary-nav ul, .auxilary-nav li, .leftnav ul, .leftnav li, .leftnav .leftsub li, .footer ul, .footer li, .nav ul, .nav li, .sec_nav ul, .sec_nav li, ul.nobullet, ul.nobullet li, .cols2, .cols2 li, .gallery, .gallery li{ margin: 0; padding: 0; list-style: none; line-height: 1em;}
.pagecopy p, .wide p, .pagecopy li, .wide li, .pagecopy ul.nobullet li, .wide ul.nobullet li {line-height: 175%; }
.pagecopy p, .wide p {margin: 0 0 10px 0; }

form, input, textarea, select, option, label{
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.333em;
	font-family: Arial, Verdana, Lucida, sans-serif;
	color: #333;
}


/* common global elements */
h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0; line-height: 1.333em; font-weight: normal; }
.pagetitle h1 {margin: 12px 12px 7px; }
h1 {
	font-size: 2.15em;
	color: #024f6b;
	margin: 12px 0px 7px;
}
h1.accent {
	font-weight: bold;
	color: #007dab;
}
h2 {
	font-family: Georgia, Palatino, Times New Roman, serif;
	font-size: 1.5em;
	color: #333;
	line-height: 150%;
	
}
h3 {
	font-size: 1.4em;
	color: #333333;
	font-weight: bold;
	margin: 0 0 4px;
}
	.intro h3 {
		margin: 8px 0 6px;
	}
	.press .leftnav h3 {
		margin: 0;
	}
h4 {
	font-size: 1.2em;
	color: #333333;
	font-weight: bold;
	margin: 0 0 4px;
	line-height: 175%;
}
h5 {
	font-size: 1.15em;
	color: #333;
	font-weight: bold;
}
.promotxt h5 {color: #fff; font-size: 1.5em;}
h6 {
	font-size: 1em;
	color: #33;
	font-weight: bold;
	margin: 0 0 8px;
}



img.thumb {
	border: 3px solid #b2d8e4;
}
img { border: none; }
img.left{
float: left;
margin: 2px 10px 0 0;
}
hr {
  color: #999999;
	background: #ddd;
  border: 0;
  width: 100%;
  height: 1px;
	margin: .5em 0;
}
/* LINKS */
a {color: #0099cc; text-decoration: none; outline: none;}
a:hover {color: #024f6b; text-decoration: none; outline: none;}

a.btn {
	display: block;
	outline: none;
	font-size: .9em;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	background-repeat: no-repeat;
	line-height: 10px;
	*line-height: 11px;
	padding: 6px 0 0 9px;
}
	body:first-of-type a.btn {line-height: 13px;}	/* fix for Safari 3 */

a.btn:hover {
	color: #ffffff;
	text-decoration: none;
}
a.imgbtn {
	display: block;
	outline: none;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/btn.gif) left 0px no-repeat;
	text-indent: -300em;
	margin-bottom: 20px;
	padding: 0;
}
a.adopt_mammal {
	background-position: 0 0;
	width: 90px;
	height: 20px;
	float: left;
}
a.read_more {
	background-position: 0 -30px;
	width: 90px;
	height: 20px;
	float: right;
}
a.sponsor {
display: block;
	outline: none;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/btn_spon.gif) left 0px no-repeat;
	text-indent: -300em;
	margin-bottom: 20px;
	padding: 0;
	width: 90px;
	height: 20px;
	float: left;
}
a.read_archive {
	background-position: 0 -60px;
	width: 196px;
	height: 20px;
}
a.download {
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/login2.gif) right -56px no-repeat;
	padding-right: 10px;
	white-space: nowrap;
}
h3 a.download {
	background-position: right -54px;
}
a.top_link {
	font-size: .9em;
	background: #ffffff url(http://www.marinemammalcenter.org/assets/images/wrapper/login2.gif) 30px -75px no-repeat;
	padding:0 30px 0 10px;
	display: block;


}
a.video_overlay {
	position: absolute;
	top: 18px;
	left: 33px;
	display: block;
	outline: none;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/video_overlay.png) left 0px no-repeat;
	_background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/video_overlay.gif) left 0px no-repeat;	/* IE6 png alternative */
	text-indent: -300em;
	padding: 0;
	width: 150px;
	height: 152px;
	z-index: 150;
}
a.repot_overlay {
	position: absolute;
	top: 22px;
	left: 14px;
	display: block;
	outline: none;
	text-indent: -300em;
	padding: 0;
	width: 132px;
	height: 32px;
	z-index: 140;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/blank.gif) left 0px no-repeat;
}

.chevron {color: #6fae0e;}

/*image styles */
img.thumb {
	border: 3px solid #b2d8e4;
}
img { border: none; }
img.left{
float: left;
margin: 2px 10px 0 0;
}
 img.border, .border { padding: 3px; border: 1px solid #ddd; }
 .right { float: right; margin: 0 0 5px 5px; }
 .left {float: left; margin: 0 5px 5px 0; }
 .center { float: none; display: block; margin: 0 auto; }
 .caption, .credit { font-size: .85em;  display: block; line-height: 110%;}
.credit { text-align: right; }


/* GLOBAL CONTEINERS */
.topline {
	width: 100%;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/body_bg.gif) left 0px repeat-x;
}
.btmline {
	width: 100%;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/borderpix.gif) left 60px repeat-x;
}
.wrap {
	width: 981px;
	margin: 0px auto;
	position: relative;
}
.masthead {
	width: 977px;
	background: #ffffff url(http://www.marinemammalcenter.org/assets/images/wrapper/masthead_bg.jpg) left top no-repeat;
	border: 1px solid #b2d8e4;
	padding: 1px;
}
.content {
	width: 979px;
	border: 1px solid #b2d8e4;
	background-color: #ffffff;
	padding: 0px;
}

/* HERO */
.hero {
	border: 2px solid #b2d8e4;
	border-bottom: 3px solid #b2d8e4;
}
.hero img {
	float: left;
}
.hero .heroimg {
	border-right: 3px solid #b2d8e4;
}
.hero p {margin: 0; padding: 0; }

/* MASTHEAD CONTENT */
.masthead_content {
	height: 94px;
}
.masthead a.report {font-weight: bold;}
.logo {
	float: left;
	margin: 7px 0 0 21px;
}
#kekaiola.logo {
	margin:25px 0 0; 
	width:120px;
}

	/* Auxilary Navigation */
#auxilary-nav-container {
     display:block;
     float:right;
     margin: 31px 0 0 0;
}
#auxilary-nav-container .auxilary-nav {
	float: right;
	margin: 0px 15px 0 0;
	font-size: .85em;
	text-align:right
}
#auxilary-nav-container .auxilary-nav p.dismammal {  
text-align:right;
font-weight:bold;
margin:3px 0 9px 0;
}
#auxilary-nav-container .auxilary-nav .txt-input {
	width: 123px;
	height: 16px;
	padding: 2px 2px 0;
	border: 1px solid #badae4;
	line-height: 130%;
}
#auxilary-nav-container .auxilary-nav .btn {
	margin: 0 0 0 3px;
	_margin-left: 0;
	*margin-top: 1px;
}
#auxilary-nav-container .auxilary-nav ul {
	float: right;
	clear: both;
}
#auxilary-nav-container .auxilary-nav li {
	float: right;
	display: inline;
	padding-top: 2px;
	position: relative;
	z-index: 200;
	text-align:left;
}
#auxilary-nav-container .auxilary-nav li.search {
	padding-top: 0px;
	padding-left: 16px;
}
#auxilary-nav-container .auxilary-nav li.search div {
	float: left;
	border-bottom: 1px solid #ffffff;
}
#auxilary-nav-container .auxilary-nav li a {
	padding: 0 9px 0 10px; border-right: 1px solid #999999;
}
#auxilary-nav-container .auxilary-nav li.selected a {
	color: #333333;
}
#auxilary-nav-container .auxilary-nav li a.login {
	padding: 0 12px 0 10px; border-right: none;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/login2.gif) right 4px no-repeat;
}
#auxilary-nav-container .auxilary-nav li a.logout {
	padding: 0 12px 0 10px; border-right: none;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/login2.gif) right -16px no-repeat;
}
.orange {
	 color: #f66710;
}
	/* Login Layer */
#auxilary-nav-container .auxilary-nav  .login-layer {
	display: none;
	position: absolute;
	left: -6px;
	top: -1px;
	width: 214px;
	height: 151px;
	padding: 4px 10px 0 16px;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/images/login_bg.png) 0 0 no-repeat;
	_background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/images/login_bg.gif) 0 0 no-repeat;	/* IE6 png alternative */
}
#auxilary-nav-container .auxilary-nav .login-layer .login {
	width: 28px;
	padding-right: 10px;
	color: #777777;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/images/login2.gif) right -16px no-repeat;
	cursor: pointer;
}
#auxilary-nav-container .auxilary-nav  li .login-layer a {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 10px;
}
#auxilary-nav-container .auxilary-nav  .login-layer a.close {
	position: absolute;
	right: 14px;
	top: 39px;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/images/login2.gif) right -40px no-repeat;
	width: 10px;
	height: 10px;
	text-indent: -300em;
}
#auxilary-nav-container .auxilary-nav  .login-layer form {
	display: block;
	margin: 20px 0 0px;
}
#auxilary-nav-container .auxilary-nav  .login-layer .inpline {
	border-bottom: 1px solid #ffffff;
	margin: 0 0 5px;
	float: left;
	clear: both;
}
#auxilary-nav-container .auxilary-nav  .login-layer .login_action {
	display: block; 
	clear: both;
	margin: 0 0 8px;
}
#auxilary-nav-container .auxilary-nav .login-layer #submit {
	float: left;
	margin: 0;
}
#auxilary-nav-container .auxilary-nav .login-layer .forget {
	float: right;
	line-height: 200%;
}
.login-layer .registr {
	color: #555555;
	font-size: 10px;
}

/* Search Layer */
#auxilary-nav-container .auxilary-nav  li a.search {
	padding: 0 10px 0 10px;
    margin-left:10px;
    border-left: 1px solid #999999;
    border-right:none;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/search2.gif) right 4px no-repeat;
}
#auxilary-nav-container .auxilary-nav  .search-layer {
	display: none;
	position: absolute;
	left: 6px;
	top: -1px;
	width: 214px;
	height: 151px;
	padding: 4px 10px 0 12px;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/images/search_bg.png) 0 0 no-repeat;
	_background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/images/search_bg.gif) 0 0 no-repeat;	/* IE6 png alternative */
}
#auxilary-nav-container .auxilary-nav .search-layer #search-field {
     float:left;
     margin-top: 13px;
}
#auxilary-nav-container .auxilary-nav .search-layer #search-button {
     float:left;
     margin: 10px;
}
#auxilary-nav-container .auxilary-nav .search-layer .search {
	width: 28px;
	padding-right: 20px;
	color: #777777;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/images/search2.gif) right -16px no-repeat;
	cursor: pointer;
}
#auxilary-nav-container .auxilary-nav  li .search-layer a {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 10px;
}
#auxilary-nav-container .auxilary-nav .search-layer a.close {
	position: absolute;
	right: 14px;
	top: 39px;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/images/login2.gif) right -40px no-repeat;
	width: 10px;
	height: 10px;
	text-indent: -300em;
}
#auxilary-nav-container .auxilary-nav .search-layer form {
	display: block;
	margin: 20px 0 0px;
}
#auxilary-nav-container #auxilary-register {
	float: right;
	margin: 0px 7px 0 0px;;
	font-size: .85em;
    width:165px;
    height:50px;
    background-color:#2590b7;
}
#auxilary-nav-container #auxilary-register .signup-box {
     color:#ffffff;
     margin:5px;
}
#auxilary-nav-container #auxilary-register .signup-box #sign-up-field input {
     float:left;
     margin-top:4px;
}
#auxilary-nav-container #auxilary-register .signup-box #sign-up-button input {
     float:left;
     margin-left:5px;
     margin-top:2px;
}

/* MAIN NAVIGATION */
	/* Primary Navigation */
.nav {
	float: left;
	clear: both;
	width: 100%;
}
.nav li {
	float: left;
	display: inline;
	background: transparent url(https://secure3.convio.net/tmmc/wrpr/images/nav_bg.gif) left 0px repeat-x;
	position: relative;
}
.nav li a {
	width: 104px;
	height: 23px;
	background: transparent url(https://secure3.convio.net/tmmc/wrpr/images/nav_bg.gif) right -150px no-repeat;
	float: left;
	display: block;
	text-align: center;
	color: #ffffff;
	padding-top: 9px;
}

.nav li a.last {
	width: 125px;
	background: none;
}
.nav li.selected a, .nav li a:hover, .nav li.selected a.last {
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/nav_bg.gif) right -50px repeat-x;
	color: #007dab;
}
.nav_sel {
	width: 100%;
	height: 12px;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/nav_sel_bg.gif) center top no-repeat;
	font-size: 1px;
	line-height: 1px;
	position: absolute;
	top: 32px;
	right: 0;
	display: none;
}
.nav li.selected .nav_sel {
	display: block;  
}
.waystogive + .nav_sel {
    background-size:100%;
}
	/* Quick Link Navigation */
.nav li.qlink {
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/nav_bg.gif) left -100px repeat-x;
}
.nav li.qlink.first {
	margin-left: 1px;
}
.nav li.qlink a {
	/*width: 130px;*/
	width:100px;
	background-image:url(http://www.marinemammalcenter.org/assets/images/wrapper/nav-visit-bg_yellow.gif) ; background-repeat:repeat-x; background-position:bottom;
  color: #ffffff;
  border-right:1px solid #fff;  
}
.nav li.qlink a.donate {
  background-image:url(http://www.marinemammalcenter.org/assets/images/wrapper/nav-donate-bg_orange.gif); background-repeat:repeat-x; background-position:bottom; 
}
.nav li.qlink a:hover {
  background-image:url(http://www.marinemammalcenter.org/assets/images/wrapper/nav-visit-bg_yellow_sel.gif); background-repeat:repeat-x; background-position:bottom;
  color: #9dc72a; 
}

.nav li.qlink a.volunteer {width: 91px;}
.nav li.qlink a.shop {width:70px;}
.nav li.qlink a.visit {width:58px;}
.nav li.qlink a.waystogive {width: 135px;}
.nav li.qlink a.donate {width: 85px;}


	/* Secondary Navigation*/
.sec_nav {
	float: left;
	width: 100%;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/nav_bg.gif) left -250px repeat-x;
}
.sec_nav li {
	float: left;
	display: inline;
	padding: 11px 21px 0 37px;
	height: 22px;
}
.sec_nav li a {
	color: #007dab;
}
.sec_nav li a:hover {
	color: #024f6b;
}
.sec_nav .selected a {
	font-weight: bold;
}


/* LEFT NAVIGATION */
.leftnav {
	float: left;
	width: 215px;
	padding: 20px 25px 0 0;
	display: inline;
	background: none;
	position: relative;
}
.leftnav li {
	padding: 12px 20px 12px;
	border-bottom: 1px solid #dddddd;
	margin-left: -1px; /* didn't work for IE6*/
}
.leftnav ul {
		_position: absolute;	/* IE6 fix for negative margin*/
		left: -1px;
		top: 0px;
		margin: 0;
	}
.leftnav li.last {border-bottom: none;}
.leftnav li.selected {
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/leftmenu_bg.gif) left 10px no-repeat;
}
.leftnav li.selected li { background: none; }

.leftnav li.selected a, .leftnav a:hover {
	color: #024f6b;
}
.leftnav a, .leftnav li.selected  li a{
	color: #0099cc;
}
.leftnav a .num {color: #0099cc;}
.press .leftnav a .num {color: #333333;}

	/* Left Sub-navigation */
.leftnav .leftsub li {
	padding: 4px 16px 2px;
	border-bottom: none;
	margin-left: 0; /* didn't work for IE6*/
}
	.leftnav .leftsub {
		position: relative;	/* IE6 fix for negative margin*/
		left: 0px;
		top: 0px;
		margin-top: 6px;
	}
.leftnav .leftsub li.selected {
	background: none;
	padding-left: 0.67em;
}
.leftnav .leftsub a, .leftnav .leftsub li.selected li a {
	font-size: .85em;
	color: #0099cc;
}
.leftnav .leftsub .selected a, .leftnav .leftsub a:hover {
	color: #024f6b;
}


/* SIDEBAR */
.sidebar {
	float: left;
	width: 230px;
	display: block;
	padding: 20px 5px 15px 10px;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/sidebar_bg.gif) left top repeat-x;
	min-height: 290px;
	height: auto !important;
}
.sidebar.rescue_card {
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/rescue_card_bg.jpg) left top no-repeat;
}
.sidebar ul.nobullet, ul.nobullet {
	padding: 0 0 20px;
}
.rescue_card ul.nobullet {
	margin-top: 90px;
}
.sidebar ul.nobullet li, ul.nobullet li  {
	padding: 0px 0px 10px;
	margin: 0 0 15px;
	border-bottom: 1px dotted #dddddd;
	position: relative;
}

.sidebar ul.nobullet li.last, ul.nobullet li.last {border-bottom: none;}

.sidebar img.thumb {
	border: 2px solid #b2d8e4;
}
.sidebar p {
	line-height: 1.13em;
	margin: 0 0 5px 0;
	}
.sidebar h4 {
font-size: 1.1em;
line-height: 1.2em;
}	
	/* Sidebar Video */
.sidebar.video {
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/sidebar_bg.gif) left 6px repeat-x;
	margin:20px 0px 0px 0px; 
	position: relative;
}

.sidebar.video ul {
	padding-top: 102px;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/report.gif) left top no-repeat;
}
/*
.sidebar.video img {
	border-width: 3px;
	margin: 0 0 10px 28px;
}
*/

/* PROMO */


.promo {
	border-left: 1px solid #b2d8e4;
	border-right: 1px solid #b2d8e4;
	padding: 1px;
	background-color: #ffffff;
	width: 977px !important;
}
.promodiv {
	float: left;
	width: 325px;
	height: 116px;
	background-image: url(http://www.marinemammalcenter.org/assets/images/wrapper/promo_bg.gif);
	background-repeat: repeat-x;
	display: inline;
}
.promotxt {
	float: left;
	margin: 12px 0 0 20px;
	width: 150px;
	display: inline;
}
.promopic {
	float: right;
	margin: 7px 10px 0;
	display: inline;
}
.promo p {
	line-height: 120%;
	color: #ffffff;
	margin: 2px 0 6px;
}

.promo .blue {
	background-color: #198abd;
	background-position: left 0px;
}
.promo a.learnmore, .promo a.signup {
	font-size: .85em;
	}
.promo .blue a.learnmore {
	background-image: url(http://www.marinemammalcenter.org/assets/images/wrapper/promo_btn.gif);
	background-position: 0 0;
	width: 93px;
	height: 17px;

}
.promo .blue .colored {
	color: #0e435c;
	font-weight: normal;
}
.promo .blue .promopic {
	border: 0px solid #337e9c;
}

.promo .olive {
	background-color: #57573f;
	background-position: left 150px;
	margin: 0px 1px;
}
.promo .olive a.learnmore {
	background-image: url(http://www.marinemammalcenter.org/assets/images/wrapper/promo_btn.gif);
	background-position: 0 -30px;
	width: 93px;
	height: 17px;
}
.promo .olive .colored {
	color: #DA6405;
	font-weight: bold;
}
.promo .olive .promopic {
	border: 0px solid #565646;
}

.promo .green {
	background-color: #566a37;
	background-position: left 300px;
}
.promo .green a.learnmore  {
	background-image: url(http://www.marinemammalcenter.org/assets/images/wrapper/promo_btn.gif);
	background-position: 0 -60px;
	width: 74px;
	height: 17px;
}
.promo .green .colored {
	color: #b8d68a;
	font-weight: normal;
}
.promo .green .promopic {
	border: 0px solid #566341;
}


/* FOOTER */
.footer {
	border-left: 1px solid #b2d8e4;
	border-right: 1px solid #b2d8e4;
	border-bottom: 1px solid #b2d8e4;
	background-color: #ffffff;
	padding: 0 1px;
	font-size: .85em;
	color: #333333;
}
.footer .chevron {color: #333333;}
.footer .report {
	float: right;
	border-left: none;
	padding: 0;
	margin: 0;
}
.footer .report a {border: none; }
.footer .footeraddress { display: block; clear: both; text-align: center; padding: 1.5em 0 0; margin: 0;}

.convio {   text-align: center; margin: .75em auto 0;}

.footer_content {
	background-color: #e6f6fc;
	padding: 18px;
}
.footer ul {
	float: left;
	margin-top: 2px;
	*margin-top: 1px;
}
.footer li {
	float: left;
	display: inline;
}
.footer a {
	color: #333333;
	text-decoration: underline;
	outline: none;
	padding: 0 10px 0 11px;
	border-left: 1px solid #333333;
}
.footer a:hover {
	color: #333333;
	text-decoration: none;
	outline: none;
}
.footer a.first {
	border-left: none;
	margin-left: 2px;
}



/* MAIN */
.main {
	margin: 0;
}
.main.whatwedo {
	background: #ffffff url(http://www.marinemammalcenter.org/assets/images/wrapper/whatwedo_bg.jpg) left bottom no-repeat;
}
.main.press {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}
	/* Main content */
.pagecopy {
	float: left;
	display: block;
	background: none;
	width: 739px;
	min-height: 710px;
	height: auto !important;
}
/*
.main.press .pagecopy,
.main.whatyoucando .pagecopy {
	width: auto;
}
*/
.intro {
	margin: 20px 20px 10px 0;
}
.maincopy .intro {
	font-size: .85em;
	margin-top: 0;
	margin-bottom: 0px;
}
.maincopy .intro p {
	font-size: .85em;
	margin-bottom: 10px;
	position: relative;
}
.maincopy p .accent {
	font-weight: bold;
	color: #024f6b;
}
.maincopy {
	float: left;
	display: block;
	background: none;
	width: 484px;
	margin: 15px 10px 10px 0;
}

.wide {
	float: left;
	display: block;
	background: none;
	width: 700px;
	margin: 20px 0 10px 0;
}


/* What you can do - 2 columns layout */
.whatyoucando .intro {
	width: auto;
	padding-left: 30px;
}
.whatyoucando .maincopy {
	width: 723px;
	margin: 0 0 0 15px;
}
.cols2 li {
	float: left;
	display: inline;
	width: 316px;
	margin: 0px 30px 10px 15px;
	border-top: 1px dotted #dddddd;
	padding-top: 10px;
	position: relative;
}
.cols2 li img.thumb {
	float: left;
	margin: 0 16px 0px 0;
}
.cols2 li h3 {
	margin: 2px 0;
}
.cols2 h3 {
	margin: 1px 0;
}
.cols2 p {
	margin: 4px 0 6px;
	line-height: 150%;
}
.cols2 li h6 {
	font-size: 1.1em;
	margin: 0;
}


/* GALLERY */
.gallery li {
	float: left;
	display: inline;
	width: 172px;
	height: 180px;
	position: relative;
}
.gallery li.last {
	width: 132px;
}
.gallery p {
	margin: 2px 0 0;
}
.gallery li img.thumb {
	margin: 0 30px 8px 0;

}
.gallery li.last img.thumb {
	margin: 0 0 8px 0;
}
.gallery li a {
	font-size: 1.15em;
	font-weight: bold;
display: block;
}
.gallery li.disabled span {
	font-size: 1.15em;
	font-weight: bold;
	color: #555555;
}

	/* Gallery Pop-up */
.popup {
	display: none;
	position: absolute;
	z-index: 300;
	left: -80px;
	top: -200px;
	width: 248px;
	height: auto;
	padding: 0;
}
li.hover .popup {
	display: block;
}
.heading {
	padding: 30px 28px 0px 26px;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/popup_bg.png) 0 0 no-repeat;
	_background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/popup_bg.gif) 0 0 no-repeat;	/* IE6 png alternative */
	*zoom: 1;	/* IE fix for pop-ups */
}
.mid {
	padding: 4px 28px 0px 26px;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/popup_mid_bg.png) 0 0 repeat-y;
	_background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/popup_mid_bg.gif) 0 0 repeat-y;	/* IE6 png alternative */
	*zoom: 1;	/* IE fix for pop-ups */
}
.action {
	padding: 10px 28px 15px 26px;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/popup_bg.png) 0 100% no-repeat;
	_background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/popup_bg.gif) 0 100% no-repeat;	/* IE6 png alternative */
}

.popup a.close {
	position: absolute;
	right: 25px;
	top: 20px;
	background: transparent url(http://www.marinemammalcenter.org/assets/images/wrapper/login2.gif) right -40px no-repeat;
	width: 10px;
	height: 10px;
	padding: 0;
	text-indent: -300em;
}
.mid div {
	padding: 10px 0px 0px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.mid p {
	margin: 0 0 8px;
	line-height: 150%;
}
.popup p span {
	color: #777777;
}
.nobullet.bios li {width: 100%; padding: 0; margin: 0; border: none;}
.bios span { margin: 5px; display :block; float: left; width: 150px; }
.jobpos {font-weight: bold; }
.small, .small td {font-size: .92em; }
.xsmall {font-size: .8em; line-height: 1em;}
/* Begin FLOAT CLEARS and HACKS ---------------------------------- */
.clearfix{
	display: inline-block;
}
.row {
	zoom:1;
}
.row:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	width:0;
	line-height:0;
	visibility:hidden;
}
/* end FLOAT CLEARS and HACKS ---------------------------------- */
table.withrows { border: 1px solid #B2D8E4; border-collapse: collapse;}
table.withrows td, table.withrows th { border: 1px solid #B2D8E4; padding: 1px 3px;}
table.withrows th {padding: 2px 3px; }
table.withrows tr.odd { background: #fff; }
table.withrows tr.even, table.withrows th {background: #F0F7FA; }