/* WOODS HOLE OCEANOGRAPHIC INSTITUTION 20112
Designed by Katherine Spencer Joyce, WHOI Graphic Services*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	vertical-align: baseline;
}

/***************************************************
			      Global styles
***************************************************/

p {margin: 0px 0px 4px;}
	
a, p a {
	text-decoration: none;
	color: #8dc7f0;
}

i, em {font-style: italic;}

b, strong  {font-weight: bold;}
	
a:hover {
   color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 26px;	
	color: #8dc7f0;
	margin-bottom: 6px;
	margin-top: 7px;
}
	
h2 {
	font-size: 16px;
	margin-top: 2px;
	font-weight:bold;
	color: #01162E;	
}
	
h3 {
	font-size: 20px;
	color: #cdd74c;
	text-align: left;
}

h4 {
	font-size: 1.1em;
	color: #93a1b0;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.05em;
	font-family: Arial, Helvetica, sans-serif;
}

h5 {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0px;
	line-height: 1.2em;
	color: #666;
}

h6 {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

ol  {
	margin-left: 20px;
	list-style-type: decimal;
}

/***************************************************
			    MAIN CONTAINER
***************************************************/
	
#container {
	width: 980px;
	margin: 0 auto;
	background-color: transparent;
	z-index:1;
	padding: 0px;
}


/***************************************************
				  HEADER AREA
***************************************************/	
header {
	position: relative;
	height: 101px;
	background-image: url(http://www.whoi.edu/cms/css/whoi_redesign/images/bgHead.jpg);
	background-repeat: no-repeat;
	background-position: 230px;
}

#logo {
	position: relative;
	left: 0px;
	top: 8px;
	width:300px;
}

#printlogo {
	display: none;
}

.searchform {
	display: inline-block;
	zoom: 1;
	*display: inline;
	border: solid 1px #010637;
	float: right;
	margin-right: 0px;
	color: #E0EAF3;
	font-size: 0.85em;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.searchform input {
	font: normal 13px Arial, Helvetica, sans-serif;
}

.searchform .searchfield {
	background: #13304E;
	padding: 0px 0px 0px 8px;
	border: 1px solid #01648E;
	outline: none;
	width:135px;
	height: 27px;
	margin: 0px;
	line-height: 27px;
}
.searchform .searchbutton {
	color: #fff;
	border: 1px solid #001630;
	font-size: 11px;
	width: 29px;
	background: #152e5d;
	background: -webkit-gradient(linear, left top, left bottom, from(#4684a9), to(#152e5d));
	background: -moz-linear-gradient(top,  #4684a9,  #152e5d);
	margin: 0px;
	padding: 0px;
	height: 29px;
}	

#subnav {
	clear: both;
	background: #13304e;
	float: right;
	margin-top: 30px;
}

@-moz-document url-prefix() {
  #subnav {
	margin-top: 29px;
  }
}

#subnav ul li {
	float: left;
	margin-left: 16px;
	line-height: normal;
}

#subnav ul li a {
	color: #b9c1ca;
	font-weight: normal;
	display: block;	/* IE6, IE7 line height fix */
	padding-bottom: 4px;
	padding-top: 3px;
	margin-top: 6px;
	margin-right: 0px;
	text-decoration: none;
	font-size: 0.95em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#subnav ul li a:hover {
	color: #cdd74c;
}

#subnav ul li a.current {
	color: #cdd74c;
}

#subnav .support {
	background-image: url(http://www.whoi.edu/cms/css/whoi_redesign/images/bgSupport.jpg);
	background-repeat: no-repeat;
	color: #011630;
	padding-bottom: 0px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #9DB03C;
}

#subnav .support a {
	color: #13304e;
	margin-left: 0px;
	font-size: 1.1em;
	font-weight:bold;
	
}

#subnav .support a:hover {
	color: #fff;
}

/***************************************************
			     MAIN NAVIGATION
***************************************************/

nav {
	display:block;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	position: relative;
	z-index:2;
	margin-top: 0px;
}

#menu {
	display:block;
	position: relative;
	clear:both;
	width: 980px;
	margin-top: 0px;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 0px 0px;
	margin-right:0px;
	border:none;
	position: relative;
}

#menu li:hover {
	background: #deebf4;
	
}
#menu li .selected {
	background: #deebf4;
	color:#023256;
}

#menu li a {
	color:#fff;
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 30px;
	padding-right: 19px;
	padding-left: 19px;
	line-height: 30px;
	display: block;
	padding-top: 2px;
	padding-bottom: 0px;
}

#menu li:hover a {
	color:#023256;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:0px auto 4px;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:0px;
	border:1px solid #e4e8ef;
	border-top:none;
	border-left:none;
	z-index: 1000;
	/* Gradient background */
	background:#deebf4;
	background: -moz-linear-gradient(top, #deebf4, #bdc8d2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#deebf4), to(#bdc8d2));
	/* Rounded Corners */
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
}

.dropdown_1column {width: 250px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 980px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:0px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;

}
.col_1 {
	width:143px;
	height: 300px;
	padding-left:5px;
	margin-bottom:10px;
	margin-top: 10px;
}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {
	width:940px;
	padding-left: 5px;
	margin-top: 10px;
}
.col_5 {
	width:690px;
}

#menu .menu_right {
	float:right;
	margin-right:1px;	
}

#menu .menu_right .selected {
	background: #E0EAF3 url(http://www.whoi.edu/cms/css/whoi_redesign/images/bgMenuright.jpg) repeat-y right;
	color:#023256;
	padding-right: 22px;
	padding-left: 21px;	
}

#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:0px;
	top:auto;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
	text-transform: none;
}

#menu li:hover div a {
	color:#015b86;
}
#menu li:hover div a:hover {
	color:#e4e8ef;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-size:13px;
	text-align:left;
	text-transform: normal;
	text-transform:capitalize;
	padding: 0px;
}

#menu h2 {
	font-size:20px;
	font-weight:bold;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-top: 7px;
}
#menu li .col_1 h3 {
	font-size:12px;
	border-bottom:1px solid #888888;
	margin:0px;
	color: #000;
	background-color: transparent;
	text-indent: 0px;
	font-weight: bold;
	background-image: none;
	background:none;
	padding:0px;
}

#menu li .col_1 h3 a {
	margin:0px;
	height: 20px;
	line-height:20px;
	color: #069;
	background-color: transparent;
	text-indent: 0px;
	font-weight: bold;
	background-image: none;
	background:none;
	padding:0px;
}

#menu li .col_1 h3 a:hover {color:#000}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 0px;
}

#menu .black_box {
	background-color:#333333;
	color: #eeeeee;
	padding:8px 10px;
	width: 150px;
	float:right;
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
	margin-top: 7px;
	margin-left: 10px;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 6px 0;
}
#menu li ul li {
	font-size:13px;
	line-height:20px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
}
#menu li ul li:hover {
	background:none;
	background-color: #023256;
}
#menu .col_1 ul  {
	margin-top: 5px;
}

#menu .col_1 ul li {
	line-height:18px;
	padding-left: 15px;
	text-indent: -13px;
	margin:0 0 3px;
	background-color:transparent;
}

#menu .col_1 ul li a {
	font-size:12px;
	line-height: 14px;
	position:relative;
	padding:0;
	float:none;
	text-align:left;
	display:inline;	
}

#menu .col_1 ul li a:hover {
	color: #000;
}

#menu .col_1 li:hover, #menu .col_1 a:hover {
	background:none;
	background-color: transparent !important;
}

