<!--NODC stylesheet-->

html { margin:0; padding:0;}
body { margin:0; padding:0;
}

a {
	color:#000066;
	text-decoration: underline;
}

a:hover {
	background-color: #b4e0f6;
	color: #000066;
	text-decoration:none;
}

a.whiteboldsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000066;
}

dl {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000066;
}

.top {
	padding-top: 2px;
}

.toptxt {
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000066;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000066;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000066;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
}

.reg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-align: left
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.libheaderbg{
background-color: #5D7E91;
}

.headingblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066CC;
	font-weight: bold;
}


.heading18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align:center;
}

.nongov {
	font-size: 12px;
	color: #FF6600;
	font-weight:bolder;
}

.nongovfooter {
	font-size: 10px;
	color:#CC6600;
}

.indent {
	padding-left: 10px;
}

.cookie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

.blackboldsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.blackbold12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
}

.redbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}

.redsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
}

.sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}

.sbheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-size: 15px;
	font-weight:bold;
}

.green {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	font-size: 12px;
}

.greensmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	font-size: 10px;
}

.greenitalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	font-size: 12px;
	font-style: italic;
}

.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
}

.redsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CC0000;
}

.darkyellow {
color: #888800;
}
.bluegreybg{
 background-color: #ACBDCD;
}
 
.darkbluebg {
	background-color: #000066;
}

.lightbluebg {
	background-color: #EAF9FF;
}

.greybg {
	background-color: #DDDDDD;
}

.whitebg {
	line-height: 1.45; /* could be "normal" */
	background-color: #FFFFFF;
}

.brightbluebg {
	background-color: #3399CC;
}

.highlight {
	color: #f6fab8;
}

.potdhdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background: inherit;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}

.potd {
	text-align: center;
	padding: 0 10px 0 10px;
}

.potdtext {
	display: none;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold; */
}

.potd img {
	border: 1px solid;
	text-align: center;
}

.noaainfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
	
}

tr.noaainfo {
	padding: 5px 10px 5px 10px;
}

/* this is for IE 7 */
tr.noaainfo td {
	margin: 0;
	padding: 0;
}

/* change these to match the IMG size */
input.go {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

.noaainfo form, .noaainfo label {
 
	padding: 2px;
	margin: 0;
}

.noaainfo input {
	font-size: 10px;
	vertical-align: middle;
	padding: 1px;
	margin: 0 0px 0 0px;
}

.noaainfo input.search {
	background: #ffffff;
	color: #000000;
	font-size: 10px;
}


.titleheading {
	font-family: 'Trebuchet MS', 'Lucida Grande',
		Verdana, Lucida, Geneva, Helvetica,
		Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

.titleheading a {
	padding-left: 5px;
	padding-right: 5px;
}

.titleheadingleft {
	font-family: 'Trebuchet MS', 'Lucida Grande',
		Verdana, Lucida, Geneva, Helvetica,
		Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
}

.titleheadingline {
	border-top: 1px solid #90bade;
	padding: 5px 0 1px 0;
}

.fillin {
	background-color: #a2b5ae;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.fillinblack {
	background-color: #000000;
}

.fillinblue {
	background-color: #2175bc;
}

.fillingrey {
	background-color: #788FAB;
}

.blueboldalign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	padding-top: 8px;
	padding-bottom: 5px;
}

.blueboldalignlib {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000066;
	padding-top: 8px;
	padding-bottom: 5px;
}


.extend {
	background-color: #036da1;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	border-right: none;
	border-bottom: 1px solid #000066;
	border-left: none;
	border-top: 1px solid #000066;
	text-align: center;
}

#footer a {
	display: inline;
	padding: 0px 1px 0px 1px;
	color: #ffffff;
	text-decoration: none;
	width: auto;
}

#footer a:hover {
	background-color: #b4e0f6;
	color: #000066
}

#footer2 {
	font-weight: bold;
}

#footer2 acronym a {
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #999999;
}

#footer2 a:hover {
	background-color: #ddedf5;
	color: #000066
}

#button {
	width: 100%;
	padding: 0 0 1em 0;
/*	margin-bottom: 1em; */
	font-family: 'Trebuchet MS', 'Lucida Grande',
		Verdana, Lucida, Geneva, Helvetica,
		Arial, sans-serif;
	background-color: #788FAB;
	color: #333;
	border: none;
	font-weight:bold;
}

#button ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
}

#button li {
	border-bottom: 1px solid #90bade;
	margin: 0;
	padding: 0;
}

