@charset "utf-8";
/* CSS Document */

/* html { background:transparent url(bkg_nodc_dark1.jpg) top center repeat; font-size:12px; min-height:101%;} */
html { }
body { font:1em/1.65 Arial, Helvetica, sans-serif; text-align:center; }

div { text-align:left;}
img, object { display:block;}

sub {font-size:xx-small; vertical-align:bottom;}

p { margin:0 12px 15px 0;}

a {	color:#000066; text-decoration: underline;}
a:visited {}
a:hover { background-color: #b4e0f6; color: #000066; text-decoration:none;}
a.nobg:hover { background:transparent;}
a:active {}

h2 { font-family:"Times New Roman", Times, serif; font-size:20px; font-weight:bold; line-height:1.2; margin:5px 0 15px 0;}
h2.subh { color:#999; font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:normal; line-height:1.2; margin:-15px 0 15px 0;}
h3 { font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold;}
h3.subtitle { font-weight:normal; font-size:12px; margin-top:-15px; margin-bottom:15px;}
h3.separator { background:#025f9c url(../images/bkg_005d9c_navblue1.jpg) top left repeat; color:#fff; line-height:1.6; margin-bottom:15px; margin-left:-0px; padding:0 10px 2px 10px;}
h3.separator2 { background:#ccc; border-right:1px solid #999; border-bottom:1px solid #999; color:#000; line-height:1.6; margin-bottom:15px; margin-left:-0px; padding:0 10px 2px 10px;}
h3.separator + h3.separator2 { margin-top:-14px;}
h3.separator a { color:#fff;}
h3.separator a:hover { color:#000;}

ul, ol { font-size:1em; list-style:outside; list-style-type:disc; margin:0 10px 15px 20px;}
ol { list-style-type:decimal;}
ol { }
ul li, ol li { line-height:1.65;}

ul.paralist { list-style:outside; list-style-type:none; margin-left:0;}
ul.paralist li { line-height:1.5; margin-bottom:0;}

ul.romnum { list-style-type:upper-roman;}
ul.romnum li ul { list-style-type:disc;}
ul.romnum li ul li ul { list-style-type:circle;}

ul.lispace li { margin-bottom:10px;}

ul.horizli { padding-bottom:20px;}
.horizli li { float:left; margin-left:20px;}

hr { margin:0; padding:0;}

p#mission { font-size:14px; font-style:italic;}

a.offsite { padding-right: 13px; background-image:url(../images/extrnl_link.gif); background-repeat:no-repeat; background-position:right 3px}
.xtrabox a.offsite { padding-right: 16px; background-image:url(../images/extrnl_link2.gif); background-repeat:no-repeat; background-position:right 3px}
a.pdf { padding-right: 13px; background-image:url(../images/tiny_pdf.gif); background-repeat:no-repeat; background-position:right 3px;}
a.email { padding-right: 22px; background-image:url(../images/tiny_mail.gif); background-repeat:no-repeat; background-position:right 3px;}
a.word { padding-right: 13px; background-image:url(../images/tiny_word.gif); background-repeat:no-repeat; background-position:right 3px;}

code { display:block; margin: 0 0 15px 15px;}

sup a{ font-size:9px; vertical-align: top; margin-left:3px;}

/* Generic Forms */
form { border:0px; margin:0; padding:0px; position:relative;}
form fieldset { border:0;}
form fieldset ul, fieldset ol { margin:0 0 15px 0; list-style:none;}
form fieldset ul li, form fieldset ol li { list-style: none;}
form fieldset h3 { margin-bottom:3px;}
form legend {}
form input { border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #666; padding:3px 4px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:3px 0;}
form button { font-size:14px; padding:5px 10px;}
form button.sameline { padding:3px 10px}
form .w1 { width:10%;}
form .w2 { width:25%;}
form .w3 { width:30%;}
form .w4 { width:40%;}
form .w5 { width:50%;}
form .w6 { width:60%;}
form .w7 { width:70%;}
form .w8 { width:80%;}
form .w9 { width:90%;}
form .w10 { width:100%;}
form .h1 { height:10px;}
form .h2 { height:25px;}
form .h3 { height:30px;}
form .h4 { height:40px;}
form .h5 { height:50px;}
form .h6 { height:60px;}
form .h7 { height:70px;}
form .h8 { height:80px;}
form .h9 { height:90px;}
form .h10 { height:100px}

.myButton {
	padding: 7px 15px;
    background: #4075a4;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.myButton:hover {
	background: #00a2e3;
    border: solid 1px #2A4E77;
    text-decoration: none;
    color:#fff;
}
.myButton:active {
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

/* End Forms*/

.mar20 { margin-bottom: 20px;}
.mar10 { margin-bottom: 10px;}
.mar5 { margin-bottom: 5px;}
.negmar { margin-top: -15px;}

.alert { border: 3px solid red; padding:5px 10px; margin-bottom:20px;}
.alert h3 { background:red; color:#fff; padding-left:10px; margin:-5px -10px 15px -10px;}

#noaahead { margin-top:20px; background:white;}
#noaahead img {float:left; margin:0; padding:0;}
#noaahead .clogo { float:right; margin-top:0;}

.topsearch { background:#000; color:#fff; font-size:10px;}
.topsearch p { float:left; margin:4px 0 1px 10px; font-style:italic; font-size:12px;}
.topsearch div { margin:1px 10px 1px 0;}
.searchbox input { font-size:10px; margin-bottom:2px;}
.searchbox { float:right; padding-top:3px;}
.searchbox .go { vertical-align:middle; margin:-3px 0 0 0; padding:0;}
.searchbox .marg { margin-right:5px;}
.searchbox .marg2 { margin-top:0; vertical-align:middle;}

/* 3 different left nav images */
.content { background:transparent url(../images/rebuild1_bkg1.jpg) top left repeat-y;}
.content2 { background:transparent url(../images/rebuild_bkg2.jpg) top left repeat-y;}
.content3 { background:transparent url(../images/rebuild_bkg3.jpg) top left repeat-y; min-height: 360px;}
/* end left nav images */

.main { margin:20px 0; float:right;}
.mainfeature {margin-bottom:10px;}

a.highlight1:hover img { 
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out; 
	box-shadow: 0px 0px 0px 3px #333399; -moz-box-shadow: 0px 0px 0px 3px #333399; -webkit-box-shadow: 0px 0px 0px 3px #333399; -khtml-box-shadow: 0px 0px 0px 3px #333399;}
.highlight2 { box-shadow: 0px 0px 0px 3px #333399; -moz-box-shadow: 0px 0px 0px 3px #333399; -webkit-box-shadow: 0px 0px 0px 3px #333399; -khtml-box-shadow: 0px 0px 0px 3px #333399;}

.bkgoutter { background:transparent url(../images/bkg_nodc_dark_paper.jpg) top center repeat-y;}
.bkginner { background:transparent url(../images/bkg_nodc_dark1_top.jpg) top center no-repeat;}
.mainpaper { background:transparent url(../images/top_white_stub.jpg) 0 10px no-repeat;}

.mininav { background-color:#FFFFCC; border:1px solid #aaa; width:698px; margin:0 0 20px 0; text-align:center;}
.mininav p { margin:3px 0;}

.crumbtrail { font-size:12px; margin-top:-10px;}

#crumbs { background:#e9e9e9; border-bottom:1px solid #ccc; margin-bottom:0;}
#crumbs p { padding:3px 10px 3px 10px; margin-bottom:0;}
#crumbs p strong { margin-right:5px;}

/* Main Navigation */
#nodcnav { background:#f0f8fe url(../images/navsheet_bkg.png) left top repeat-x; margin:0; height:49px;}
	#menuinfo { float:left; width:240px; height:49px;}
	#menuinfo h4 { color:#0057a5; font-size:14px; font-style:italic; line-height:1; margin:26px 0 0 10px; padding:0;}
	#menuinfo h4 a { color:#0057a5; text-decoration:underline;}
	#menuinfo h4 a:hover { color:#fff;}
	ul#menu { display:block; float:left; list-style:none; margin:17px 0 0 0px; padding:0px 0 0 0; position:relative; height:32px}
	ul#menu li { float:left; margin-right:10px; position:relative;}
	ul#menu li a { background:#4176a5 url(../images/navsheet2.png) 0px 0px no-repeat; display:block; padding:0 0 0 5px; height:32px; text-decoration:none;}
	ul#menu li a span { background:#4176a5 url(../images/navsheet1.png) right -40px no-repeat; color:#fff; display:block; font:13px/32px Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 0 0px; padding:0 1.2em 0 .8em;}
	ul#menu li a:hover { background:#00a3e3 url(../images/navsheet2.png) -19px 0px no-repeat; }
	ul#menu li a:hover span { background:#00a3e3 url(../images/navsheet1.png) right -80px no-repeat; color:#fff; font:13px/32px Arial, Helvetica, sans-serif; font-weight:bold; padding:0 1.2em 0 .8em; text-decoration:underline;}
	ul#menu li#home { margin-left: 240px;}
	.home_on ul#menu li#home a,
	.menu1_on ul#menu li#menu1 a,
	.menu2_on ul#menu li#menu2 a,
	.menu3_on ul#menu li#menu3 a,
	.menu4_on ul#menu li#menu4 a,
	.menu5_on ul#menu li#menu5 a,
	.menu6_on ul#menu li#menu6 a { background:#fff url(../images/navsheet2.png) -38px 0px no-repeat; color:#000; text-decoration:none;}
	.home_on ul#menu li#home a span,
	.menu1_on ul#menu li#menu1 a span,
	.menu2_on ul#menu li#menu2 a span,
	.menu3_on ul#menu li#menu3 a span,
	.menu4_on ul#menu li#menu4 a span,
	.menu5_on ul#menu li#menu5 a span,
	.menu6_on ul#menu li#menu6 a span { background:#fff url(../images/navsheet1.png) right top no-repeat; color:#000; padding:0 1.2em 0 .8em; text-decoration:none;}
	/* The first and last items in the list need to have their borders removed */	
/* End Main Navigation */

.leftbar { border-top:1px solid #fff;}
.leftnav { border-bottom:1px solid #fff; margin:5px 0 5px 0; padding-bottom:20px;}
.leftnav h3 { font-size:14px; margin:0; padding:0; text-align:center;}
.leftnav h3 a { color:#fff; display:block; font-size:14px; font-weight:bold; line-height:1.6; margin:0 0 0 5px; padding:4px 10px; width:190px;}
.leftnav h3 a:hover { color:#fff; text-decoration:underline; background:#2586d7;}

.leftnav ul { list-style:none; margin:0 4px; padding:0;}
.leftnav ul li { text-align:left; margin:0; padding:0;}
.leftnav ul li a { background:#025f9c; border-top:1px solid #fff; border-right: 5px solid #508fc4; border-left: 5px solid #508fc4; color:#fff; display:block; font-size:12px; font-weight:bold; line-height:1.3; padding:4px 10px; width:182px; text-decoration:none;}
.leftnav ul li a:hover { border-right:5px solid #5ba3e0; border-left:5px solid #5ba3e0; background-color:#2586d7; text-decoration:underline;}

/* Inside Page Left Nav */
.leftnav2 { margin:5px 0 5px 0; padding-bottom:20px;}
.leftnav2 h3 { font-size:14px; line-height:30px; margin:0; padding:0; text-align:center;}
.leftnav2 h3 a { display:block; color:#000; font-size:14px; font-weight:bold; margin:0 0 0 9px; padding-right:9px; width:202px; text-decoration:none;}
.leftnav2 h3 a:hover { background:#2586d7; color:#fff; text-decoration:underline;}
.leftnav2 ul { border-bottom:1px solid #fff; list-style:none; margin:0 0 0 9px; padding:0;}
.leftnav2 ul li { text-align:left; margin:0; padding:0;}
.leftnav2 ul li a { background:#999; border-top:1px solid #fff; color:#fff; display:block; font-size:12px; font-weight:bold; line-height:1.3; padding:4px 10px 4px 10px; width:191px; text-decoration:none;}
.leftnav2 ul li a:hover { background-color:#2586d7; text-decoration:underline;}

.leftnav3 { margin:5px 0 5px 0; padding-bottom:20px;}
.leftnav3 h3 { font-size:14px; margin:0; padding:0; text-align:center;}
.leftnav3 h3 a { color:#fff; display:block; font-size:14px; font-weight:bold; line-height:1.6; margin:0 0 0 9px; padding:4px 18px 4px 10px; width:183px;}
.leftnav3 h3 a:hover { color:#fff; text-decoration:underline; background:#2586d7;}
.leftnav3 ul { border-bottom:1px solid #fff; list-style:none; margin:0 0 0 9px; padding:0;}
.leftnav3 ul li { text-align:left; margin:0; padding:0;}
.leftnav3 ul li a { background:#025f9c; border-top:1px solid #fff; color:#fff; display:block; font-size:12px; font-weight:bold; line-height:1.3; padding:4px 10px 4px 10px; width:191px; text-decoration:none;}
.leftnav3 ul li a:hover { background-color:#2586d7; text-decoration:underline;}

/* BODY SWITCHER for ON states for the LEFT NAV3.  To turn a button on, give the body tag of the html document a CLASS name from the rules below. */
body.lnone_on div.leftnav3 li#lnone a, body.lntwo_on div.leftnav3 li#lntwo a, body.lnthree_on div.leftnav3 li#lnthree a, body.lnfour_on div.leftnav3 li#lnfour a, body.lnfive_on div.leftnav3 li#lnfive a, body.lnsix_on div.leftnav3 li#lnsix a, body.lnseven_on div.leftnav3 li#lnseven a, body.lneight_on div.leftnav3 li#lneight a, body.lnnine_on div.leftnav3 li#lnnine a, body.lnten_on div.leftnav3 li#lnten a, body.lneleven_on div.leftnav3 li#lneleven a, body.lntwelve_on div.leftnav3 li#lntwelve a, body.lnthirteen_on div.leftnav3 li#lnthirteen a, body.lnfourteen_on div.leftnav3 li#lnfourteen a, body.lnfifteen_on div.leftnav3 li#lnfifteen a {
	  background:#2586d7; color:#fff; text-decoration:none;}
body.lnhome_on div.leftnav3 h3#lnhome a, body.lnhome_on div.leftnav3 h3#lnhome a:hover { background:transparent url(../images/leftnav_on.gif) right 3px no-repeat; color:#fff; text-decoration:none;}
/* END Body Switcher for ON states for the LEFT NAV3. */
/* End Inside Page Left Nav */

/* SUB LEFT NAV */
div#content div.leftbar div.leftnav3 li ul.sn { background:#2586d7; border:0; font-weight:bold; line-height:1.3; list-style:none; margin:0; padding:3px 0 15px 0; text-decoration:none;}
div#content div.leftbar div.leftnav3 li ul.sn ul { margin:0; padding:0;}
div#content div.leftbar div.leftnav3 li ul.sn li { text-align:left; margin:0; padding:0; text-decoration:none;}
div#content div.leftbar div.leftnav3 li ul.sn li a { background:transparent url(../images/bkg_bullet2.gif) 13px 7px no-repeat; border-top:1px solid #2586d7; display:block; font-weight:normal; font-size:11px; padding:.2em 15px .2em 27px; width:169px; text-decoration:none;}
div#content div.leftbar div.leftnav3 li ul.sn li a:hover { text-decoration:underline;}

/* BODY SWITCHER for ON states for the SUB LEFT NAV.  To turn a button on, give the body tag of the html document a CLASS name from the rules below. */
body.snone_on div#content div.leftnav3 ul.sn li#snone a, body.sntwo_on div#content div.leftnav3 ul.sn li#sntwo a, body.snthree_on div#content div.leftnav3 ul.sn li#snthree a, body.snfour_on div#content div.leftnav3 ul.sn li#snfour a, body.snfive_on div#content div.leftnav3 ul.sn li#snfive a, body.snsix_on div#content div.leftnav3 ul.sn li#snsix a, body.snseven_on div#content div.leftnav3 ul.sn li#snseven a, body.sneight_on div#content div.leftnav3 ul.sn li#sneight a, body.snnine_on div#content div.leftnav3 ul.sn li#snnine a, body.snten_on div#content div.leftnav3 ul.sn li#snten a, body.sneleven_on div#content div.leftnav3 ul.sn li#sneleven a, body.sntwelve_on div#content div.leftnav3 ul.sn li#sntwelve a, body.snthirteen_on div#content div.leftnav3 ul.sn li#snthirteen a, body.snfourteen_on div#content div.leftnav3 ul.sn li#snfourteen a, body.snfifteen_on div#content div.leftnav3 ul.sn li#snfifteen a, body.snfifteen_on div#content div.leftnav3 ul.sn li#snfifteen a {
			 text-decoration:underline;}
/* END SUB LEFT NAV */ 
.leftbar h3 { font-size:12px; font-weight:bold;}
.leftbar h3.xtrahead { color:#fff; font-size:14px; line-height:20px; margin:0 0 10px 0; padding:0; text-align:center;}
.leftbar .xtrabox { background:#ccc url(../images/bkg_ln_xtraboxfade.jpg) top left repeat-x; border-top:1px solid #4a5568; border-bottom:1px solid #4a5568; font-size:12px; margin-bottom:15px; padding-top:10px; width:220px;}
.leftbar .xtrabox .xtrainside { padding:15px 10px 10px 15px;}
.leftbar .xtrabox p, .leftbar .xtrabox ul li, .leftbar .xtrabox a { font-size:12px;}
.leftbar .xtrabox ul { margin-bottom:15px; margin-left:15px; list-style-position:outside;}
.leftbar .xtrabox ul li { line-height:1.5; margin-bottom:4px;}
.leftbar img {}

.leftbar .dailyphoto { margin:0 4px 5px 4px; color:#fff; padding-bottom:20px; width:212px; text-align:center;}
.leftbar .dailyphoto h4 { font-size:13px; margin:0 0 10px 0; padding-top:5px;}
.leftbar .dailyphoto img { border:1px solid #000; display: inline;}
.potd, .potdtext { text-align:center; margin:0 5px;}

.border6 { border:1px solid #025f9c; font-weight:bold; margin-bottom:20px; padding:15px 20px; position:relative;}
.border6 p { margin:0 20px;}
div.datatypes { margin-right: 20px; padding-right: 0; padding-bottom: 0; }
.datatypes ul li { float:left; width:210px;}
.projects ul li { float:left; width:210px;}
.datatypes ul li { font-weight: normal; }
.parameters ul li { float:left; width:139px;}
.climatology ul li { clear:both; }
.climatology ul li ul.horlist { list-style-type:none; margin:0; padding:0;}
.climatology ul li ul.horlist li { font-size:12px; font-style:italic; font-weight:normal; float:left; margin:0; padding:0; clear:none;}
.climatology ul li ul.horlist li div.clear { margin:0;}
.climatology ul { margin-bottom:4px;}
.border6 ul { margin-left:10px;}
.border6 ul li.listmore { background:#788fab; list-style:none; padding:0; position:absolute; bottom:0; right:0; width:auto;}
.border6 ul li.listmore a { color:white; line-height:1.5; padding:3px 10px; text-decoration:none;}
.border6 ul li.listmore a:hover { background:#2586d7; text-decoration:underline;}
.border6 .clear { margin-bottom:15px;}

/* Floating Images with Captions. Image widths should match the class you're attaching to the DIV */
.lfloat { float:left; margin-right:2em; margin-bottom:1em;}
.rfloat { float:right; margin-bottom:1em; margin-left:2em;}  
div.img_2, div.box_2, div.img_3, div.box_3, div.img_4, div.box_4, div.img_5, div.box_5, div.img_6, div.box_6, div.img_7, div.box_7, div.img_8, div.box_8, div.img_9, div.box_9, div.img_10, div.box_10, div.img_11, div.box_11, div.img_12, div.box_12 { margin-bottom:1em; margin-top:0;}
h2 + div.img_2, h2 + div.img_3, h2 + div.img_4, h2 + div.img_5, h2 + div.img_6, h2 + div.img_7, h2 + div.img_8, h2 + div.img_9, h2 + div.img_10, h2 + div.img_11, h2 + div.img_12 { margin-bottom:1em; margin-top:0;}
div.img_2, div.box_2 { width:100px;}
div.img_3, div.box_3 { width:160px;}
div.img_4, div.box_4 { width:220px;}
div.img_5, div.box_5 { width:280px;}
div.img_6, div.box_6 { width:340px;}
div.img_7, div.box_7 { width:400px;}
div.img_8, div.box_8 { width:460px;}
div.img_9, div.box_9 { width:520px;}
div.img_10, div.box_10 { width:580px;}
div.img_11, div.box_11 { width:640px;}
div.img_12, div.box_12 { width:700px;}
div.img_1 p, div.img_2 p, div.img_3 p, div.img_4 p, div.img_5 p, div.img_6 p, div.img_7 p, div.img_8 p, div.img_9 p, div.img_10 p, div.img_11 p, div.img_12 p { background:#ccc; border:1px solid #999; color:#000; font-size:1em; line-height: 1.3; margin:0 0 0 0; padding:.5em .7em .5em .7em;}
div.img_1 img, div.img_2 img, div.img_3 img, div.img_4 img, div.img_5 img, div.img_6 img, div.img_7 img, div.img_8 img, div.img_9 img, div.img_10 img, div.img_11 img, div.img_12 img { margin:0; padding:0;}
  /* End Floating Images with Captions */

table.stripeme { border:1px solid #025f9c; font-size:1em; margin-bottom:20px;}
table.stripeme th { background:#3e83c9; color:#fff; font-weight:bold; padding:6px 11px; text-align:left; line-height:1.2;}
table.stripeme th+th { border-left:1px solid #fff;}
table.stripeme tr.th2 th { background-color: #ccc; border-top:1px solid #025f9c; border-bottom:1px solid #025f9c; color:#000; text-align: center;}
table.stripeme tr.alt td+td { border-left:1px solid #fff;}
table.stripeme tr td+td { border-left:1px solid #ecf6fc;}
table.stripeme td { background:#fff; padding:6px 11px 10px 11px; border-bottom:1px solid #95bce2; line-height:1.6; vertical-align:top;}
table.stripeme tr.alt td { background:#ecf6fc;}
table.stripeme tr.over td { background:#bcd4ec;}

table.stripeme_80 { border:1px solid #025f9c; font-size: 80%; margin-bottom:20px;}
table.stripeme_80 th { background:#3e83c9; color:#fff; font-weight:bold; padding:6px 11px; text-align:left; line-height:1.2;}
table.stripeme_80 th+th { border-left:1px solid #fff;}
table.stripeme_80 tr.th2 th { background-color: #ccc; border-top:1px solid #025f9c; border-bottom:1px solid #025f9c; color:#000; text-align: center;}
table.stripeme_80 tr.alt td+td { border-left:1px solid #fff;}
table.stripeme_80 tr td+td { border-left:1px solid #ecf6fc;}
table.stripeme_80 td { background:#fff; padding:6px 11px 10px 11px; border-bottom:1px solid #95bce2; line-height:1.6; vertical-align:top;}
table.stripeme_80 tr.alt td { background:#ecf6fc;}
table.stripeme_80 tr.over td { background:#bcd4ec;}

table.productlist tr.th2 {}
table.productlist tr.th2 th { background:#eaeaea; color:#000}
table.productlist tr th {  background:#3e83c9;}
table.productlist tr th h2 { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; margin:2px 0; text-align:left;}

.bottombar { background:#000; border-top:1px solid #fff; color:#fff;}
.bottombar p { margin:1px 0 1px 10px; text-align:center;}
.bottombar a { color:#fff; font-size:12px;}
.bottombar a:hover { color:#000;}

.bkgfooter { background:transparent url(../images/bkg_nodc_dark_footer.jpg) top center no-repeat;}
.footer { color:#fff; margin-top:30px;}
.footer p { font-size:12px;}
.footer a { color:#fff;}
.footer a:hover { color:#000066;}
ul.footerlist { list-style:outside; list-style-type:none; margin:0 0 20px 0; padding:0;}
ul.footerlist li { }
div.ficons img { float:right; margin-right:5px;}

.extrn { color:#ff6600; font-weight:bold; font-size:16px; line-height:.1; vertical-align:middle;}

.potdtext { display: none;}

.thmbs { margin-bottom:15px;}
.thmbs h4 { font-size:14px;}
.thmbs p { font-size:1em; line-height:1.5;}

.infobox1 { background:#fff; border:1px solid #999; margin-bottom:20px;}
.infobox1 p { font-size:1em; margin-left:10px; margin-right:10px;}
.infobox1 h3.separator { margin-left:0;}
.infobox1 h3.separator2 { border-right:0;}
.infobox1 h4 { font-size:1em; margin-left:10px; margin-right:10px;}
.infobox1 ul { font-size:1em; margin-left:25px; margin-right:10px; list-style-position:outside;}
.infobox1 ul.paralist { margin-left:10px;}
.infobox1 form, .inforbox1 form fieldset { margin-left:0;}
.infobox1 form ol li { margin-left:10px;}
.infobox1 ul ul { margin-bottom:0;}
.top-mar { margin-top:10px;}
#newsfeed ul { font-size:1em; margin-left:25px; margin-right:10px; list-style-position:outside;}

.shadow { box-shadow: 3px 3px 3px #ccc; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; -khtml-box-shadow: 3px 3px 3px #ccc;
} /* Supports Chrome, Firefox, IE8, IE7, Opera, Safari */

img.rssfeed { vertical-align:middle; float:left; margin-right:10px;}
#rssNews { margin-bottom:25px;}
#rssNews .rssBody ul { margin:0 0 20px 30px; padding:0; list-style-type:disc; list-style-position:outside;}
#rssNews .rssBody ul li { margin:0 0 5px 0; padding:0;}
#rssNews .rssBody ul li span { margin:0 ; padding:0;}

span.annot { border-bottom:1px dashed #000;}

/* Project Specific Styles */

/* DeepwaterHorizon styles */
.dwhtopinfo { background: rgba(229, 220, 193, 0.38); border-top:3px solid #d0c8b1; border-right:1px solid #d0c8b1; border-bottom:3px solid #d0c8b1; border-left:1px solid #d0c8b1; width:678px; margin:20px 0; padding:10px;}
.dwhlist { float:left; margin-right:0px; width:150px;}
.dwhlist ul { margin:0px; padding:0 20px 0 20px; margin-bottom:20px;}
.dwhtopinfo .climlist { width:300px;}
.dwhtopinfo .climcontent { width:390px;}
.dwhlist h4 { font-size:12px; margin:0 10px 5px 20px;}
.dwhcontent { border-left:1px solid #000; float:left; padding-left:20px; width:500px;}
.dwhcontent p { margin-top:0px;}
table.dwships { margin:0 0 20px 0px; padding:0;}
table.dwships td { vertical-align:top; padding-bottom:5px;}
table.dwships td.dw1 { width:75px; margin:0; padding:0;}
.dwhclimimg { border:2px solid #ccc;}
/* End DeepwaterHorizon styles */


/* Slider */
#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, #container_A_b {margin-left:30px;}
#both_a, #both_b{width:245px;height:60px; display:block; margin-left:85px;  background-image:url(../images/carrot.png);background-repeat:no-repeat;background-position:100px 35px !important; background-position:100px 30px; ;}
#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; float:left; width:auto;  margin-right:3px; color:#C60; ; font-family: Segoe UI, Arial, sans-serif; font-size: 16px; }
span#datelbl_a, span#datelbl_b {line-height:20px; margin-right:5px; color:#C60; ; font-family: Segoe UI, Arial, sans-serif; font-size: 20px; font-weight:normal}
#date, #date_b{border:0; color:#C60; font-weight:bold; font-size: 16px}
#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:20px!important; padding-left:5px;  line-height:12px; color:#C60; font-style:italic; }
#three_a, #three_b{ float:left;width:10px;}
#date2, #date2_b{border:0; color:#C60; font-weight:bold; font-size: 16px; margin-left:7px;display:inline}

#slider, #slider1{width:400px; margin-left:200px; margin-top:7px}

ul.horiznav { display: block; list-style: none outside none; margin: 0 0 15px 0; padding: 0; position: relative;}
ul.horiznav li { display: inline; list-style: none outside none; margin-left: 0; padding: 0 4px;}
ul.horiznav li.first { border-left: medium none;}
ul.horiznav li + li { border-left: 1px solid blue;}

ul.colist li { float:left; width:220px; }

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

.hidden { display: none;}
.left { float:left;}
.right { float:right;}
.lightertext, .lightertext a { color:#555;}

.cent {text-align: center;}

/* NEW NCEI BANNER STYLES */
/* NEW NCEI BANNER STYLES */
/* NEW NCEI BANNER STYLES */
/* NEW NCEI BANNER STYLES */

#nceiHead { margin-top:20px; background:white;}
#nceiHead img {float:left; margin:0; padding:0;}
#neciHead .clogo { float:right; margin-top:0;}
#nceiHead {
  margin-bottom:10px;
}
.noaaLogo a, .noaaLogo img, .noaaLogo h1, .noaaLogo, .nceiBanner {
  float: left;
}
.noaaLogo h1 {
  font-size: 5.8rem;  
  font-weight: 500;
  letter-spacing: -.5rem; 
  line-height: 4.6rem;
  margin: 1rem .5rem 0 .1rem;
  color: black;
}
.noaaLogo h1 a {
  color: black;
  text-decoration: none;
}
.noaaLogo h1 a:hover {
  background: transparent;
  color: #0078a0;
}
.nceiBanner {
  margin: 1rem 0 0 .5rem;
  float: left;
}
.nceiBanner h4 {
  line-height: 1;
  letter-spacing: -.0px;
  font-size: 1.65rem;
  margin-bottom:0;
  font-weight: 100;
}
.nceiBanner h4.subheader {
  font-size: .9rem;
  color: #aaa;
  margin: 2px 0 0 1px;
  letter-spacing: 2px;
}
.nceiBanner h4 a {
  color: black;
  text-decoration: none;
}
.nceiBanner h4 a:hover {
  background: transparent;
  color: #0078a0; /* #d2f0ff */
}
.commerceLogo {
  float: right;
  margin-right: 4px;
}
.noaahead-extra{
  background: #e9e9e9;
  border-bottom: 1px solid #fff;
  padding:3px 10px; 
}
.noaahead-extra p {
  margin: 0;
}
.mar-bott-20 {
  margin-bottom: 20px;
}
.thmbs {
  margin-top:10px;
}

/* END NEW NCEI BANNER STYLES */
/* END NCEI BANNER STYLES */

#submissionsLink {
  color: black;
}
#profileLink {
  color: black;
}

*:focus {
  outline: 3px dashed;
}