#menu .col_1 li:before{
   content: "\00BB";
   padding-right: 5px;
}


/*************** H O M E P A G E  S P E C I F I C  *****************/
	
	
/***************************************************
			        TOP STORIES
***************************************************/

.emergency-message {
	position: relative;
	height: auto;
	padding: 40px 0 10px 0;
	font-size:14px;
	color: #e4e8ef;
	color: #cdd74c;
	font-weight:bold;
	display: block;
	margin-bottom:-43px;	
}






.topstory {
	position: relative;
	height: 368px;
	padding: 10px;
	background-color:#00162E;
	color: #e4e8ef;
	margin-bottom: 15px;
	margin-top: 43px;
	display: block;
	border: 1px solid #00162E;
}

[if IE 7]>
<style type="text/css"> 
.topstory {margin-top: 18px;}
</style>
<![endif]

[if IE 8]>
<style type="text/css"> 
.topstory {margin-top: 18px;}
</style>{ zoom: 1; }
 <![endif]/*
*/

.topstory img a:hover {
	border: 1px solid #B0B4B9;
}

.topstory .left {
	float: left;
	width: 640px;
	margin-right: 0px;
	margin-top: 5px;
}

.topstory .right {
	width: 300px;
	float: right;
}

.topstory p {
	font-weight: normal;
}

.topstory p .attribute  {
	font-size: .85em;
	color:#b9c1ca;
	text-transform:uppercase;
}

.topstory p a  {
	font-size: .95em;
	font-weight:normal;
}

.topstory h1 {
	font-size: 26px;
	font-size: 22px;
	line-height: 32px;
	color: #8dc7f0;
	margin-bottom: 3px;
	margin-top: 3px;
}

.topstory h2 {
	color: #FFF;
	font-weight: normal;
}

.left img {
	border: 1px solid #000;
}

.topstory .item {
	margin-right: 5px;
	margin-bottom: 10px;
	overflow:hidden;
}

.topstory .item p {
	font-size: .95em;
	line-height: 1.5em;
	margin: 0px;
	padding-left: 10px;		
}

.topstory .item h3 {
	margin-bottom: 0px;
	line-height:normal;
}

.topstory .item h5 {
	color: #b9c1ca;
	padding-left: 10px;	
}

.topstory .item img {
	float: left;
	margin-right: 10px;
	border: 1px solid #00162E;
}

/*  SCROLLBAR  */
.extra {
	margin: 0px;
	margin-top:8px;
	border: 1px solid #006591;
	padding: 0px;
	padding-bottom:8px;
}

.extra h3 {
	text-transform: uppercase;
	font-size: 1em;
	margin: 0px;
	text-indent: 10px;	
}

#scroll {
	width: 288px;
	height: 228px;
	overflow: auto;
	position: relative;
	padding: 0px;
	margin-top: 3px;
	padding-bottom:5px;
	z-index:0;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 8px;
background-color: #205375;
}
.vscrollerbar {
width: 8px;
background-color: #6897b6;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
background-image:-moz-linear-gradient(0% 100px 90deg, #8dc7f0, #6896b6); 
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#8dc7f0), to(#6896b6));
}

/***************************************************
			       HOMEPAGE SECTIONS
***************************************************/

section h3 {
	background-color: #01162E;
	background: -webkit-gradient(linear, left top, left bottom, from(#13304E), to(#00162E));
	background: -moz-linear-gradient(top, #13304E, #00162E);
	display: block;
	text-indent: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00162E;
	font-size: 1.4em;
	text-transform:uppercase;
	letter-spacing: .1em;
	font-weight:normal;
	line-height:33px;
}

.item {
	margin-right: 5px;
	margin-bottom: 10px;
	overflow:hidden;
	
}

.item p {
	margin-bottom: 0px;
}

.item img {
	float: left;
	margin-right: 10px;
	border: 1px solid #00162E;
}

.innertube {
	padding: 10px;
	overflow: hidden;
}
.innertube img {
	border: 1px solid #00162E;
}

.innertube p {
	line-height:1.4em;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 0px;
	color: #e4e8f1;
}

.innertube p a {
	color:#8dc7f0;
}

.innertube a:hover {
	color:#FFF;
}

.innertube h2 {
	margin-top:9px;
	font-size: 18px;
	font-weight: normal;
}

.innertube h5 {
	color: #CCCCCC;
}

.innertube li {
	padding-left: 10px;
	margin: 0px;
	line-height: 1.5;
}

.innertube li:before{
   content: "\00BB";
   padding-right: 3px;
   color: #ffffff;
}

.innertube .item {
	margin-right: 0px;
	margin-bottom: 10px;
}

.innertube h2 {color: #FFF;}

.innertube .item p {
	line-height: 1.3em;
	margin: 0px;
}	

.innertube item p a {color: #ffffff;}

.about {
	float: left;
	width: 640px;
	height: 302px;
	position: relative;
	background: #13304E;
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	background-image:url(http://www.whoi.edu/cms/css/whoi_redesign/images/bgAbout.jpg);
	border: 1px solid #031C33;
	}
	
.about h3 {
	background-color: none !important;
	background: none !important;
	border: none;
	margin:0px;
}

.about .innertube p {
	padding-right: 170px;
	margin-top: 11px;
}

.about .innertube .emphasize {
	font-size: 1.4em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
}

.about .innertube .nutgraph {
	margin-top: 0px;
}

.iod {
	float: right;
	width: 320px;
	height: 302px;
	position: relative;
	background: #13304E;
	padding: 0px;
	margin-bottom: 15px;
	border: 1px solid #031C33;
}

.iod img {
	width:298px;
	height:195px;	
}

.initiative {
	float: right;
	width: 320px;
	height: 315px;
	position: relative;
	background: #13304E;
	padding: 0px;
	margin-bottom: 18px;
	border: 1px solid #031C33;
}
	
.initiative .item {
	margin-bottom: 12px;
}

.initiative .innertube h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-top: 0px;
	margin-bottom: 1px;
}
	
.explore {
	float: left;
	width: 640px;
	height: 315px;
	position: relative;
	background: #13304E;
	padding: 0px;
	margin: 0px;
	border: 1px solid #031C33;
	overflow: hidden;
}
	
.explore img {
	margin: 0px 15px 10px 0px;
	float: left;
}

.explore img.right {
	margin-right: 0px;
}	

.button {
	position: relative;
	float: right;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	margin: 0px;
	margin-top: 4px;
	padding: 0px;
}

.button a {
	background-color: #01162E;
	padding: 4px;
	color: #FFFFFF;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: 1px solid #01162E;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background-image:-moz-linear-gradient(0% 100px 90deg, #27668f, #01162E);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#27668f), to(#01162E));
}
	
.button a:hover {
	color: #01162E;
	background-color: #cdd74c;
	background-image:-moz-linear-gradient(0% 100px 90deg, #9fac46, #cdd74c); 
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#9fac46), to(#cdd74c));
}

/* ************** Tab Menus  **************************/

.iod li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.iod ul a {
	display:block;
	padding:5px 10px;
	text-decoration:none!important;
	font:1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #064A72;
	background-color:#051E36;
	line-height:18px;
}
.iod ul a:hover {
	color:#FFF;
	background:#0D507F;
	background-color:#064A72;
  }
.iod ul a.selected {
	margin-bottom:0;
	color:#FFFFFF;
	cursor:default;
	background-color:#13304E;
  }

.bgtab {
	background-color:#051E36;
	display:block;
	width: 320px;
	height: 28px!important;
	line-height:28px;
	margin: 0px;
	padding: 0px;
}

.bgtab img a {
	margin: 0px;
	padding: 0px;
}

.idTabs {margin:0px; padding:0px;}
.idTabsTwo {margin:0px; padding:0px;}


/***************************************************
			        ARTICLE PAGES
***************************************************/


#content a, #content p a {
	color: #069;
}

#content a:hover, #content p a:hover {
	color: #333;
}

#contentNoside a, #contentNoside p a {
	color: #069;
}

#contentNoside a:hover, #contentNoside p a:hover {
	color: #333;
}

.spacer {
	background-color: #E0EAF3;
	height: 15px;
	display: block;
	
}

/* ************** Side Menu **************************/


/* FIRST LEVEL  */
#sidenav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.5em;
}

#sidenav ul li a.nochild {
	background-image: url(http://www.whoi.edu/cms/css/whoi_redesign/images/nochildBullet.gif);
	background-repeat: no-repeat;
	background-position: 12px 5px;
	padding-left: 24px;
}

#sidenav ul li a.down {
	background-image: url(http://www.whoi.edu/cms/css/whoi_redesign/images/selectedBullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	padding-left: 24px;
}

#sidenav ul li li a.child, 
#sidenav ul li li li a.child, 
#sidenav ul li li li li a.child, 
#sidenav ul li li li li li a.child,
#sidenav ul li li li li li li a.child {
	background-image: url(http://www.whoi.edu/cms/css/whoi_redesign/images/moreBullet.gif); background-repeat: no-repeat;
}

#sidenav ul li li a.nochild, 
#sidenav ul li li li a.nochild, 
#sidenav ul li li li li a.nochild, 
#sidenav ul li li li li li a.nochild,
#sidenav ul li li li li li li a.nochild {
	background-image: url(http://www.whoi.edu/cms/css/whoi_redesign/images/nochildBullet.gif); background-repeat: no-repeat;
}

#sidenav ul li li a.down, 
#sidenav ul li li li a.down, 
#sidenav ul li li li li a.down, 
#sidenav ul li li li li li a.down,
#sidenav ul li li li li li li a.down {
	background-image: url(http://www.whoi.edu/cms/css/whoi_redesign/images/selectedBullet.gif); background-repeat: no-repeat;
}

/* SECOND LEVEL  */

#sidenav ul li li {
	font-size: .90em;
}

#sidenav ul li li li {
	font-size: 1em;
}

