/* 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;
}

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-family: 'Source Sans Pro', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Lato', sans-serif;
		
	font-weight: normal;
}

h1 {
	font-size: 26px;
	font-size: 30px;
	margin-bottom: 10px;
	margin-top: 7px;
}
	
h2, h5 {
	font-size: 16px;
	font-size: 20px;
	margin-top: 2px;
	font-weight:normal;
	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 {
	padding: 0 0 0 35px;
	margin: 0 0 10px 0;
	}

ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha} 

ol li {list-style: decimal;}


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


/***************************************************
				  HEADER AREA
***************************************************/	
header {
	position: relative;
	height: 152px;
	background-image: url(../images/bgHeader.jpg);
	background-repeat: repeat-x;
}

header .innertube {
	width: 980px;
	margin: 0 auto;
	padding: 0px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 370px 0px;
	height: 121px;
}



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

#printlogo {
	display: none;
}

header h1 {
	color: #FFF;
	font-size:46px;
	text-shadow: 2px 2px 2px #000;
	clear:both;
	margin-top: 35px;
	font-family: 'Source Sans Pro', sans-serif;
		font-family: 'Open Sans', sans-serif;
	font-family: 'Lato', sans-serif;
	
}

header h1 a {
	color: #FFF;
}


header h2 {
    color: #c7d9e6;
    font-size: 16px;
    margin-top: 10px;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-shadow: 2px 2px 2px #000;
}

header h1.subtitle  {
    margin-top:28px;
}

.searchform {
	display: inline-block;
	zoom: 1;
	*display: inline;
	float: right;
	margin-right: 0px;
	color: #E0EAF3;
	font-size: 0.85em;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	display:none;
}
.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;
	font-family:'Lato', sans-serif;
	height: 29px;
	padding-right: 19px;
	padding-left: 19px;
	line-height: 29px;
	display: block;
	padding-top: 1px;
	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: 270px;}
.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;
}

/***************************************************
			        HOMEPAGE SLIDESHOW
***************************************************/


.slideshow {
	height: auto;
	overflow: hidden;
	margin-top:10px;
	margin-bottom: 0px;
	padding:15px 15px 0px 0px;
	}
	
	#slideshow {float:left;
	width: 630px;
	margin-right:15px;}
	
#slideshow ul  {
	margin: 0;
	padding: 0;
	list-style:none;
	
	
	}
#slideshow ul li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	background: url("") left top no-repeat;
	
}

#slideshow img{
-webkit-box-shadow:3 3px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:3 3px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:3 3px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;	
}


/***************************************************
			        HOMEPAGE SLIDESHOW FOR A SITE WITH LEFT NAV
***************************************************/


.slideshow-leftnav {
	height: auto;
	overflow: hidden;
	margin: 30px 0 0px -20px;	
	padding:0px 0px 0px 0px;
	}
	
	#slideshow-leftnav {
	width: 720px;
	}
#slideshow-leftnav ul li { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	background: url("") left top no-repeat;	
}
	
#slideshow-leftnav ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	}


#slideshow-leftnav img{
-webkit-box-shadow:3 3px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:3 3px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:3 3px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;	
}



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


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

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

#contentNoside {
	padding: 10px 10px;
}

#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.selected {
	/*background-image: none;
	border-bottom: 1px dotted #27668f;*/
	
}



#sidenav ul li a {
	/*height: 42px;
	line-height:42px;
	padding-left: 6px;*/
	padding:10px 6px;
	
	
}

#sidenav ul li a.down {
	border-bottom: none;
	font-weight:bold;
}

#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 {
}

#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 a {
	font-size: .90em;
	line-height:1.6em;
	margin:0px;
	height:auto;
	margin-top:3px;
	font-weight:normal;
}


#sidenav ul li li a.nochild {
	background-position: 10px 6px;
	padding-left: 6px;
	text-indent: 0px;
	
}


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




#sidenav li li a.nochild:before, #sidenav li li a.child:before  {
   content: "\00BB";
   padding-right: 5px;
}


