/*
*		CEV Animation CSS Document
*	
*		@media:		screen
*		@author:	CEV (cev.washington.edu)
*
===============================================*/


#wrapper { background-repeat: repeat-x; background-position: 0 46px; text-align: left; position: relative; padding: 0; width: 1029px; height: 100%; clear: left; margin-top: 0; margin-right: auto; margin-left: auto; display: inline-block;     /* Total width - Padding */
}
#wrapper { display: block; }
/* Clear fix */
#wrapper:after, #header:after, #main:after, #footer-wrapper:after,#footer:after, #main .folio-nav:after, .folio #main #latest:after, .folio #main #archive:after, #main .col3 .explorer:after, #main .col2 .person:after, .news #main #archive:after, .news #main #single:after { 
  content:  "."; 
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
body { font-size: 12px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 15px; background-image: url(../images/bg.jpg); background-repeat: repeat-x; }
.main { font: 12px/15px Helvetica, Verdana, Arial, sans-serif; }
.mainABC { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-variant: normal; line-height: 14px; width: 785px; float: left; }
/* Grids are good for structure
===============================================*/

.colA, .colB, .colC { background-image: url(../images/fade-lighter.png); background-repeat: repeat-x; float: left; padding: 5px 10px 15px; width: 308px; height: auto; margin-right: 20px; border: dotted 1px #ebebeb; }
.colA-homepage { background-image: url(../images/fade-lighter.png); background-repeat: repeat-x; padding: 5px 15px 15px 10px; width: 352px; height: auto; float: left; margin-right: 20px; border: dotted 1px #ebebeb; }
.colB-homepage { background-image: url(../images/fade-lighter.png); background-repeat: repeat-x; padding: 5px 15px 15px 10px; width: 352px; height: auto; float: left; border: dotted 1px #ebebeb; }
.col1 { background-image: url(../images/transparent-white.png); background-repeat: repeat; padding: 5px 10px 15px; width: 210px; height: auto; float: left; clear: left; border: dotted 1px #a4a4a4; }
.more { font-size: 12px; font-weight: bold; background-color: #e6e6e6; text-align: right; padding: 10px; width: 80px; height: 12px; float: right; }
.col1-invisible { background-repeat: repeat; position: relative; width: 210px; height: 1px; float: left; }
.col1-wrapper { background-repeat: repeat; width: 232px; height: auto; float: left; clear: left; }
.col-affiliationsWrapper { background-repeat: repeat; width: 485px; height: auto; float: left; clear: left; }
.col-affiliations-title { width: 445px; float: left; margin-top: 14px; }
.quoteIndent { background-repeat: repeat; width: 165px; height: auto; float: left; padding-top: 5px; padding-right: 10px; }
.col1-blockQuote { background-image: url(../images/transparent-white.png); background-repeat: repeat; padding: 5px 10px 15px; width: 210px; height: auto; float: right; clear: right; border: dotted 1px #a4a4a4; }
.col1-expanded { background-image: url(../images/transparent-white.png); padding: 10px 10px 15px; width: 758px; height: auto; float: left; }
.col1-full { background-image: url(../images/transparent-white.png); padding: 15px; width: 999px; height: auto; float: left; }
.col2 { background-image: url(../images/transparent-white.png); padding: 5px 10px 15px; width: 510px; height: auto; float: left; }
.col2 { margin: 0 25px 0 17px; }
.col2-expanded { padding: 5px 0 15px; width: 675px; height: auto; float: left; }
.col2-expanded { margin: 0 20px; }
.col3 { background-image: url(../images/transparent-white.png); position: absolute; top: 110px; left: 798px; width: 210px; z-index: 4000; float: left; clear: left; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; }
#col3-accordion { background-repeat: repeat-x; background-position: 0 bottom; width: 445px; z-index: 991; float: left; padding: 0; }
.col-600-log { background-image: url(../images/transparent-white.png); padding: 15px 20px; width: 571px; float: left; }
.col-750 { background-image: url(../images/transparent-white.png); padding: 15px; width: 740px; float: left; }
.col-750Double { background-image: url(../images/transparent-white.png); padding: 15px; width: 740px; float: left; }
.col-750Show { background-image: url(../images/transparent-white.png); padding: 15px; width: 720px; float: left; }
.col-850 { background-image: url(../images/transparent-white.png); padding: 15px; width: 740px; float: left; }
.col-260 { background-image: url(../images/transparent-white.png); padding: 15px 20px; width: 360px; float: right; }
.col-450 { width: 465px; float: left; clear: left; }
.col-360-student { width: 340px; float: left; margin-right: 20px; }
.col-fullPeople { background-image: url(../images/transparent-white.png); padding: 5px 20px 15px; width: 990px; float: left; }
.col-People { background-image: url(../images/transparent-white.png); position: relative; padding: 5px 20px 15px; width: 462px; float: left; clear: left; }
.col-PeopleRight { background-image: url(../images/transparent-white.png); width: 462px; float: right; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; }
.col-chiefscientists { width: 485px; float: left; clear: left; }
.col-chiefscientists-DSK { width: 485px; float: left; clear: left; }
.col-affiliations { margin-right: 18px; width: 485px; float: left; }
.col-465Right { width: 485px; float: right; }
.col-220Right { background-color: #bf4707; width: 270px; float: right; }
.col-220RightContent { background-image: url(../images/transparent-white.png); width: 215px; float: right; padding: 5px 10px 15px; }
.col-personSmall { color: #fff; text-align: center; width: auto; height: auto; float: left; }
.col-personText { width: 460px; padding: 5px 10px 15px; height: auto; float: left; margin-top: 10px; }
.col-editDelete { width: 100%; height: auto; float: left; clear: left; margin-top: 10px; }
.col-fileText { margin-top: 10px; width: 500px; height: auto; float: left; padding-top: 5px; padding-right: 10px; padding-bottom: 15px; }
.col-fileContents { color: #fff; text-align: center; width: auto; height: auto; float: left; margin-right: 15px; }
.col-projectContents { color: #fff; text-align: center; width: auto; height: auto; float: left; padding-right: 15px; }
.col-logText { width: 705px; height: auto; float: left; margin-bottom: 8px; padding-top: 5px; padding-right: 10px; padding-bottom: 15px; }
.col-relatedContent { color: #fff; background-image: url(../images/transparent-white.png); text-align: center; margin-top: 5px; width: auto; float: left; }
.col-blockquote { background-image: url(../images/fadedown-offwhite.png); padding-right: 20px; width: 510px; height: auto; float: left; clear: left; }
.listwrapper { padding-right: 20px; height: auto; float: left; clear: left; }
#main { background-repeat: no-repeat; background-position: center top; height: 140px; margin-top: 10px; padding-right: 0; padding-bottom: 2em; }
#mainnav { background-repeat: no-repeat; background-position: 0 top; color: #fff; font: 12px "Helvetica Neue", Helvetica, Geneva, sans-serif; position: absolute; top: 60px; padding: 0; width: 999px; height: 47px; z-index: 1005; float: left; margin: 0; }
#adminMain { background-repeat: no-repeat; background-attachment: scroll; background-position: center top; height: 140px; padding: 20px 0 2em 20px; }
/* Header stuff
===============================================*/
#header { background-image: url(../images/header-bg.png); background-repeat: repeat-x; background-position: 0 top; padding: 10px 0 0 30px; top: 0; width: 999px; height: 100px; z-index: 1001; }
#ooiTitle { background-color: transparent; background-image: url(../images/ooi-mapping-cruise-title.png); background-repeat: repeat-x; background-position: 0 bottom; padding: 0; position: absolute; z-index: 999; top: 0; left: 0; width: 1029px; height: 90px; float: left; }
#mainimageTitle { background-color: transparent; background-image: url(../images/fadeup.png); background-repeat: repeat-x; background-position: 0 bottom; padding: 0; position: absolute; z-index: 2000; top: 387px; left: 12px; width: 754px; height: 133px; float: left; }
#mainimageCaption { background-color: transparent; background-repeat: no-repeat; background-position: 0 top; padding: 0; position: absolute; z-index: 2000; top: 485px; left: 34px; width: 800px; height: 85px; float: left; }
#byebutton { background-color: transparent; background-repeat: no-repeat; background-position: 0 top; padding: 0; position: absolute; z-index: 991; top: 495px; left: 5px; width: 89px; height: 85px; float: left; }
#myspacebutton { background-repeat: no-repeat; background-position: 0 top; padding: 0; position: absolute; z-index: 991; top: 419px; left: 76px; width: 121px; height: 87px; float: left; }
/* Headings
===============================================*/
h1 { font: bold 38px "Helvetica Neue", Helvetica, Geneva, sans-serif; color: #fff; word-spacing: 0.2em; margin: 0; }
h1.mainimageTitle { color: #fff; font: 34px "Helvetica Neue", Helvetica, Geneva, sans-serif; z-index: 2001; margin: 0; padding-top: 62px; padding-left: 20px; }
p.mainimageCaption { color: #fff; font: 12px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin: 0; padding-top: 62px; padding-left: 20px; z-index: 2001; }
h1 span { color: silver; font-size: 30px; }
h2.sidebar { color: #fff; font: bold 25px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
h2 { color: #fff; font: bold 25px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
h3 { color: #273f67; font: 20px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin: 3px 0 10px; }
h4 { color: #243546; font: 16px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin: 0 0 10px; }
h4 { color: #243546; font: 16px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin: 0 0 10px; }
h4 p { color: #5c5c5c; font: bold 16px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin: 0 0 15px; }
h5 { color: #f00; position: absolute; text-indent: -9999px; }
h3.log { color: #273f67; font: 20px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin: 3px 0 5px; }
h3.sidebar { color: #243546; font: 18px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin: 3px 0 5px; }
h3.people { color: #356083; font: 14px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin-right: 0; margin-bottom: 5px; margin-left: 0; }
h3.affiliations { color: #356083; font: bold 14px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin-right: 0; margin-bottom: 5px; margin-left: 0; }
h3.peopleSubtitle { color: #243546; font: 18px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin: 8px 0 5px; }
h4.sidebar { color: #273f67; font: 16px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin: 3px 0 10px; }
h4.quote { color: #405063; font: italic bold 15px "Helvetica Neue", Helvetica, Geneva, sans-serif; margin: 3px 0 10px; }
h2 span { color: silver; font-size: 30px; }
#main-mediacenter h2 { color: #fff; font: 15px/1em "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; margin: 6px 0 14px; }
#main ul { color: #444; font: 12px/1em Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; margin: 6px 0 14px; list-style-type: disc; }
#secondary-mediacenter h2 { color: #a4c1d5; font: 15px/1em "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 0.5em; margin: 6px 0 14px; }
/* Typography
===============================================*/
p.navigation { color: #fff; font: 12px "Helvetica Neue", Helvetica, Geneva, sans-serif; text-transform: lowercase; }
p { color: #444; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 16px; margin: 0.1em 0 0.9em; }
p.imagecaption { color: #496f88; font-size: 10px; text-align: center; width: auto; height: auto; }
p.bodytext a { color: #5e8dbf; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-style: normal; line-height: 22px; text-decoration: none; }
a { color: #5e8dbf; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; }
p a:visited { color: #546983; text-decoration: none; }
a:hover { color: #308eff; text-decoration: none; }
p a:hover { color: #308eff; text-decoration: none; }
p.icon-title { color: #fff; font: bold 20px/22px "trebuchet ms"; text-decoration: none; text-align: center; text-transform: uppercase; }
p.intro { color: #1d4b72; font: bold 16px/22px "trebuchet ms"; text-decoration: none; text-align: left;  }
p.bodytext { color: #1a1a1a; font: 14px/22px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; text-align: left;  }
.col-personText p { color: #3b3b3b; font: 12px/16px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; text-align: left;  }
p.poemtext { color: #1a1a1a; font: 16px/22px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; text-align: left;  }
p.peopleTitle { color: #243546; font: bold 14px/22px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; text-align: center;  }
p.elatext { color: #e6e6e6; font: 12px/20px "trebuchet ms", Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left;  }
p.sponsortext { color: #444; font: 11px/12px "trebuchet ms", Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left;  }
p.sponsors { color: #eeeee6; font: bold 18px/22px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left;  }
p.sidebar { color: #3b3b3b; font: 12px/18px Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left;  }
p.accordion { color: #3b3b3b; font: 12px/22px Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left; padding: 5px 10px 15px;  }
.quoteSymbol { font-size: 36px; font-family: georgia; background-image: url(../images/quoteimage.png); width: 34px; height: 28px; float: left; clear: left; margin-top: 8px; }
p.moreinfo { background-image: url(../../pangaea/web-content/graphics/arrow.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 25px; padding-left: 22px; }

p em {
font-style: italic;
}
/* Miscellaneous
===============================================*/
.image-410-L { padding-right: 20px; width: 410px; height: auto; float: left; }
.image-510-L { text-align: center; padding-right: 20px; width: auto; height: auto; float: left; }
.image-748-L { width: 754px; height: auto; float: left; }
.image-250-L { width: 205px; height: auto; z-index: 3000; float: left; clear: left; padding-right: 20px; }
.image-250-LHome { z-index: 3000; width: auto; height: auto; float: left; clear: left; }
.image-250-LContent { background-color: #799096; width: 205px; height: auto; }
.image-280-L { padding-right: 20px; width: 260px; height: auto; float: left; }
.imageborder { border: solid 1px #d5d5d5; }
.image-250-R { width: 250px; height: auto; float: right; padding-left: 20px; }
.image-120-L { padding-right: 10px; width: 120px; float: left; }
#section-image {
width: 730px;
height: 300px;
float: left;
}

span.hr { border-top: 1px dotted #adbbca; display: block; height: 0; overflow: hidden; width: 90px; margin-top: 6px; margin-bottom: 18px; }
span.hr2 { right: 10px; display: block; width: 100%; height: 0; overflow: hidden; margin: 6px auto 12px; border-top: 1px dotted #bac2ca; }
span.hr2 { display: block; margin: 6px auto 12px; right: 10px; width: 100%; height: 0; overflow: hidden; border-top: 1px dotted #bac2ca; }
span.hr3 { right: 10px; display: block; width: 100%; height: 0; overflow: hidden; margin: 6px 10px 18px auto; border-top: 1px dotted #ededed; }
span.hr4 { display: block; right: 10px; width: 100%; height: 0; overflow: hidden; margin-right: auto; margin-bottom: 8px; margin-left: auto; border-top: 1px dotted #bac2ca; }
span.hr-deco { background-repeat: no-repeat; background-attachment: scroll; background-position: center top; border-top: 1px solid #5f6c78; display: block; height: 15px; overflow: hidden; margin: 10px auto; width: 90px; }

img.fl-left {
float: left;
margin: 0 10px 5px 0;
}
img.fl-right {
float: right;
margin: 0 0 5px 10px;
}

.alert { color: #a1040b !important; font-weight:bold; border-style: none; }
/* Latest News stuff
===============================================*/
#main h3 a, #main h3 a:link { color: #e4c972; text-decoration: none; }
#main h3.sponsortitle { font-size: 12px; font-variant: normal; text-decoration: none; text-transform: uppercase; text-align: left; letter-spacing: 0.2em; }
#main h3.sponsortitle a, #main h3.sponsortitle a:link { color: #243c5b; text-decoration: none; }
#main h3 a:visited {
	color: #c6af69;
	}
#main h3.sponsortitle a:visited { color: #243c5b; }
#main h3 a:hover { color: #ff9; }
#main h3.sponsortitle a:hover { color: #e18500; text-decoration: none; }
body.client #content ul li a:visited {
			color: #999;
			}
body.client #content ul li a span.size {
				color: #ccc;
				}
/* Client Pages
===============================================*/
#mediacenter { background-color: transparent; background-repeat: no-repeat; background-position: 0 top; padding: 0; position: absolute; z-index: 1001; top: 180px; left: 20px; width: 265px; height: 30px; float: left; }
#mediacenter h2 { color: #fff; font: 15px/1em "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin: 6px 0 14px; }
#mediacenter a { color: #fff; font: 18px/1em "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left; margin: 6px 0 14px; }
#mediacenter a:visited { color: #fff; font: 18px/1em "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left; margin: 6px 0 14px; }
#mediacenter a:hover { color: #bf4707; font: 18px/1em "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left; margin: 6px 0 14px; }
#mediacenter h2 { color: #bf4707; font: 18px/1em "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; text-transform: uppercase; letter-spacing: 0.3em; margin: 6px 0 14px; }
#video-container { background-color: #000; background-repeat: no-repeat; background-position: 0 top; padding: 0; position: absolute; top: 189px; left: 270px; width: 460px; height: 289px; z-index: 600; float: left; }
img, div { behavior: url(iepngfix.htc) }
.col-601 ul { color: #444; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; position: relative; list-style-type: square; list-style-position: inside; margin: 0; left: 20px; width: 600px; height: auto; float: left; padding-right: 0; padding-bottom: 15px; padding-left: 0; border: 0; }
.col-601 ul a { color: #bf4707; list-style-type: square; list-style-position: inside; border: 0; }
.col-601 ul a:hover { color: #e18500; list-style-type: square; list-style-position: inside; border: 0; }
.col-601 ul a:visited { color: #885134; list-style-type: square; list-style-position: inside; border: 0; }
.col-601 ol { color: #444; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; list-style-type: decimal; list-style-position: inside; margin: 0; padding-right: 0; padding-bottom: 15px; padding-left: 0; position: relative; left: 20px; width: 600px; height: auto; float: left; border: 0; }
.col-601 ol a { color: #bf4707; list-style-type: decimal; list-style-position: inside; border: 0; }
.col-601 ol a:hover { color: #e18500; list-style-type: decimal; list-style-position: inside; border: 0; }
.col-601 ol a:visited { color: #885134; list-style-type: decimal; list-style-position: inside; border: 0; }
ul.left { color: #3d4957; float: left; width: 215px; margin: 0; padding: 0 0 5px; border: 0; list-style-position: inside; list-style-type: square; position: relative; left: 3px; }
ul.sidenav { color: #3d4957; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 16px; list-style-position: inside; margin: 0; padding: 0 0 5px; position: relative; top: 10px; left: 16px; width: 215px; float: left; border: 0; list-style-type: none; }
ul.sidenav a { color: #2c5a93; font-weight: bold; line-height: 14px; text-decoration: none; }
ul.sidenav a:hover { color: #308eff; }
ul.sidenav a:visited { color: #546983; }
ul.left-indent { color: #6d6d6d; line-height: 14px; margin: 0; position: relative; float: left; clear: left; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; list-style: none url(../images/arrow.png) inside; }
ul.left-indent a { color: #2c5a93; font-weight: bold; line-height: 14px; text-decoration: none; }
ul.left-indent a:hover { color: #59a0f6; }
ul.right {
    float: right;
    width: 160px; 
    margin: 0;
    padding: 15px 0;
    border: 0; 
    list-style-position: inside;
    list-style-type: square;
  }
ul.accordion { color: #3d4957; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 16px; background-color: #bf4707; list-style-type: none; list-style-position: inside; margin: 0; padding: 0 0 5px; position: relative; top: 10px; left: 16px; width: 400px; float: left; border: 0; }
.no-space {
    margin: 0px;
    padding: 0px;
  }
.logtext { text-align: left; width: 558px; vertical-align: top; }
.logauthorthumb { position: relative; width: 40px; }
.dailylogthumb { position: relative; top: 0; width: 80px; margin-top: 0; }
.logMostRecentauthorthumb { position: relative; top: 0; width: 80px; height: auto; margin-top: 0; }
.logspacer { width: 8px; }
.logspacer-wh { width: 8px; height: 13px; }
#allmedia { text-align: right; padding: 15px 25px 15px 15px; width: 90px; height: 20px; float: right; }
#footer-wrapper { background-color: transparent; background-image: none; background-position: 0 0; position: relative; left: 10px; width: 1040px; clear: both; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0;         /*** Same as body background ***/
		}
#footer { background-image: url(../images/footer-bg01.png); background-repeat: no-repeat; text-align: center; width: 1040px; height: 92px; clear: both; margin-left: -15px; padding-top: 42px; }
#footer li { color: #3f424c; font-size: 0.8em; display: inline; border-left: 1px solid #afafaf; padding: 0 0 0 0.75em; margin: 0 0.5em 0 0; }
#footer li { color: #3f424c; font-size: 0.8em; display: inline; margin: 0 0.5em 0 0; padding: 0 0 0 0.75em; border-left: 1px solid #afafaf; }
#footer ul { display: inline; margin: 80px 0.5em 0 0; padding: 0 0 0 0.75em; }
#footer li:first-child { padding-left: 0; border: 0; }
#footer a { color: #2c5a93; text-decoration: underline; }
#footer a:hover, #footer a:focus { color: #308eff; }