#sidenav ul li li a.child {
	background-position: 10px 6px;
	padding-left: 24px;
}

#sidenav ul li li a.nochild {
	background-position: 10px 6px;
	padding-left: 24px;
}
#sidenav ul li li a.down {
	
	background-position: 8px 7px;
	padding-left: 24px;
}

/* THIRD LEVEL  */

#sidenav ul li li li a.child {
	background-position: 22px 6px;
	padding-left: 36px;
}

#sidenav ul li li li a.nochild {
	background-repeat: no-repeat;
	background-position: 22px 5px;
	padding-left: 36px;
}

#sidenav ul li li li a.down {
	background-position: 20px 7px;
	padding-left: 36px;
}

/* FOURTH LEVEL  */

#sidenav ul li li li li a.child {
	background-position: 34px 6px;
	padding-left: 48px;
}

#sidenav ul li li li li a.nochild {
	background-position: 34px 5px;
	padding-left: 48px;
}

#sidenav ul li li li li a.down {
	background-position: 32px 7px;
	padding-left: 48px;
}

/* FIFTH LEVEL  */

#sidenav ul li li li li li a.child {
	background-position: 46px 6px;
	padding-left: 60px;
}

#sidenav ul li li li li li a.nochild {
	background-position: 46px 6px;
	padding-left: 60px;
}

#sidenav ul li li li li li a.down {
	background-position: 46px 8px;
	padding-left: 60px;
}

/* SIXTH LEVEL  */

#sidenav ul li li li li li li a.child {
	background-position: 58px 8px;
	padding-left: 72px;
}

#sidenav ul li li li li li li a.nochild {
	background-position: 58px 6px;
	padding-left: 72px;
}

#sidenav ul li li li li li li a.down {
	background-position: 56px 9px;
	padding-left: 72px;
}

#sidenav a {
	display: block;
	color: #E0EAF3;
	padding: 3px 12px 3px 8px;
	text-decoration: none;
	border-bottom: 1px solid #27668f;
}

#sidenav a:hover {
	color: #cdd74c;
}

#sidenav ul li .selected {
	color: #cdd74c;
	border-bottom: none;
	font-weight: bold;
}

#sidenav ul li li .selected,
#sidenav ul li li li .selected,
#sidenav ul li li li li .selected,
#sidenav ul li li li li li .selected {
	font-weight: normal;
}

#sidenav ul li .last {
	border-bottom: 1px solid #27668f;
	padding-bottom: 8px;
}

#sidenav li a, 
#sidenav li li a,
#sidenav li li li a,
#sidenav li li li li a,
#sidenav li li li li li a,
#sidenav li li li li li li a, {
	color: #E0EAF3;
	text-decoration: none;
}

#sidenav li a {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #27668f;
}

#sidenav li li a {
	border-bottom: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#sidenav h2 {
	font-weight: normal;
	text-transform: uppercase;
}

#sidenav h2 a {
	color: #cdd74c;
	background-color: #001630;
	width: 199px;
	margin-top: 15px;
}

#sidenav h2 a:hover {
	color: #001630;
	background-color: #E0EAF3;
	width: 199px;
	margin-top: 15px;
}

#sidenav h3 {
	color: #E0EAF3;
	background-color: #27668f;
	margin: 20px 10px 0px 10px;
	font-size: 1em;
	line-height: 23px;
	height: 22px;
	text-transform: uppercase;
	text-indent: 10px;
}

#sidenav .box {
	background:#144563;
	background: -moz-linear-gradient(top, #1a4e6f, #144563);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a4e6f), to(#144563));
	margin: 0px 10px;
	padding: 5px 8px 8px;
	color: #E0EAF3;
	overflow: hidden;
}

#sidenav .box p {
	margin-top: 0px;
	font-size: 0.9em;
	line-height:1.4em;
}

#sidenav .box a {
 	color: #84c9e8;
	padding: 0px;
	border: none;
	display: normal;
}

#sidenav .box a:hover {
	color: #FFF;
	
}

#sidenav .box .searchform {
	float: left;
}
	
#sidenav .box .searchform .searchfield {padding-left: 5px;}

#sidenav .box img {
	max-width:185px;
	margin-top: 5px;
	margin-bottom: 1px;
}
	
/* ************** Article Styles **************************/

article h1, #articleNoside h1 {
	color:#990000;
	line-height: 1.3em;
	/*display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
    	*display: inline;*/	
}

article h2, #articleNoside h2 {
	font-size: 1.6em;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	line-height: normal;
	font-weight: normal;
}

article h4 {
	color: #333333;
}

article p, #articleNoside p {
	margin: 0px;
	margin-bottom:8px;
	padding: 0px;
}

article h3, #articleNoside h3 {
	color:#001630;
	text-indent: 0px;
	margin: 0px;
	margin-bottom: 4px;
	padding: 0px;
	font-size: 1.4em;
	line-height:normal;
}

article .item h3 {
	margin-bottom: 0px;
	line-height:normal;
	margin-top: 2px;
}