#sidenav ul li li a.down {
	
}

/* THIRD LEVEL  */

#sidenav ul li li li a {
	font-size: .90em;
	line-height:1.6em;
	margin:0px;
	height:auto;
	margin-top:3px;
	font-weight:normal;
}

#sidenav ul li li li a.nochild {
	background-position: 10px 6px;
	padding-left: 16px;
	text-indent: 0px;
}

#sidenav li li li a.nochild:before  {
   content: "\00BB";
   padding-right: 5px;
}

#sidenav ul li li li a.down {
}

/* FOURTH LEVEL  */

#sidenav ul li li li li a {
	font-size: .90em;
	line-height:1.6em;
	margin:0px;
	height:auto;
	margin-top:3px;
	font-weight:normal;
}

#sidenav ul li li li li a.nochild {
	background-position: 10px 6px;
	padding-left: 25px;
	text-indent: 0px;
}

#sidenav li li li li a.nochild:before  {
   content: "\00BB";
   padding-right: 5px;
}


#sidenav ul li li li li a.down {
	
}

/* FIFTH LEVEL  */

#sidenav ul li li li li li a.child {
	
}

#sidenav ul li li li li li a.nochild {
	
}

#sidenav ul li li li li li a.down {
	}

/* SIXTH LEVEL  */

#sidenav ul li li li li li li a.child {
	
}

#sidenav ul li li li li li li a.nochild {
	
}

#sidenav ul li li li li li li a.down {
	
}

#sidenav a {
	display: block;
	color: #006699;
	text-decoration: none;
	border-bottom: 1px dotted #27668f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#sidenav a:hover {
	color: #001B38;
}

#sidenav ul li.selected {
	color: #001B38;
	font-weight: bold;
	/*background-image:-moz-linear-gradient(0% 100% 90deg, #d1dfea,#fff);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d1dfea));*/
	background-image:-moz-linear-gradient(0% 120% 90deg, #e0ebf1,#cae0eb);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae0eb), to(#e0ebf1));
	display: block;
	border-bottom:none;
}

#sidenav ul li a:hover {
	color: #001B38;
	background-image:-moz-linear-gradient(0% 100% 90deg, #d1dfea,#fff);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d1dfea));
	display: block;
}

#sidenav ul li li a:hover {
	color: #001B38;
	background-image: none;
}

#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;
	color: #990000;
	background-image:none;
}

#sidenav ul li .last
 {
	border-bottom: 1px dotted #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 {
	/*border-bottom: 1px dotted #27668f;*/
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

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

#sidenav h2 {
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 1.3em;
	/*border-bottom: 1px dotted #27668f;*/
}

#sidenav h2 a {
	color: #990000;
	margin-top: 5px;
	padding-left:10px;
	line-height: 140%;
	padding-top:10px;
	padding-bottom:10px;
	
}

#sidenav h2 a:hover {
	color: #006699;
}

#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 p a {
 	color: #84c9e8;
	padding: 0px;
	border: none;
	display: normal;
}

#sidenav .box p a:hover {
	color: #900;
	
}

#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;
}

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, article .subhead, #articleNoside .subhead{
	color:#001630;
	text-indent: 0px;
	margin: 0px;
	margin-bottom: 2px;
	padding: 0px;
	font-size: 1.4em;
	line-height:normal;
}

article .item {
	overflow:hidden;
	}

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 {
	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;
	
}

#topic-research .item img {
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
	}

article #topic-research img {
	margin-top:0px;
}

#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 */ 
}

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{
	float:left;
}

.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:#001630;
	text-indent: 0px;
	margin: 0px;
	margin-bottom: 2px;
	padding: 0px;
	font-size: 1.4em;
	line-height:normal;
}

.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 {
	color:#001630;
	text-indent: 0px;
	margin: 0px;
	margin-bottom: 2px;
	padding: 0px;
	font-size: 1.4em;
	line-height:normal;

}


