<!-- 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:850px;}
	div.floatone { float:left; width:45%; margin:0 25px 0 0px;}
	div.floattwo { float:left; width:45%;}
	div.nofloat { margin:0 25px 45px 25px; width:93%;}
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 { margin-left:25px;}

.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;}
	
.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;}

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;}