article .byline {
	font-size: .9em;
    font-family: Arial,Helvetica,sans-serif;
	text-transform: none;
	letter-spacing: normal;
	margin: 0px;
	line-height: 1.4em;
	color: #666;
}

article .date {
    margin-top: 15px;
	}
article .date p {
	font-size: .9em;
	color: #666;
	margin:0px;
	padding: 0px;}

article ul {
	list-style:square;
	padding-left: 25px;
	padding-bottom:15px;
}

article img {
	margin-top:4px;
}

/* ************** Main Index Landing Pages **************************/

#index h2 {
	margin: 0px;
	line-height:normal;
	margin-bottom:5px;
}

.container .column {
	width: 226px;
	float:left;
	margin-right: 11px;
	padding-right: 12px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #0A6691;
}

.container .column img, .container .lastcolumn img {
	max-width: 226px;
}

#index .column h2, #index .lastcolumn h2 {
	font-size: 1.8em;
}

#index .red  h2, #index .lastcolumn .red  {
	font-size: 1.5em;
}

#index h4 {
	color: #013356;
	margin-top: 5px;
	text-transform: none;
	font-weight: bold;
}

#index h5 {
	color: #666;	
}

#index .container {
	overflow: hidden;
	float: left;
	margin-bottom: 15px;
	width: 730px;
}

#index .container  div { 
	float: left; 
	margin-bottom: -2000px; 
	padding-bottom: 2000px; 
}

.container .lastcolumn  {
	float: right;
	width: 228px;
	margin-right: 0px;
}

#index .container .support {
	background-color: #C7D9E6;
	float: right;
	width: 227px;
	margin-right: 0px;
}

#index .container .support p {
	padding-right: 10px;
	padding-left: 10px;
}
#index .container .support h3 {
	color:#990000;
	padding-left: 10px;
	font-weight: bold;
	font-size: 1.6em;
}

#index img {
	margin-bottom:4px;
	margin-top: 15px;
	border: 1px solid #00162E;
}

#index .container img {
	margin-top: 0px;
}

#index  ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#index  li {
	padding-left: 25px;
	text-indent: -12px;
	font-size:.9em;
}

#index li:before{
   content: "\00BB";
   padding-right: 5px;
}

#index .box {
	width: 455px;
	background-color: #c7d9e6;
	padding: 10px;
	
}

#index ul {
	margin-bottom: 10px;
}

#index .intro {
	background-color: #c7d9e6;
	padding: 3px 10px 10px;
	border: 1px #aab5bd solid;
	margin-bottom: 15px;
	margin-top: 5px;
}

#index .support {
	padding: 10px;
	border: 1px #aab5bd solid;
	margin-left: 15px;
	float:right;
	width: 160px;
	margin-top: 5px;
	background-color: #E0EAF3;
}

#index .support p {
	margin: 0px;
}

#fadeshow1 {
	z-index: 0;
	float: left;
	margin-right: 15px;
}

#index #fadeshow1, #index video {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* ************** Institute Landing Page **************************/

#index .institute {
	overflow: hidden;
	float: left;
	margin-bottom: 5px;
	margin-top:5px;
}

#index .institute h3{
	margin-top: 0px;
	line-height:normal;
}

#index .institute img {
	margin-top:0px;
	margin-bottom:0px;
}

#index .institute .column {
	width: 355px;
	float:left;
	margin-right: 20px;
	padding-right: 0px;
	border: none;
}
.institute .column h2, .institute .lastcolumn h2 {
	font-size: 1.6em;
}

#index .institute .lastcolumn  {
	float: right;
	width: 355px;
	margin-right: 0px;
}

#index .institute .box {
	width: 335px;
	background-color: #c7d9e6;
	padding: 10px;
	border: 1px #aab5bd solid;
	float: left;
	margin-right: 16px;
	height: 210px;
}	

#index .institute .box h2, #index .institute .boxright h2 {
	margin-bottom: 8px;
}	

#index .institute .boxright {
	width: 335px;
	background-color: #c7d9e6;
	padding: 10px;
	border: 1px #aab5bd solid;
	float: right;
	height: 210px;
}	
#index .institute .box .item, #index .institute .boxright .item {
	margin-top:5px;
	margin-bottom:0px;
	}

#index .institute .support, #index .institute .media {
	background-color: #C7D9E6;
	padding: 10px;
	border: 1px #aab5bd solid;
	margin: 15px 0px 0px 0px;
	overflow:hidden;
	width:335px;
	height: 153px;
	float: left;
}

#index .institute .support {
	margin-right:16px;
	float: left;
}

#index .institute .media {
	float: right;
}

#index .institute .support img, #index .institute .media img {
	float:left;
	margin-right:10px;
	margin-top:5px;
}
#index .institute .support h3, #index .institute .media h3 {
	color:#990000;
	font-size: 1.6em;
}

#index .institute .item, #index .institute .support, #index .institute .media {
	font-size: .95em;
}

#index .institute .item a, #index .institute .support a, #index .institute .media a {
	font-size: 1.1em;
}


/* ************** Topic Pages **************************/

.more {
	display: none;
}

a.showLink, a.hideLink {
	text-decoration: none;
	padding-left: 8px;
	font-weight: bold;
	font-size:.95em;
	white-space:nowrap;
}

#topic-research {
	margin-bottom: 10px;
}

#topic-research .item {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	overflow:hidden;
	font-size: 1em;	
}

#topic-research h1 {
	line-height:normal;	
}

#topic-research h2 {
	color:#001630;
	font-size: 1.5em;
	margin: 0px;
	margin-top:15px;
	padding: 0px;
	line-height:normal;	
}

#topic-research h3 {
	color:#001630;
	font-size: 1.5em;
	margin: 15px 0px 0px;
	padding: 0px;
	line-height:normal;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
    *display: inline;	
}

#topic-research .all {
	font-size: 0.85em;
	letter-spacing: 0.15em;
	font-weight:normal;
	margin-left: 15px;
}

#topic-research .item a {
	font-weight: bold;
	font-size:1.1em;	
}

#topic-research .related {display:block;}

#topic-research .item H3 {
	margin-top: 2px;
	font-size:1.1em;
	display: block;
}

#topic-research .item H3 a{
	font-weight: normal;
	
}

article #topic-research img {
	margin-top:0px;
	/*max-width:140px;
	height:auto;*/
}

#topic-research .column {
	width: 218px;
	float:left;
	margin-right: 11px;
	padding-right: 13px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #0A6691;
}
#topic-research .container div { 
	margin-top: 0px;
	margin-bottom: -2000px; 
	padding-bottom: 2000px; }

#topic-research .lastcolumn  {
	width: 218px;
	float: right;
	border-right: none;
	}
#topic-research .column h2, #topic-research .lastcolumn h2 {
	font-size: 1.8em;
	margin-top: 0px;
}

#topic-research .red  h2, #topic-research .lastcolumn .red  {
	font-size: 1.5em;
}

#topic-research .container {
	overflow: hidden;
	float: left;
	margin-bottom: 15px;
	margin-top:0px;
	padding: 0px;
}

#topic-research .container img {
	margin-top: 0px;
	border: 1px solid #666;
}

#topic-research  ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#topic-research li {
	padding-left: 15px;
	text-indent: -15px;
}

#topic-research li:before{
   content: "\00BB";
   padding-right: 3px;
   padding-left: 15px;
}

.topicIntro {
	margin-top:20px;
	margin-bottom:20px;
	height: 300px;
	background-color: #13304E;
}

