﻿body {
    padding: 0px;
    background-color: #8EA9CF;
}

#body {
    width: 780px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px;
}

#header {
    color: #1E569F;
    text-align: center;
    padding-left: 5px;
    padding-bottom: 7px;
}

#navbar {
    float: left;
    width: 160px;
    padding-right: 5px;
    padding-left: 5px;
}

#links {
    padding-right: 5px;
    padding-left: 5px;
    font-size: xx-small;
    text-align: left;
}

#content {
    float: left;
    width: 590px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    padding-left: 5px;
}

#footer {
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-small;
    text-align: center;
}

hr {
    color: #1E569F;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align:justify;
}

table {
    empty-cells: show;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: left;
}

img {
    border: 0px;
}

div.mtgPopup {
    border-style: ridge;
    border-color: #8EA9CF;
    background-color: #FFFFEC;
    position: absolute;
    padding: 5px;
    width: 450px;
    height: auto;
}

div.picPopup {
    border-style: ridge;
    border-color: #8EA9CF;
    background-color: #FFFFEC;
    position: absolute;
    padding: 5px;
    width: auto;
    height: auto;
}

.quote {
    font-style: italic;
}

.section_heading {
    font-size: large;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

.para_heading {
    font-weight: bold;
    font-size: medium;
    color: #003399;
}

.page_heading {
    font-weight: bold;
    font-size: x-large;
    color: #003399;
}

.thumb_wrap_left {
    float: left;
    border-style: none;
    margin-right: 7px;
}

.thumb_wrap_right {
    float: right;
    border-style: none;
    margin-left: 7px;
}

.thumb_wrap_left_bord {
    float: left;
    border-style: solid;
    margin-right: 7px;
    border-width: 2px;
}

.thumb_wrap_right_bord {
    float: right;
    border-style: solid;
    margin-left: 7px;
    border-width: 2px;
}

A:link {
    color: blue;
    text-decoration: none;
}

A:visited {
    color: blue;
    text-decoration: none;
}

A:hover {
    color: red;
    font-weight: bold;
    text-decoration: none;
}

A:active {
    color: blue;
    text-decoration: none;
}

span.list {
    color: blue;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
}

span.list :hover {
    color: red;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

p.menu {
    font-size: small;
    text-align: center;
}

td.list {
    font-size: small;
}

td.pubnum {
    text-align: right;
    vertical-align: top;
    width: 35px;
    font-size: small;
}

td.citdetails {
    text-align: right;
    font-weight:bold;
    vertical-align: top;
    width: 165px;
    font-size: small;
}

.whatsnew {
    border: 1px solid #8EA9CF;
}

/* Round Fill */
.b4f{font-size:1px; overflow:hidden; display:block;}
.b3f{font-size:1px; overflow:hidden; display:block;}
.b2f{font-size:1px; overflow:hidden; display:block;}
.b1f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#FFFFfc; margin:0 5px;}
.b2f {height:1px; background:#FFFFfc; margin:0 3px;}
.b3f {height:1px; background:#FFFFfc; margin:0 2px;}
.b4f {height:2px; background:#FFFFfc; margin:0 1px;}
.contentf {background: #FFFFfc;}
.contentf div {margin-left: 0px;}

/* Round Fill with Border */
.b4{font-size:1px; overflow:hidden; display:block;}
.b3{font-size:1px; overflow:hidden; display:block;}
.b2{font-size:1px; overflow:hidden; display:block;}
.b1{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#8EA9CF; margin:0 5px;}
.b2 {height:1px; border-right:2px solid #8EA9CF; border-left:2px solid #8EA9CF; margin:0 3px;}
.b3 {height:1px; border-right:1px solid #8EA9CF; border-left:1px solid #8EA9CF; margin:0 2px;}
.b4 {height:2px; border-right:1px solid #8EA9CF; border-left:1px solid #8EA9CF; margin:0 1px;}
.contentb {border-right:1px solid #8EA9CF; border-left:1px solid #8EA9CF;}
.contentb div ul {margin-left: 5px; margin-right: 5px;}

/* Round Fill with Header */
.b4bh{font-size:1px; overflow:hidden; display:block;}
.b3bh{font-size:1px; overflow:hidden; display:block;}
.b2bh{font-size:1px; overflow:hidden; display:block;}
.b4h{font-size:1px; overflow:hidden; display:block;}
.b3h{font-size:1px; overflow:hidden; display:block;}
.b2h{font-size:1px; overflow:hidden; display:block;}
.b1h{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#96BFF1; margin:0 5px;}
.b2bh {height:1px; background:#96BFF1; border-right:2px solid #96BFF1; border-left:2px solid #96BFF1; margin:0 3px;}
.b2h {height:1px; background:#96BFF1; border-right:2px solid #96BFF1; border-left:2px solid #96BFF1; margin:0 3px;}
.b3bh {height:1px; background:#96BFF1; border-right:1px solid #96BFF1; border-left:1px solid #96BFF1; margin:0 2px;}
.b3h {height:1px; background:#96BFF1; border-right:1px solid #96BFF1; border-left:1px solid #96BFF1; margin:0 2px;}
.b4bh {height:2px; background:#96BFF1; border-right:1px solid #96BFF1; border-left:1px solid #96BFF1; margin:0 1px;}
.b4h {height:2px; background:#96BFF1; border-right:1px solid #96BFF1; border-left:1px solid #96BFF1; margin:0 1px;}
.b4bh {background: #D0E2F9;}
.b3bh {background: #D0E2F9;}
.b2bh {background: #D0E2F9;}
.headh {background: #96BFF1; border-right:1px solid #96BFF1; border-left:1px solid #96BFF1;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {background: #D0E2F9; border-right:1px solid #96BFF1; border-left:1px solid #96BFF1;}
.contenth div {margin-left: 12px; padding-top: 5px;}

.indent {
    margin-left: 40px;
}

legend {
    font-size: medium;
    font-weight: bold;
    color: #003399;
}

p.center {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
}

table.border {
    border: 1px solid #666666;
}

td.border {
    border: 1px solid #666666;
}

th.border {
    border: 1px solid #666666;
}

ul {
    text-align: left;
}
ol {
    text-align: left;
}

div.chartPopup {
    border-style: ridge;
    border-color: #8EA9CF;
    background-color: #000000;
    position: absolute;
    padding: 5px;
    width: 450px;
    height: auto;
    color: #FFFFFF;
}

.bold_underline {
    font-weight: bold;
    text-decoration: underline;
}

table.image_table { 
	margin: 0 auto 0 auto; 
	width: 580px; 
	padding: 5px;
}

table.image_table td {
	padding: 5px;
	vertical-align: top;
    text-align: center;
}

table.image_table a { 
	display: block;
}

table.image_table img { 
	display: block; 
	width: 100px; 
	padding: 2px; 
	border: 1px solid #ccc;
}

img.full { 
	display: block; 
	margin: 0 auto 0 auto; 
	border: 1px solid #000;
}


/* NOAA Style Sheet */

.sfbgimgcurved {
/* due to the width property, this style is meant for a table cell*/
	background-color: #CFDAE2;
/*	background-image: url(sf/images/curved_image.gif); */
/*	background-position: left; */
	height:16px;
	width: 20px;
}.sfbgcolorgray {
/* due to the width property, this style is meant for a table cell*/
	background-color: #CFDAE2;
	width:300px;
}
.sfbgcolorblue {
	background-color: #6699CC;
}
.reallybig {
	font-size: 16px;
}

