html {
	height: 100%;
	margin: 0px;
  padding: 0px;
  margin-bottom: 1px; /* to force scrollbar on right side of page */
}

body {
	background-color: #0C324E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	text-align: center;
	height: 100%;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

a {
	color: #37e7e7;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

.fullWidth {
	width: 100%;
}

.minWidth {
	width: 1%;
}

.maxWidth {
	width: 99%;
}


a.goldHead {
	color: #FFD24C;
	font-weight: bold;
	text-decoration: none;
}

p.midsize {
	font-size: 13px;
	line-height: 125%;
}

p.enlarged {
	font-size: 14px;
	line-height: 133%;
}

p.dim {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #b7c2ca;
}

p.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

p.bareTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px 0px 4px 0px;
}

p.goldCenterTitle {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #FFD24C;
	margin-bottom: 8px;
}

p.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #8FD5F7;
}

p.heading {
	font-size: 14px;
	font-weight: bold;
	color: #FFD24C;
}

p.keyText {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

p.pageTitle {
	font-size: 16px;
	font-weight: bold;
	color: #FFD24C; /*#FFE97D;*/
	text-align: center;
}

p.subhead {
	font-size: 14px;
	font-weight: bold;
	color: #37E7E7;
}

p.contentHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	/*white-space: nowrap;*/
}

p.contentHeadlineG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #ffeaab;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	/*white-space: nowrap;*/
}

p.sectionHead {
	font-size: 14px;
	font-weight: bold;
	color: #FFD24C;
	padding-bottom: 2px;
	border-bottom: solid 1px #91A2AF;
	margin-bottom: 8px;
}

p.sectionHeadBare {
	font-size: 14px;
	font-weight: bold;
	color: #FFD24C;
}

p.pageSection {
	font-size: 14px;
	font-weight: bold;
	color: #FFD24C;
	padding-bottom: 2px;
	border-bottom: solid 1px #91A2AF;
	margin-bottom: 8px;
}

p.pageSubSectionHead {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 2px;
	border-bottom: solid 1px #91A2AF;
	margin-bottom: 8px;
	margin-left: 24px;
}

p.pageSubSection {
	margin-left: 24px;
}

p.listHead {
	font-size: 13px;
	font-weight: bold;
	color: #FFD24C;
	border-bottom: solid 1px #91A2AF;
	padding: 1px 4px 2px 3px;
}

p.personTitle {
	font-size: 14px;
	font-weight: bold;
	color: #D5C8A5;
}

p.personName {
	font-size: 14px;
	font-weight: bold;
}

p.applicationTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #37E7E7;
}

p.readout {
	color: #000000;
	border: solid 1px #000000;
	background-color: #DCE1E3;
	padding: 5px 6px 3px 6px;
}

/* NEWS ITEM */
div.newsItem {
	padding: 0px 8px 8px 8px;
	/*border-bottom: solid 2px #0D5478;*/
}

div.newsItem p.title {
	font-size: 14px;
	font-weight: bold;
	color: #FFD24C;
}

div.newsItem p.dateSource {
	color: #D5C8A5;
}

div.newsItem p.dateSource a {
	color: #D5C8A5;
}

div.newsItem p.text {
}

div.newsItem ul {
}

div.newsItem li {
	padding-bottom: 6px;
}