.topicIntro .textblock {
	padding: 10px;
	color: #fff;
}

.topicIntro img {
	float: left;
	margin-right: 15px;
}


#topic-research .topicIntro .textblock h1 {
	color: #cdd74c;}




/* ************** Caption over image on landing pages **************************/

div.wrapper-caption{
	position:relative; /* important(so we can absolutely position the description div */ 
}

#topic-research .wrapper-caption img {
	max-width: 432px;
	height:auto;   
}

div.wrapper-caption span.caption-icon{
	visibility:visible;
	position:absolute;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	bottom: 0px;
	right: 0px;
}

div.description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:5px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color:black;
	font-family: 'arial';
	font-size:11px;
	line-height:150%;
	color:white;
}
div.description-content{
	padding:6px;
}

#content div.description-content a:link,div.description-content a, div.description-content p a {
	color: #8dc7f0;
	text-decoration: none;
}
#content div.description-content a:visited {
	color: #8dc7f0;
	text-decoration: none;
}
#content div.description-content a:hover, a:active, a:focus {
	text-decoration: none;
	color: #cdd74c;
	
}

/* ************** Multimedia pages **************************/

#multimedia .intro {
	background-color: #00162E;
	padding: 3px 10px 10px;
	border: 1px #aab5bd solid;
	margin-bottom: 18px;
	margin-top: 5px;
	overflow:hidden;
	padding: 0px;
	padding-top:10px;
	padding-left:10px;
	color: #e4e8ef;
}

#multimedia .intro img {
	border: 1px solid #B0B4B9;
}

#multimedia .intro a {color: #8dc7f0;}
#multimedia .intro a:hover {color: #fff;}

#multimedia .intro .item {margin-bottom:15px;}

#multimedia .intro h5 {color: #b9c1ca;}

#multimedia .intro .iod img {
	margin-bottom:4px;
}

#multimedia .intro .item img {
	margin-bottom:8px;
}

#multimedia .iod {
	float: left;
	width: 464px;
	background: transparent;
	padding: 0px;
	margin: 0px 20px 10px 0px;
	border: none;
	color: #FFF;
	height: auto;
	overflow:hidden;
}

#multimedia .button {
	margin-top: 6px;
	font-size: .9em;
	text-transform:uppercase;
	display:block;
}

#multimedia .button a {
	margin-left:12px;
	background-color: #1c3556;
	border: 1px solid #336699;
	font-size:.85em;
	padding: 4px;
	
}
	
#multimedia .button a:hover {
	color: #00162E;
	background-color: #8dc7f0;
}

#multimedia .intro h2 {color: #FFF; line-height:normal; margin:0px; margin-right:6px; margin-bottom:8px;}
#multimedia .intro .features {}
#multimedia .intro .features img {width:216px; height:123px;}

#multimedia .iod img {
	width:462px;
	height:302px;
}

#multimedia .container {
	overflow:hidden;
	margin-bottom:0px;
	margin-top: 10px;
}

#multimedia img {
	border: 1px solid #00162E;
	margin-top:0px;
}

#multimedia ul{
	padding: 0;
	list-style: none;
}

#multimedia  li {
	float: left;
	margin-right: 8px;
	text-align:center;
	width: 137px;
	line-height:1em;
	list-style-type: none;
	list-style-image: none;
} 

#multimedia li a {
	font-size: 0.85em;
	display: block;
}
  
#multimedia li img {
	width: 137px;
	height: auto;
	margin-bottom:2px;
}
  
#multimedia li a:hover img {
	opacity:0.3; filter:alpha(opacity=30);
}

#multimedia h2 {display: inline-block;}

#multimedia h3 {
	color:#001630;
	font-size: 1.5em;
	margin: 15px 0px 0px;
	padding: 0px;
	line-height:normal;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
    *display: inline;
}

#multimedia .all {
	font-size: 0.85em;
	letter-spacing: 0.15em;
	font-weight:normal;
	margin-left: 15px;
}

#multimedia .column, #multimedia .container .lastcolumn {
	width: 226px;
	float:left;
	padding-right: 12px;
	margin-right: 12px;
}

#multimedia .column .item, #multimedia .lastcolumn .item  {
	margin-bottom: 10px;
	padding-bottom: 1px;
	font-size: 0.95em;
	line-height: 1.4em;
	display: block;
	width: 100%;
}

#multimedia .column .item img, #multimedia .lastcolumn .item img  {
	margin-top: 0px;
	margin-bottom: 5px;
}

#multimedia .column h2, #multimedia .lastcolumn h2, #multimedia .box h2  {font-size: 1.6em;
margin:0px;margin-bottom: 8px;}

#multimedia .column .red  h2, #multimedia .lastcolumn .red h2 {
	font-size: 1.3em;
}	
#multimedia .column .item p, #multimedia .lastcolumn .item p {
	margin-bottom: 0px;
	line-height:1.3em;
}

#multimedia .column .item p em, #multimedia .lastcolumn .item p em {
	font-size: 0.9em;
}

#multimedia .container  div { 
	float: left; 
	margin-bottom: -2000px; 
	padding-bottom: 2000px; }

#multimedia .container .lastcolumn  {
	float: right;
	padding-right: 0px;
	margin-right: 0px;
	width: 228px	
}

#multimedia .box {
	width: 477px;
	margin-right: 11px;
	padding-right: 12px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #0A6691;
}

.fb {margin-top: 1px; background-color:#c7d9e6;}

.tw {margin-top: 1px; border: 1px solid #999;}

#flashContent {
	margin-top: 12px;
	margin-bottom: 10px;
	background-color: #000;
	overflow:hidden;
	padding-bottom: 10px;
	display: block;
	width: 435px;
}

#flashContent h5, #flashContent p, #flashContent a, #flashContent h3 {
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	margin:0px;	
}

#flashContent h5 {color: #666; margin-top: 8px; margin-bottom:3px;}

/* ************** Global table styles **************************/


table {
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color:  #b9c9d4;
	border-collapse: collapse;
	text-align:left;
}
table th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #b9c9d4;
	font-weight: bold;
	background-color: #C7D9E6;
}

.search tr {
	background-color:#f5fafe;
}

table td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #b9c9d4;
}

/* ************** Sidebar **************************/

.sidebar {
	margin-top: 25px;
	border: 1px solid #b9c9d4;
	width: 434px;
}

.sidebar h1 {
	display: block;
	background-color: #09668F;
	color: #fff;
	font-size: 1.6em;
	line-height: 34px;
	text-indent: 1em;
	margin: 0px 0px 8px;
	padding: 0px;
}

.sidebar h3 {
	margin: 0px;
	padding: 0px;
}
.sidebar h6 {
	margin: 0px;
	padding: 0px;
}