/* 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-address {
}

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

.content-list 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;
	width:280px;
}

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

#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{
  width:280px;
  width:auto;
  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;
}


/* ********************* 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;
}

.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 {
	background: url(../images/bgFooter.png) repeat-x;
	padding-top: 15px;
	color: #CBE0EB;
	padding-bottom: 15px;
	
}

footer .innertube {
	width: 980px;
	margin: 0 auto;
	clear: both;
	font-size:.9em;
	
}
	

footer .innertube .section {
	overflow: hidden;
	width: 600px;
	
	}

footer .innertube .section img {
	float:left;
	margin-right:15px;
}


footer .innertube .last {
	float:right;
	border: #none;
	width:360px;
	border-left:1px dotted #BDD8E6;
	padding-left:10px;
}
footer .innertube .last a {
	color: #FFFFFF;
}

footer .innertube .last a:hover {
	text-decoration:underline;
}


/*footer .innertube .last ul {
	margin-bottom: 10px;
	
}


footer .innertube .last li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BDD8E6;
	padding-left: 10px;
	padding-right: 10px;
}

footer .innertube .last li.first {
	padding-left: 0px;
}
*/
footer .innertube .last img{
	margin-right: 3px;
	margin-top: 8px;
}

footer .innertube .section a {
	color: #FFFFFF;
}

footer .innertube .section a:hover {
	text-decoration:underline;
}


footer .innertube p {
	margin-bottom:0px;
}


/*footer .innertube .section ul {
	margin-bottom:4px;
}

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

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



footer .innertube .section ul {
	margin-top: 5px;
}


footer .innertube .section li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BDD8E6;
	padding-left: 10px;
	padding-right: 10px;
}

footer .innertube .section li.first {
	padding-left: 0px;
}

footer .innertube .section li.last-link {
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #BDD8E6;
}




footer .innertube #copyright {
	font-size: 0.9em;
	overflow: hidden;
	color: #93a1b0;
	padding-top: 15px;
	padding-left: 8px;
	clear: both;
	margin-bottom: 18px;
}

footer .innertube #copyright a {
	color: #B8CBDE;
}

/***************************************************
				   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}

/*blockquote {
	margin-right:20px;
	margin-left:0px;	
	font-size: 11px;
	margin-top:0px;
	padding-top:20px;
	height:350px;

}*/

  div.admin-box {
	padding: 18px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.55);
	background-color: #f1f7fd;
	background-color: #e0eaf3;
	/*background : #464646;
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));*/
	margin-top: 10px;
	overflow: hidden;
	display:inline-block;
}

.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;
}

/* Procurement Form Code */

label.desc {
	font-weight:bold;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
	}

.question {
	margin-bottom:15px;
    }
 
.field {
   display: inline;
   }

.printField {
   display: none;
   }

input.text, input.search, input.file, textarea.textarea, select.select{
	margin:0;
	padding:2px 0;
	}

input:focus, textarea:focus{
	background-color: #dde0e2;
	}

input.checkbox, input.radio{
	display:block;
	margin:4px 0 0 0;
	padding:0;
	width:13px;
	height:13px;
	}

.logo {
display: none;
	}
	
	
:-moz-placeholder {
    color: blue;
}
 
::-webkit-input-placeholder {
    color: blue;
}

*: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;
}

/* Styles for ESL Forms - Forms with fields underneath */

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

.register2 h2 {
    margin:0;
    display: inline;
}

.register2 h3 {
	margin-bottom:0;	
}
.required_notification {
    color:#990000;
    margin:5px 0 0 0;
    display:inline;
    float:right;
}

.register2 label {
    width:150px;
    margin-top: 3px;
   /* display:inline-block;
    float:left;
    padding:3px 3px 3px 0;*/
}

.register2 label.inline {
    width:110px;
    margin-top: 1px;
    display:inline-block;
    /*float:left;*/
    padding:3px 3px 3px 0;
}
.register2 input {
    height:20px;
    width:280px;
    padding:5px 8px;
}