p.captionBlockTop {
	color: #000000;
	background-color: #91A2AF;
	padding: 5px 4px 3px 4px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

p.imgTextBlockBasic {
	border: solid 1px #91A2AF;
	padding: 5px 5px 4px 5px;
	background-color: #0b2b42;
}

p.textBlock {
	background-color: #0B2538;
	border: solid 2px #16405F;
	padding: 5px;
}

p.textBlockLarge {
	font-size: 14px;
	/*font-weight: bold;*/
	/*background-color: #0B2538;*/
	border: solid 2px #16405F;
	padding: 5px;
}

/* P */
p.alert {
	border: solid 1px #FFFFFF;
	background-color: #800000;
	font-weight: bold;
	padding: 6px;
	text-align: center;
	width: 600px;
}

/* DIV */
div.noData {
	border: solid 1px #FFFFFF;
	background-color: #334954;
	font-weight: bold;
	padding: 6px;
	text-align: center;
}

div.sash {
	border: solid 1px #8E9CA3;
	padding: 2px;
	background-color: #76858D;
	margin-bottom: 12px;
}

div.assocHead {
	font-size: 14px;
	font-weight: bold;
	color: #ffd65d;
	background-color: #3c4a40; /*#415b6e;*/
	border: solid 1px #ffd24c; /*#91a2af;*/
	text-align: center;
	padding: 5px 8px 3px 8px;
	margin: 0px 0px 12px 0px;
}

div.noAssocHead {
	border-top: solid 1px #ffd24c; /*#91a2af;*/
}

div.center {
	text-align: center;
}

/* EM */
em.hl {
	color: #2EE2F1;
	font-style: normal;
}

em.gold {
	color: #FFD24C;
	font-style: normal;
	font-weight: bold;
}

em.bold {
	font-weight: bold;
	font-style: normal;
}

em.bigAndBold {
	font-size: 14px;
	font-weight: bold;
	color: #FFD24C;
	font-style: normal;
}

em.italic {
	font-weight: normal;
	font-style: italic;
}

/* SPAN */
span.bold {
	font-weight: bold;
	font-style: normal;
}

span.noBold {
	font-weight: normal;
}

span.gold {
	color: #FFD24C;
}

span.vertDiv {
	color: #91A2AF;
	padding: 0px 8px;
}

span.linkColor {
	color: #37E7E7;
	font-weight: bold;
}

/* TABLES */
table.vspace {
	margin-top: 6px;
}

table.textBlock {
	border-collapse: collapse;
	margin: 0px;
}

table.textBlock td.default {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 2px #16405F;
	padding: 5px;
	vertical-align: top;
}

table.textBlock td.large {
	font-size: 14px;
}

table.textBlock td.mediumSpacer {
	padding: 0px 4px;
	border: none;
}


/* HEADINGS */
table.heading {
	width: 100%;
	border-collapse: collapse;
	margin: 12px 0px 20px 0px;
	padding: 0px;
}

table.heading td.left {
	width: 1%;
	padding: 0px;
}

table.heading td.middle {
	width: 98%;
	padding: 0px;
	text-align: center;
}

table.heading td.right {
	width: 1%;
	padding: 0px;
}

/* IMAGES */
div.imageBorder {
	border: solid 1px #91A2AF;
}

div.imageBorder p.caption {
	color: #000000;
	background-color: #91A2AF;
	padding: 3px 3px 2px 3px;
}

img.default {
	border: solid 2px #04141F;
	background-color: #ABABAB;
}

img.thinBorder {
	border: solid 1px #04141F;
	background-color: #ABABAB;
}

img.standard {
	display: block;
	border: solid 1px #91A2AF;
	background-color: #04141F;
	padding: 2px;
}

img.block {
	display: block;
}

img.logoDownload {
	border: solid 1px #91A2AF;
}

div.noaaLogo {
	text-align: center;
	padding-bottom: 12px;
}

div.nanoosLogo {
	text-align: center;
	padding-bottom: 16px;
}



/* IFRAMES */
iframe.standard {
 border: solid 1px #91a2af;
 padding: 2px;
 background-color: #04141e;
}

iframe.center {
	margin-left: auto;
	margin-right: auto;
}



/* HELPERS */
img.center {
	margin-left: auto;
	margin-right: auto;
}

div.clearFloats {
	clear: both;
}

div.nowrap {
	white-space: nowrap;
}

div.vspace, img.vspace {
	margin-top: 10px;
}

p.vspace, table.vspace {
	padding-top: 10px;
}

div.vspaceS, img.vspaceS, p.vspaceS {
	margin-top: 5px;
}

div.vspaceM, img.vspaceM {
	margin-top: 16px;
}

p.vspaceM {
	padding-top: 16px;
}

div.vspaceML, img.vspaceML {
	margin-top: 24px;
}

p.vspaceML {
	padding-top: 24px;
}

div.vspaceL, img.vspaceL {
	margin-top: 32px;
}

p.vspaceL {
	padding-top: 32px;
}

p.center {
	text-align: center;
}

p.aright {
	text-align: right;
}

p.nowrap {
	white-space: nowrap;
}

p.indent {
	margin-left: 24px;
}



/* LISTS */
ul, ol {
	margin: 0px 4px 2px 32px;
	padding: 6px 0px 2px 0px;
}

ul.standard {
	margin: 0px 4px 0px 26px;
	padding: 4px 0px 3px 0px;
}

ul.enlarged, ol.enlarged {
	font-size: 14px;
	line-height: 133%;
}

ul.enlarged li {
	margin: 4px 2px 4px 2px;
}

ol.enlarged li {
	margin: 8px 4px 6px 4px;
}

p.categoryTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	padding-top: 12px;
	padding-bottom: 3px;
}