<!-- stylesheet for Bryan Stephenson -->

table.dwtab { margin:0 0 20px 0px; padding:0; text-align:left;}
.bordtab { border:1px solid #ccc;}
.dwtab h3 { margin-top:0;}
.dwtab ul { margin:0 0 15px 15px; padding:0;}
table.dwtab td { vertical-align:top; padding:0 20px 0 0px;}
table.dwtab td + td { border-left:1px solid #ccc;}
.dwtab .dwimg a img { border:2px solid #ccc; display:block; margin-bottom:0px;}
.dwtab .dwimg { float:left; margin:10px 30px 10px 0;}
.dwtab .dwimg_caption { padding:5px 5px 0px 10px; /* border-top:0; border-right:2px solid lightgrey; border-bottom:2px solid lightgrey; border-left:2px solid lightgrey; */}
.dwtab h2 { font-family: Arial, Helvetica, sans-serif; /* font-family:"Times New Roman", Times, serif; */ font-size:18px/*22px*/; margin:5px 0 15px 0; font-weight:normal;}
.dwtab h4 { font-size:12px; margin:0 0 0 0;}
.dwtab h3.topper { font-family: Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:10px; padding:1px 4px 5px 15px; background:#cae3fc url(Images/dwh_h2_bkg.png) bottom left repeat-x;}

div.gulfhistory { width:760px; margin-left:20px;}
	div.floatone { float:left; width:370px; margin-right:20px;}
	div.floattwo { float:left; width:370px;}
div.gulfhistory ul { margin:0 0 15px 30px; padding:0;}
div.gulfhistory h2 { font-family: Arial, Helvetica, sans-serif; /* font-family:"Times New Roman", Times, serif; */ font-size:18px/*22px*/; margin-bottom:15px; font-weight:normal; padding:1px 4px 1px 15px; background:#cae3fc url(Images/dwh_h2_bkg.png) bottom left repeat-x;}
div.gulfhistory h3 { margin:0 0 0 15px;}
div.gulfhistory h4 { margin:0 0 0 15px;}
div.gulfhistory img.limg { float:left; margin:0 20px 20px 0;}
div.gulfhistory .oceanprofile { float:left; margin:0 30px 10px 0; width:350px;}
div.gulfhistory div.hist {}

.dwhfeat { margin-top:0px; position:relative;}
.dwhfeat .dwhimg { float:left; width:150px; margin-right:20px;}
.dwhfeat .dwhimg a img,.dwhfeat .dwhimg a:hover { border:0; background:transparent;}
.dwhfeat .dwhdesc { margin-right:8%}
.dwhfeat .dwhdesc p { margin-top:0px;}
.dwhfeat .dwhdesc h3 { margin-bottom:0;} 

div.dwhfeature { float:left; margin:0 20px 10px 0;}
div.dwhfeature a img { border:0;}
div.dwhfeature ul { margin-top:0px;}
div.dwhlayout .nomargin { margin-right:0px; margin-left:0px;}

.dwhlayout { width:760px;}
	.col1 { float:left; width:460px;}
		 .col1 p { margin-left:15px;}
		 .dwhlayout .col1 h3 { margin-left:8px; padding-left:7px;}
	.col2 { float:left; width:280px;}
	.col3 p { margin-left:15px; }
	.dwhlayout .col3 h3 { margin-left:8px; padding-left:7px;}
	.dwhlayout p { margin-top:0px; margin-bottom:20px;}
	.dwhlayout h2 { font-family: Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:15px; font-weight:normal; padding:1px 4px 1px 15px; background:#cae3fc url(Images/dwh_h2_bkg.png) bottom left repeat-x;}
	.dwhlayout h3 { background:#eeeeee; font-size:12px; padding:1px 5px 1px 15px; margin:0px 0 10px 0;}
	.dwhlayout h4 { font-size:12px; margin:0 0 5px 0;}
	.dwhlayout h4 span { font-size:11px; font-weight:normal; font-style:italic;}
	
.dwhtopinfo { background:#f2e9ce; border-top:3px solid #d0c8b1; border-right:1px solid #d0c8b1; border-bottom:3px solid #d0c8b1; border-left:1px solid #d0c8b1; width:738px; margin-top:20px; 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:540px;}
	.dwhcontent p { margin-top:0px;}
	
	table.DWships { margin:0 0 0 13px; padding:0; width:445px;}
	table.DWships td { vertical-align:top; padding-bottom:5px;}
	table.DWships td.DW1 { width:90px; margin:0; padding:0; text-wrap:none;}
.directoryicon { float:left; margin-right:10px; vertical-align:middle;}

.clear { clear:both;}
a.nobg:hover {background:transparent;}

/* Seminar Series styles */
.seminardiv h2 { font-family: Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:15px; font-weight:normal; padding:1px 4px 1px 15px; background:#eee }
.seminardiv h3.semtitle { padding:2px 35px; background:url(/Images/yellow_star.jpg) top left no-repeat;}
.seminardiv h4 { margin-bottom:0px;}
.seminardiv p.infolinks { margin:0 0 30px 20px;}

ul.horizli { padding-bottom:20px;}
.horizli li { float:left; margin-left:20px;}

.months { margin-top:30px;}
.months img { margin:0 20px 20px 0; border:0;}

h3.dirlink { background-image:url(/Images/BS_directory2.jpg); background-repeat:no-repeat;}
h3.dirlink a { margin-left:20px;}
a.offsite { padding-right: 16px; background-image:url(/Images/extrnl_link.gif); background-repeat:no-repeat; background-position:right 3px;}
a.pdf { padding-right: 16px; background-image:url(/Images/tiny_pdf.gif); background-repeat:no-repeat; background-position:right 3px;}

table.seminarinfo td { text-align:left; padding:5px; vertical-align:top; width:auto;}
table.seminarinfo td.sem_1 { text-align:right; width:170px;}
table.seminarinfo p { margin:0 0 15px 0;}
/* end Seminar Series styles */

ul.listonleft li { padding-bottom:10px;}
ul#leftnav {}

/* BODY SWITCHER for ON states for the LEFT NAV.  To turn a button on, give the body tag of the html document a CLASS name from the rules below. */
	body.lnone_on ul#leftnav li#lnone a, body.lntwo_on ul#leftnav li#lntwo a, body.lnthree_on ul#leftnav li#lnthree a, body.lnfour_on ul#leftnav li#lnfour a, body.lnfive_on ul#leftnav li#lnfive a, body.lnsix_on ul#leftnav li#lnsix a, body.lnseven_on ul#leftnav li#lnseven a, body.lneight_on ul#leftnav li#lneight a, body.lnnine_on ul#leftnav li#lnnine a, body.lnten_on ul#leftnav li#lnten a, body.lneleven_on ul#leftnav li#lneleven a, body.lntwelve_on ul#leftnav li#lntwelve a, body.lnthirteen_on ul#leftnav li#lnthirteen a, body.lnfourteen_on ul#leftnav li#lnfourteen a, body.lnfifteen_on ul#leftnav li#lnfifteen a, body.lnsixteen_on ul#leftnav li#lnsixteen a, body.lnseventeen_on ul#leftnav li#lnseventeen a, body.lneighteen_on ul#leftnav li#lneighteen a, body.lnnineteen_on ul#leftnav li#lnnineteen a, body.lntwenty_on ul#leftnav li#lntwenty a { font-weight:bold;}


img.rssfeed { vertical-align:middle;}

div.rfloatimg { float:right; margin:0 0 0 20px;}
div.lfloatimg { float:left; margin:0 20px 0 0;}
div.rfloatimg p, div.lfloatimg p { background:#ddd; border:1px solid #999; padding:5px 10px; margin-top:0px;}

ul.nobullet { list-style-type:none; margin:0; padding:0; font-weight:bold;}

#rssNews { padding:0px 10px 10px 10px; border:1px solid grey; margin-bottom:10px;}
#rssNews h3 { background:#cae3fc url(Images/dwh_h2_bkg.png) bottom left repeat-x; color:black; margin:0 -10px; padding:5px 5px 5px 12px;}
#rssNews .rssBody h4 { font-size:12px; margin-bottom:0;}
#rssNews .rssBody p { margin:0; font-size:11px;}
#rssNews .rssBody ul { margin:0 0 10px 16px; padding:0; list-style-position:outside;}

.announcement { padding:0px 10px 0px 10px; border:2px solid #0066CC; margin-bottom:10px; position:relative;}
.announcement h3 { background-color:#00a2e3;; color:#fff; font-size:12px; padding:3px 5px 3px 10px; margin:0px -10px 15px -10px;}
.announcement p { margin:0 0 15px 0; background-color:}
.announcement h4 { margin:0;}
.announcement h4.date { font-size:11px; color:white; font-weight:normal; position:absolute; right:10px; top:3px;}

h3.subdivide { background:#eeeeee; font-size:12px; padding:1px 5px 1px 15px; margin:0px 0 10px 0;}
h3.spot { background:#00a2e3; color:#fff; font-size:12px; padding:3px 5px 3px 10px; margin:0px 0 15px 0;}

.satfeature { margin-bottom:20px;}
.satimg { float:left; width:100px; margin-right:20px;}
.satcontent { }
.satcontent h3 {margin:0px; font-size:12px; }
.satcontent p { margin:0 0 15px 0; padding:0 0 0 0;}

h2.fillone { font-family: Arial, Helvetica, sans-serif; /* font-family:"Times New Roman", Times, serif; */ font-size:18px/*22px*/; margin-bottom:15px; font-weight:normal; padding:1px 4px 1px 15px; background:#cae3fc url(Images/dwh_h2_bkg.png) bottom left repeat-x;}

#newis h2 { border-bottom:1px solid #999;}
#newis h3 { margin-bottom:0px;}
#newis ul { margin-top:0px;}

.newispoc { float:right; border:3px solid #ccc; margin:0px 0px 20px 20px; padding:15px 20px; width:200px;}
.newispoc h3 { margin-top:0;}
.newispoc ul { margin:0; padding:0;}
.newispoc ul li { margin:0; padding:0; list-style-position:inside;}

.h1head { text-align:left; margin:20px 10px 20px 10px;}

a.email { padding-right: 24px; background-image:url(/Images/tiny_mail.gif); background-repeat:no-repeat; background-position:right 1px;}
div.footer-icons { float:right; margin-right:20px;}
div.footer-icons img { margin-right:5px;}