.sidebar .byline {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.sidebar img, .sidebar p, .sidebar h3,  .sidebar h6 {
	padding: 0px 10px 10px;
	margin: 10px 0px 0px;
}

/* ************** Content List Pages **************************/


.intro {
	margin-top:20px;
}

.content-list {
	overflow: hidden;
	}

.content-list .item {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.content-list .item img{
	max-width:300px;	
	height: auto;
}

.content-list h2 {
	font-size: 1.6em;
	margin: 0px;
	margin-top: 15px;
	padding: 0px;
	line-height: normal;
	font-weight: normal;
	border-bottom:1px dotted #A9B2B8;
}

.content-list h3 {
	color: #00162E;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-weight: bold;
}

.content-list  h4 {
	text-transform: none;
	margin-top: 9px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	font-weight: bold;
	color: #01162E;
	font-size: 1.1em;
}

.content-list h5 {
	color: #666;
	margin-bottom:2px;
}

.content-list .item h5 img, .item h5 img {
	margin-right: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	max-width: 150px;
	width: 12px;
	height:11px;
	border: none;
}

.content-list ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.content-list li {
	padding-left: 25px;
	text-indent: -25px;
}

.content-list li:before{
   content: "\00BB";
   padding-right: 7px;
   padding-left: 15px;
   color:#666;
}
.content-list .all {
    font-size: 0.9em;
    letter-spacing: 0.15em;
    float: right;
    display: block;
    padding-top:2px;
	margin-top:18px;
} 

/* Styles for Two, Three and Four Column Content Lists ------------------------------------*/

.content-list .two-col, .content-list .three-col, .content-list .four-col  {
	margin-top:10px;
	overflow: hidden;
}	
.content-list .two-col .item p, .content-list .three-col .item p, .content-list .four-col .item p {
	margin-bottom: 3px;
}	

.content-list .two-col .item {
	float:left;
	width:337px;
	margin: 0px 28px 0px 0px;
}	

.content-list .two-col .item img {
	margin-bottom: 8px;
	margin-top: 2px;
}

.content-list .three-col .item {
	float:left;
	width:226px;
	margin: 0px 15px 0px 0px;
}


.content-list .four-col .item {
	float:left;
	width:220px;
	margin: 0px 15px 0px 0px;
}

.content-list h3, .content-list .four-col .item .text h3, .content-list .three-col .item .text h3, .content-list .two-col .item .text h3, .content-list .four-col .item .text h3, .content-list .three-col .item .text h3, .content-list .two-col .item h3  {
	font-size: 1.1em;
}

.content-list .item .text h3 {
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
}


/* Multi Article Page ------------------------------------*/

.onpage {
	margin-top: 15px;
	margin-bottom: 15px;
}

.onpage ul {
	padding:0px;
	margin:0px;
}

.onpage li {
	display: inline;
	font-weight: bold;
	margin-right: 4px;
}

.onpage li a {
	padding-right:5px;
	font-weight: normal;
	border-right: 1px solid #666666;
}

.onpage li.last a {
	border-right: 0px solid #666666;
}

.multi-article {
	margin-top: 10px;
	overflow: hidden;
}

.multi-article  h2 {
	font-size: 1.6em;
	font-weight: normal;	
}

.multi-article  h3 {
	color: #00162E;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

.multi-article .imageCaption {
	float: left;
	font-size: 0.85em;
	line-height: 1.5em;
	color: #333;
	max-width: 280px;
}

.multi-article .imageCaption p {
	width: auto;
}

.multi-article .imageCaption img {
	float: none;
	margin-right: 0px;
	max-width: 280px;
	margin-bottom:5px;
	border: 1px solid #00162E;
}

.multi-article a.gallerypic{
  width: auto;
  position:relative;
  float:left;
  padding: 0px;
  margin: 0px;
}

.multi-article a.gallerypic span.zoom-icon{
	visibility:visible;
	position:absolute;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	bottom: 0px;
	right: 0px;
}

.multi-article h2 {
	border: none;
	margin-top: 0px;
}

.multi-article .asset {
	overflow:hidden;
	margin:0px 3px 0px 0px;
	background-color: transparent;
	border: none;
	padding: 0px;
	font-size: 0.95em;
}

.multi-article .asset .item {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	margin-bottom:0px;
	border-bottom: none;
}

.multi-article .asset .item img {
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
}

.multi-article .asset h3 {
	margin-top: 12px;
	}

.multi-article .asset .item h5 {
	color: #aab5bd;
}

.multi-article .asset .item p a {
	font-size: 1em;
}

.multi-article .asset .item h5 img {
	margin:0;
	margin-right:6px;
	border:0;
}

/* *********Special SSF *********************/

/* Styles for SSF
---------------------------------------------------------------------- */
.ssf-entry {
    padding: 0px 0px 24px 0px;
    display: block;
   /* clear: both;
    overflow: hidden;
    height: 320px;*/
}

.ssf-entry img {
    border:1px #D6D6D6 solid;
    text-align:center;
}

.ssf-entry h2 {
    margin:5px 0 2px 0;
}

.ssf-left-col {
    float:left;
    width:280px;
    margin-right:10px;
}

.ssf-directory {
    width:730px;
}


/* ************** News Release Box **************************/

.news-release  {
	margin-top:10px;
	margin-bottom:10px;
	width:422px;
	padding:0px;
}

.news-release p {
	margin: 0px;
	font-size: 0.95em;
	line-height: 1.5em;
	color: #333;
}
.news-release  div {
	float:right;
	text-align: left;
	margin-right:80px;
}

/* ************** Profile pages **************************/

.profile {
	overflow: hidden;
	}

.profile .item {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.profile .item img{
	max-width:180px;	
	height: auto;
}

.profile-address {
}

.profile-address div {
	float:right;
	text-align: left;
	margin-right:250px;
}

.profile h3.profile-header {
	margin-top:10px;
}




/***************************************************
			      RIGHT SIDEBAR
***************************************************/


/* ************** Tools **************************/


.tools {
	font-size: 0.85em;
	color:#666666;
	margin-bottom: 0px;
}

.tools .img {
	padding-left: 3px;
	vertical-align: bottom;
	margin-top:0px;

}

/* ********** Photo styles for sidebar ************/

#side {
	font-size: 0.85em;
	line-height: 1.5em;
	color: #333;
}

#side img {
	margin-top:0px;
	

}

#side .photo {
	margin-top: 0px;
	
}

#side .photo img {
	margin-top: 15px;
	width:280px;
	width:100%/9;
	height: auto;}
	
#side .photo .twitter img {
	margin-top: 0px;
	width: auto;
	height: auto;
}

#side .photo h5 img, #side .slide img, #side .html5movie img  {
	margin-top: 0px;
}

#side .photo p {
	margin-bottom: 0px;
	display: block;
	overflow:hidden;
}

a.gallerypic{
  position:relative;
  float:left;
  padding: 0px;
  margin: 0px;
}

a.gallerypic span.zoom-icon{
	visibility:visible;
	position:absolute;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	bottom: 0px;
	right:0px;
	width:30px;
	
}

span.zoom-icon img
	{max-width: 30px;
	width: 30px;
	height:27px;
	display:none\0/ !important;}


/* ********************* Lightbox ***********************/

#lightbox {	position: absolute;	left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #e4e8ef; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font-size: 10px; background-color: #e4e8ef; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; padding-bottom: 0.7em; }

#imageData{	padding:0 10px; color: #333; }
#imageData #imageDetails{ width: 80%; float: left; text-align: left; }	
#imageData #caption{ 	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 9000; width: 100%; height: 500px; background-color: #000; }


/* ********************* Styles for Sidebar ***********************/

.asset {
	background-color: #d4dae2;
	background-color: #c7d9e6;
	padding: 10px;
	border: 1px #aab5bd solid;
	margin-top: 15px;
}

.asset h3 {
	color: #990000;
	font-size:1.6em;
	margin: 0px;
	margin-bottom:5px;
	padding: 0px;
	text-indent: 0px;
	line-height: normal;
}

.asset p {
	margin: 0px;
	padding: 0px;
	text-indent:0px;
	font-size: 1em;
	line-height:1.5em;
}

