<!-- 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;}
	.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;}