#button li a {
	display: block;
	padding: 2px 2px 2px 0.5em;
	border-left: 5px solid #1958b7;
	border-right: 5px solid #508fc4;
	background-color: #025f9c;
	color: #ffffff;
	text-decoration: none;
	width: auto;
	font-size: 11px;
	line-height: 1.4;
}

#button li a:hover {
	border-left: 5px solid #1c64d1;
	border-right: 5px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
	font-size: 11px;
}

#list {
	width: 80%;
	padding: 1em;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
		Verdana, Lucida, Geneva, Helvetica,
		Arial, sans-serif;
	background-color: #788FAB;
	color: #333;
	border: 1px solid #000066;
	font-size: 12px;
	font-weight: bold;
}

#list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#list li {
	margin: 0;
}

#list li a {
	display: inline;
	padding: 0px 0px 0px 0.5em;
	background-color: #788fab;
	color: #fff;
	text-decoration:none;
	width: auto;
}

#list li a:hover {
	background-color: #b4e0f6;
	color: #000066
}

.liblistwbg {
	width: 80%;
	font-family: 'Trebuchet MS', 'Lucida Grande',
		Verdana, Lucida, Geneva, Helvetica,
		Arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 10px;
}

.liblistwbg ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.listwbg {
	width: 80%;
	font-family: 'Trebuchet MS', 'Lucida Grande',
		Verdana, Lucida, Geneva, Helvetica,
		Arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.listwbg ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.listwbg li {
	margin: 0;
}

.listwbg li a {
	display: inline-block;
	padding: 0px 0px 0px 5px;
	text-decoration:underline;
	width: auto;
	color: #000066;
}

.listwbg li a:hover {
	background-color: #b4e0f6;
	text-decoration:none;
}

#listcolor {
	width: 80%;
	padding: 1em;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
		Verdana, Lucida, Geneva, Helvetica,
		Arial, sans-serif;
	background-color: #eeeeee;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}

#listcolor ul {
  list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#listcolor li {
	margin: 0;
}

#listcolor li a {
	display: run-in;
	padding: 0px 0px 0px 0.5em;
	background-color: #eeeeee;
	color: #000000;
	text-decoration:none;
	width: auto;
}

#listcolor li a:hover {
	background-color: #ddedf5;
	color: #000066;
}

#spotlight {
	text-align:left;
	width:auto;
}

.sideindent1 {
	padding-left: 10px;
}

.sideindent2 {
	padding-left: 20px;
	padding-right: 10px;
}

.blueborder {
	border: solid #9cc5de 1px;
	margin-bottom: 8px;
}

.leftnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}

.bluebar {
	background-color: #000; /* #788fab; */
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.footersmall {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
/* 	line-height: 13px; */
	font-weight: bold;
	color: #999999;
}

.footersmallblack {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
/*	line-height: 13px; */
	font-weight: bold;
	color: #000000;
}

li.list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	font-size: 13px;
	text-align: left;
}

/* OCL Styles */
.smallboldred {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.smallparabold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
}

.oclsitebar {
	background-color: #557BA4;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
 .newreg {font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #555555;
}

.ocl {font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #557BA4;
}

a.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	
}

a.white:hover {
	background-color: #cccccc;
	color: #000066;
	text-decoration:none;
}

a.plus {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-decoration:none;
}


.bluegray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
}

.tablebordernodc {
	border: solid 1px #555555;
	border-top: #000000;
	border-collapse: collapse;
}

.tableborder {
	border: solid 1px #999999;
	border-collapse: collapse;
}

.tableborderheat {
        border-collapse: collapse;
        background-color: #AECBEB;
}


.smallred {
	color: #cc0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.head1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #336699;
}

.head1heat {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #336699;
}

.head2heat {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #336699;
}


.head2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
}

.head3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #336699;
}

.lilachd1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #5A5AAD;
}

.lilachd2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #5A5AAD;
}


.tablehd1 {
	background: #dbdbdb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000066;
}

.tablehd2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #336699;
}

.tablehd3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #555555;
}

.tbborder2 {
        border: solid 2px #999999;
        border-collapse: collapse;
}

.tbblackhd {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #555555;
}

.tbblack {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
}

.pubhd1 {
	background: #94C8E4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}

.tableunderline {
	border: solid 8px #000066;
	border-top: #000000;
	border-left: #000000;
	border-right: #000000;
	border-collapse: collapse;
}

.underline {
	text-decoration: underline;
}

.leftmargin {
	margin-left: 0.5cm;
}

.leftmargindouble {
        margin-left: 1.0cm;
}

.leftmargintriple {
        margin-left: 1.4cm;
}

.leftmarginquatro {
        margin-left: 2.5cm;
}


.leftmargingeo {
	margin-left: 2.3cm;
}

.rightmargin {
	margin-right: 0.5cm;
}

.rmarginsmall {
        margin-right: 0.2cm;
}


.darkgreynotes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
}

.darkgrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
}

.lightgrey {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #999999;
}


.lightgreybg {
             background-color: #dbdbdb;
}

.lightergreybg {
             background-color: #f5f5f5;
}

.orange {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #ED7110;
}


.sigma {
        font-family: Symbol;
        font-size: 12px;
}

.grtilebg {
           background-image: url("/OC5/BARPLANK/WWW/IMAGES/grtile.gif");
}


/*	Seminars page various month colors */

.sem_1{ 
color:#006699;
font-style: italic;
font-weight: bold;
}
.sem_2{ 
color:#000000;
font-style: italic;
font-weight: bold;
}

.justify{ 
text-align: justify;
}

#simplesearch {background-image:url(Images/diving_ocean.jpg); background-position: 0 -450px ; background-repeat:no-repeat; background-color:#d7eafc; border:1px solid #ccc; padding:30px; text-align:left ;}
.col1 {padding-right:20px;}
.col2 {}
.oas { text-align:left; margin:0 20px 0 20px;}
.oas2 { text-align:left;}
.oas h3, .oas2 h3 {margin:0 0 15px 0;}
.oas ul, .oas2 ul {margin:0 0 15px -25px;}
.oas table, .oas2 table { vertical-align:top; text-align:left;}
.b_sidebar { margin-left:10px;}
.mnav { color:#fff; font-weight:bold;}

/*-------------------added by JC --------------------------------------------


/* added by JC for 03_15_10 presentation */

a#advanced{ font-weight:bold; font-size:1.2em; margin:-10px auto 0 40px;color:#ffffff; height:20px; width:170px; }
a#advanced:hover{background-color:#D7EAFC; font-weight:bold; font-size:1.2em; margin:-10px auto 0 40px;color:#000066}
#simplesearch1 {background-image:url(Images/diving_ocean.jpg); background-position: -430px -450px ; background-repeat:no-repeat; background-color:#d7eafc; border:1px solid #ccc; padding:15px; text-align:left;position:relative; border:1px solid #006666}
h2#oda{color:#ffffff; font-family: sans-serif;
	font-size: 19px; margin:0 auto 0 15px;}
	
	
/*added by JC for: /SatelliteData/Climatologies/jpeg_clim_big/index.html AND /General/dwh_altimetry.html*/

#photo{width:601px; height:407px; display:block;}
#container_A {margin-left:40px; margin-top:10px;}
#container_B {float:right; position:relative; margin-right:150px; width:610px; height:450px;}
#both{width:31px;display:block; }
#left{ width:15px; margin-left:30px;}
#one{width:108px; margin-left:30px;}
#two{display:block; line-height:20px;float:left;width:auto; margin-right:3px; color:#f6931f; font-family: Segoe UI, Arial, sans-serif; font-size: 16px; font-weight:bold;text-align:left;}
#three{display:block; float:left;width:10px;font-size: 16px; }

#photo_a, #photo_b{width:750px; height:584px; display:block}

#container_A_a {margin-left:30px;}

#both_a, #both_b{width:225px;height:60px; display:block; margin-left:85px;  background-image:url(/Images/carrot.png);background-repeat:no-repeat;background-position:100px 35px;}
#left_a, #left_b{   }
#wrap_a, #wrap_b{ padding-left:30px;height:30px;border-bottom:2px solid #ff9900;padding-top:5px; }
#one_a, #one_b{ display:block; line-height:24px;float:left;width:auto; margin-right:3px; color:#C60; ; font-family: Segoe UI, Arial, sans-serif; font-size: 16px; font-weight:bold;}
#two_a, #two_b{display:block; float:left;width:10px;}
#thru_a, #thru_b{ font-family: Segoe UI, Arial, sans-serif; font-size: 12px; padding-left:10px; line-height:24px; color:#C60; font-style:italic; width:auto }
#three_a, #three_b{display:block; float:left;width:10px;}



/*more JC styles for /General/NODC-About/NODC-Major-Products.html*/
.row-one {
	background-color: #ddd;
}
.row-two {
	background-color: #9cf;
}

#goal {
	background-color: #036;
	color:#fff;
font-weight:bold;
text-align:center;
}	
	
/*----------------------end added by JC--------------------------------------------