.asset p a  {
	padding: 0px;
	margin: 5px 0px 0px;
	color:#069;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}



.asset .item {
	overflow: hidden;
	margin: 0px;
	margin-bottom: 10px;
	border-bottom: 1px #aab5bd dotted;
	padding: 0px;
	padding-bottom:10px;
}

.asset .itemlast {
	overflow: hidden;
	margin: 0px;
	margin-bottom: 0px;
	border-bottom: none;
	padding: 0px;
	padding-bottom:5px;
}

.asset .item img, .asset .itemlast img, #side .asset img{
	float: left;
	margin-right: 9px;
	margin-bottom: 6px;
	margin-top: 0px;
	width: auto; 
	max-width: 256px;
	height:auto !important;
	border: 1px solid #00162E;

}

.asset .item h5, .asset .itemlast h5 {
	font-size: 0.95em;
	color:#666666;
	display: block;
	letter-spacing: 0.05em;
	margin-bottom: 5px;
}

#side .asset .item h5 img, #side .asset .itemlast h5 img {
	margin-right: 4px;
	margin-bottom: 0px;
	width: 12px;
	height:12px;
	border: none;
	
}

#side .asset .item img, #side .asset .itemlast img {
	max-width:140px;	
}

#side .asset.multimedia .item img, #side .asset.multimedia .itemlast img {
	max-width:140px;	
}



.asset .text {
	margin-top: 0px;
}

.asset .text p a {
	margin-top: 0px;
}

.asset .all {
	font-size: 0.9em;
	letter-spacing: 0.15em;
	float: right;
	display: block;
	padding-top:2px;
}

.Accordion {
	background-color: #d4dae2;
	background-color: #c7d9e6;
	padding: 10px;
	border: 1px #aab5bd solid;
	margin-top: 15px;
	overflow: hidden;
}

.Accordion H3 {
	color: #990000;
	font-size: 1.6em;
	margin-bottom: 5px;
	line-height: normal;}


.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	height: 20px;
	font-size: 1.2em;
	font-weight: bold;
	overflow:hidden;
	cursor: pointer;
	vertical-align:middle;
	text-align:left;
	line-height: 20px;
	color: #1c3556;
	letter-spacing: 0.02em;
	margin: 0px 12px 0px 0px;
	padding: 0px 0px 0px 12px;
	background: url(http://www.whoi.edu/cms/css/whoi_redesign/images/accordionTItle.png) no-repeat left 5px;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height:auto;
	margin-bottom:10px;
}

.AccordionPanelContent p {
	margin: 0px;
	color: #069;
	background: url(http://www.whoi.edu/cms/css/whoi_redesign/images/accordionBullet.png) no-repeat 16px 6px;
	padding: 0px;
	padding-left: 26px;
}

.AccordionPanelOpen .AccordionPanelTab {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background: url(http://www.whoi.edu/cms/css/whoi_redesign/images/accordionTitleOn.png) no-repeat 1px 6px;
}

.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* Rules for Printing */

@media print {

  .Accordion {
  overflow: visible !important;
  }
  
  .AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  }
}

/***************************************************
			        FOOTER
***************************************************/

footer {
	position: relative;
	clear: both;
	padding-bottom: 18px;
	color: #93a1b0;
	font-size: 0.90em;
}

#footer .section {
	overflow: hidden;
}

#footer .col1 {
	width: 135px;
	float:left;
	margin-right: 10px;
	padding-right: 10px;
	height: 170px;
}

#footer .col2 {
	width: 210px;
	float:left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #93a1b0;
	margin-right: 15px;
	padding-right: 25px;
	height: 170px;
}


#footer .col3 {
	width: 150px;
	float:left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #93a1b0;
	margin-right: 15px;
	padding-right: 10px;
	height: 170px;
}

#footer .col4 {
	width: 115px;
	float:left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #93a1b0;
	margin-right: 15px;
	padding-right: 10px;
	height: 170px;
}

#footer .col5 {
	width: 140px;
	float:left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #93a1b0;
	margin-right: 0px;
	padding-right: 10px;
	height: 170px;
}

#footer .last {
	width: 90px;
	float:right;
	border: #none;
}

#footer .last img{
	margin-right: 3px;
	margin-top: 8px;
}

#footer .section a {
	color: #B8CBDE;
}

#footer p {
	margin-bottom:0px;
}

#footer .section a:hover {
	color: #fff;	
	text-decoration: underline;
}

#footer .section ul {
	margin-bottom:4px;
}

#footer .section li {
	padding-left: 1px;
	text-indent: -1px;
	font-size: 0.9em;
}

#footer .section li:before{
	content: "\00BB";
	padding-right: 3px;
	padding-left: 0px;
}

#copyright p{
	font-size: 0.9em;
	overflow: hidden;
	color: #93a1b0;
	padding-top: 15px;
	clear: both;
	margin-bottom: 18px;
	text-align:center;
}

#copyright a {
	color: #B8CBDE;
}





/*** Social Media on the About page ****************************************************/
 ul.cv-social-media-about {
	padding:0;
	margin-top:15px;	
}

.cv-social-media-about {
	overflow:hidden;
	list-style:none;
	display:table;
	width:184px;
	
}

.cv-social-media-about li.about {
	width:32px;
	height:32px;
	display:inline-block;
	font-size:26px;
	font-size:16px;
	background:#fff;
	padding:0px 0px 0px 0px;
	margin:4px 3px 8px 0px;
}

.cv-social-media-about li.about img {
	margin-left:4px;	
}

.cv-social-media-about li.about.last {
	width:34px;
	height:34px;
	display:inline-block;
	font-size:26px;
	font-size:16px;
	background:#fff;
	padding:0px 0px 0px 0px;
	margin:4px 0px 8px 0px;
}

.cv-social-media-about li.about.last img{
	margin-left:5px;
}


.cv-social-media-about a {
	margin:0px 0px 0px 0px;
	color:#FFF;
	transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
   border:none;
}

.cv-social-media-about a:hover {
	opacity: 0.5;
}


#facebook-about {background:#3b5998;-webkit-border-radius: 10px;border-radius: 10px;}
#twitter-about {background:#00a0d1;-webkit-border-radius: 10px;border-radius: 10px;}
#pinterest-about {background:#910101;-webkit-border-radius: 10px;border-radius: 10px;}
#youtube-about {background:#c4302b;-webkit-border-radius: 10px;border-radius: 10px;}
#instagram-about {background:#316699;-webkit-border-radius: 10px;border-radius: 10px;}
#rss-about {background:#F60;-webkit-border-radius: 10px;border-radius: 10px;}
#vimeo-about {background:#069;-webkit-border-radius: 10px;border-radius: 10px;}

/*** Social Media in the footer ****************************************************/
.connect {text-align:center;display:block;padding-top:18px;}


ul.cv-social-media {
	padding:0;
	margin-top:15px;
}

.cv-social-media {
	margin:0 auto;
	overflow:hidden;
	list-style:none;
	text-align:center;
	display:table;
}

.cv-social-media li {
	width:40px;
	height:33px;
	display:inline-block;
	font-size:26px;
	background:#fff;
	padding:8px 0px 0px 0px;
	margin:0px 4px 4px 4px;
}

.cv-social-media a {
	margin:0px 5px 0px 0px;
	color:#FFF;
	transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}

.cv-social-media a:hover {
	opacity: 0.5;
}