.register2 input.small {
    height:15px;
    width:50px;
    padding:5px 8px;
}


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


.register2 textarea {padding:8px; width:400px;}
.register2 button {margin-left:156px;}

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

.register2 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;
}

.register2 input[type=file] {
	border:0px solid #aaa;
    box-shadow: none;
    border-radius:0px;
}
.register2 input:focus, .register2 textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
}




/* Button Style */
button.submit {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer;
}
button.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset;
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
     
}


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



.required-text {
	color: #990000;
	
}

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

/* styles for Publications page on Cetner for Organic Geochemical Analysis */
.publications-margin {
	margin-left:20px;	
}

.publications {
    padding-left: 1.5em;
    text-indent:-1.5em;
	margin-left:40px;
}

/* styles for Publications page on Cetner for Organic Geochemical Analysis */
.publications-margin-leftnav {
	margin-left:0px;	
}

.publications-leftnav {
    padding-left: 1.5em;
    text-indent:-1.5em;
	margin-left:0px;
}

/* Styles for alternating tables row color*/
tr:nth-child(odd)		{ background-color:#cce1ec; }
tr:nth-child(even)		{ background-color:transparent; }





/* Homepage for Human Resources site
-------------------------------------------------------------------- */

#slideshow {
	height:276px;position:absolute;
	z-index:1;
}

#slideshow  ul  {
   margin: 0;
   padding: 0 0 7px 0;
   width: 550px;
   height: 276px;
      }

#slideshow ul  li {
   margin: 0;
   padding: 0;
   list-style: none;
   background: url("") left top no-repeat;    }

#slideshow ul {
   list-style: none;
   }

#articleNoside .right {
	float:right; 
	width: 360px;
	margin: 0px;
	padding: 0;
}
#articleNoside .right h1 {
	font-size:26px;
}
#articleNoside .right .event {
	border-bottom: 1px dotted #333333;
	padding-bottom:10px;
	margin-bottom:20px;
}

#articleNoside .left {
	float:left;
	width:550px;
	height:1300px;
	position:relative;	
}

#articleNoside .left h5 {
	margin-top:10px;	
}

#articleNoside .left .text {
	position:absolute;
	top:286px;	
}

#articleNoside .left .text img {
	float:left;
	margin-right:15px;	
}

/*==================================================
 * Effect 2
 * ===============================================*/

.box {
	width:285px;
	width:211px;	
	height:260px;
	background:#FFF;
	float: left;
	margin-right:15px;
	margin-top:8px;
	padding:10px;
	color:#000;
	font-size: .9em;
	line-height:1.6em;
	
	border:1px solid #27668f;
	border:1px solid #80a9c4;
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.box img {width:278px; width:276px; width:208px;height: auto;}
.box.last {margin-right:0px;float:right;}


.box h3 {font-size:1.30em;text-transform:uppercase;  letter-spacing:.05em;margin:0; padding-bottom:5px;color:#001a35;color:#990000}
.box img {border: 1px solid #999;margin-bottom:4px;}

.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:274px;
  background: #444;
  -webkit-box-shadow: 0 15px 10px #444;
  -moz-box-shadow: 0 15px 10px #444;
  box-shadow: 0 15px 10px #444;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;

}


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

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

.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;
}



/* Institution Policy Table
-------------------------------------------------------------------- */
#policy_table {
padding: 12px;
width:100%;
}

#policy_table .leftcol {
border-right: 1px solid #999999;
width: 25%;
padding: 4px 0px 4px 0;
}

#policy_table .rightcol {
border-top: 1px solid #999999;
width:75%;
padding: 4px 0px 4px 0px;
}

#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;}

/* HR Veterans Form
-------------------------------------------------------------------- */
#hr-form p {
		margin-top:20px;	
	}
	
/* Conflict of Interest 
-------------------------------------------------------------------*/
 .coi_td_body {
    display:block; 
    width:100%; 
    height:850px; 
    overflow-y:auto; 
    overflow-x: hidden;
}