#facebook {background:#375d77;background-image:url(http://www.whoi.edu/cms/css/whoi_redesign/fb.png); background-size: 24px; background-repeat:no-repeat;background-position:center; -webkit-border-radius: 10px;
border-radius: 10px;}
#twitter {background:#375d77;background-image:url(http://www.whoi.edu/cms/css/whoi_redesign/tw.png); background-size: 24px; background-repeat:no-repeat;background-position:center;-webkit-border-radius: 10px;
border-radius: 10px;}
#pinterest {background:#375d77;background-image:url(http://www.whoi.edu/cms/css/whoi_redesign/pinterest.png); background-size: 24px; background-repeat:no-repeat;background-position:center;-webkit-border-radius: 10px;
border-radius: 10px;}
#youtube {background:#375d77;background-image:url(http://www.whoi.edu/cms/css/whoi_redesign/youtube-bw.png); background-size: 24px; background-repeat:no-repeat;background-position:center;-webkit-border-radius: 10px;
border-radius: 10px;}
#instagram {background:#375d77; background-image:url(http://www.whoi.edu/cms/css/whoi_redesign/instagram.png); background-size: 24px; background-repeat:no-repeat;background-position:center;-webkit-border-radius: 10px;
border-radius: 10px;}
#rss {background:#375d77;background-image:url(http://www.whoi.edu/cms/css/whoi_redesign/rss.png); background-size: 24px; background-repeat:no-repeat;background-position:center;-webkit-border-radius: 10px;
border-radius: 10px;}
#vimeo {background:#375d77; background-image:url(http://www.whoi.edu/cms/css/whoi_redesign/vimeo.png); background-size: 24px; background-repeat:no-repeat;background-position:center;-webkit-border-radius: 10px;
border-radius: 10px;}
#linkedin {background:#375d77; background-image:url(http://www.whoi.edu/cms/css/whoi_redesign/linkedin2.png); background-size: 24px; background-repeat:no-repeat;background-position:center;-webkit-border-radius: 10px;
border-radius: 10px;}



/***************************************************
				   SPECIFIC AND MISCELLANEOUS
***************************************************/

.red {color:#990000;}
.line {border-bottom:1px dotted #A9B2B8;}

.clearing {
	clear: both;
	display: inline;
	width: 100%;
	height: 0;
	overflow: hidden;
}

blockquote.quote  {
	font-size:1.4em;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-right: 0px;
	border-top: 1px dotted #00162E;
	border-bottom: 1px dotted #00162E;
	margin: 3px 20px 15px 0px;
	background-image: url(http://www.whoi.edu/cms/css/whoi_redesign/images/quote.png);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	float: left;
	color: #00162E;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	width: 150px;
	font-style: italic;
}
	
blockquote.quote  .attribute {
	font-size: 0.5em;
	text-align:right;
	font-weight: normal;
	line-height: 1.5em;
}

blockquote.quote  .attribute a {
	text-decoration: underline;
}
	
.whoiweb p a {color: #8dc7f0;}
table .heading {font-weight:bold}

.box-shadow{
background: #e0eaf3;
  border: 1px solid #ccc;
   border: 1px solid #c7d9e6;
  padding: 6px 6px 3px 6px;
  margin: 0 25px 25px 0;
  width: 27.5%;  
  height:183px;
  float: left;
  position: relative;	
  box-shadow: 0 3px 8px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.45);
}
/*.box-shadow h4 {
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 1.1;   
  padding: 0 0 0 0;
  color: #666;
  text-transform: uppercase;	
  display: block;
  margin: 6px 0 0px;
}*/
.box-shadow h4{
font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0px;
	margin:3px 0px 0px;
	line-height: 1.2em;
	color: #666;
	}

.box-shadow h3 {
  font-size: 14px;
  letter-spacing: 0.025em;
  line-height: 1.1;   
  padding: 0 0 0 0;
  color: #333;
  display: block;
  margin: 1px 0 6px;
}
.box-shadow a {
  text-decoration:none;
}

.box-shadow img {
  width: 100%;
  max-width: 285px;
  display:block;
}

.box-shadow .description {
  background: #fff;
  padding: 3px 12px 0 0px;
  }
  
.box-shadow p {
  margin: 0 0 0 0;
  color: #999;
  font-size: 12px;
  line-height: 13px;
}



div.box-shadow:hover{
background: #E0EAF3;
background: #e3e9f5;
background: #c7d9e6;	
}

hr.line-style{
 border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
 margin: 20px 0;
}

/* Instagram Contest */
#instagram-contest ol {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    text-align:left;
	font-size:1.3em;
    margin: 0em 0 0 0;
    margin-left: 3em;
    padding: 0;
     
    counter-reset: li-counter;
}
#instagram-contest ol > li{
    position: relative;
    margin-bottom: 2em;
    padding-left: 0.5em;
    min-height: 3em;
	line-height:1.3em;
    border-left: 2px solid #a2a939;
	border-left: 2px solid #990000;
}
#instagram-contest ol > li:before {
    position: absolute;
    top: 0;
    left: -.85em;
    width: 0.8em;
     
    font-size: 3.5em;
    line-height: 1;
    font-weight: 300;
    text-align: center;
    color:#a2a939;
	color:#990000;
 
    content: counter(li-counter);
    counter-increment: li-counter;
}


/***************************************************
				   STYLES FOR TECH TRANSFER FORM
***************************************************/

*:focus {outline: none;}
.register h2, .register label {font-weight:strong}
.form_hint, .required_notification {font-size: 11px;}

.register ul {
    width:750px;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.register li{
    padding:12px 12px 12px 0;
    position:relative;
}

.register h2 {
    margin:0;
    display: inline;
}
.required_notification {
    color:#990000;
    margin:5px 0 0 0;
    display:inline;
    float:right;
}

.register label {
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px 3px 3px 0;
}
.register input {
    height:20px;
    width:220px;
    padding:5px 8px;
}

.register select .select-styl1e{
    height:200px;
    width:220px;
    padding:5px 8px;
	overflow: hidden;
}


.register textarea {padding:8px; width:300px;}
.register button {margin-left:156px;}

.register input, .register textarea {
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}

.register select {
 	border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
	 height:35px;
    width:240px;
    padding:5px 8px;
}

.register input[type=file] {
	border:0px solid #aaa;
    box-shadow: none;
    border-radius:0px;
}
.register input:focus, .register textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
}
/* Button Style */
.btn-donate {
  background: #9ba520;
  background-image: -webkit-linear-gradient(top, #9ba520, #8d9616);
  background-image: -moz-linear-gradient(top, #9ba520, #8d9616);
  background-image: -ms-linear-gradient(top, #9ba520, #8d9616);
  background-image: -o-linear-gradient(top, #9ba520, #8d9616);
  background-image: linear-gradient(to bottom, #9ba520, #8d9616);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
  margin: 0 auto;
}

.btn-donate:hover {
  background: #8d9616;
  background-image: -webkit-linear-gradient(top, #8d9616, #a3ad24);
  background-image: -moz-linear-gradient(top, #8d9616, #a3ad24);
  background-image: -ms-linear-gradient(top, #8d9616, #a3ad24);
  background-image: -o-linear-gradient(top, #8d9616, #a3ad24);
  background-image: linear-gradient(to bottom, #8d9616, #a3ad24);
  text-decoration: none;
}


::-webkit-validation-bubble-message {
    padding: 1em;
}



.required-text {
	color: #990000;
	
}

.required {
	color: #990000;	
	font-size:20px;
}