/*<![CDATA[*/

/* * * * * * * * * * * * * * * * * * * * * * * * *

Stylesheet-Version:		Basic
Author:					re-lounge (http://www.re-lounge.com)

 * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * *
   Information about hacks used in this dokument:

   Commented backslash hack v2
   * * * * * * * * * * * * * * * * * * * * * * * *
   Styles surrounded by this hack are not visible
   for Internet Explorer 5 on Macintosh (IE5Mac).
   Used for the "float left/right without fixed
   width"-problem: IE5Mac needs a fixed width
   absolutely if float is set to left or right in
   conjunction with <ol> or <ul>.
   For more info see:
   http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html


 * * * * * * * * * * * * * * * * * * * * * * * * */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	padding: 0px;
	background-color: #ffffff;
	font-size: 1.0em;
	margin: 0px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *																					   *
 * 	Icons																			   *
 *																					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/
.navigationIcon {
	vertical-align: baseline;
	margin: 0 7px 0 0;
	border: 0;
	padding: 0;
}
.navigationIconAfter {
	vertical-align: baseline;
	margin: 0 0 0 7px;
	border: 0;
	padding: 0;
}
.redBox {
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	vertical-align: text-bottom;
	border: 1px solid #002664;
	width: 7px;
	height: 7px;
	font-size: 1px;
	background-color: #ff0300;
}
.greenBox {
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	vertical-align: text-bottom;
	border: 1px solid #002664;
	width: 7px;
	height: 7px;
	font-size: 1px;
	background-color: #8cec0b;
}
.yellowBox {
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	vertical-align: text-bottom;
	border: 1px solid #002664;
	width: 7px;
	height: 7px;
	font-size: 1px;
	background-color: #ffe100;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *																					   *
 * 	Fonts																			   *
 *																					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/
#internetTitleBox h1 {
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	font-size: 1.0em;
	padding: 0;
	margin: 1px 0 1px 0;
}
#internetTitleBox h2 {
	font-weight: bold;
	color: #ffffff;
	font-size: 0.8em;
	padding: 0;
	margin: 1px 0 11px 0;
}
.headBigColoured {
	font-weight: bold;
	color: #002664;
	font-size: 0.8em;
	padding: 0;
	margin: 1px 0 12px 0;
}
.headMiddleColoured {
	font-weight: bold;
	color: #002664;
	font-size: 0.7em;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
}
.headMiddleGrey {
	font-weight: bold;
	color: #373737;
	font-size: 0.7em;
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
	line-height: 1.4em;
}
#contentLeft .headSmallColoured {
	font-weight: bold;
	color: #002664;
	font-size: 0.6em;
	padding: 0 0 0 8px;
}
.headSmallColoured {
	font-weight: bold;
	color: #002664;
	font-size: 0.6em;
}
.headSmallerGrey {
	font-weight: bold;
	color: #373737;
	font-size: 0.55em;
	padding: 0;
	margin: 3px 0 3px 0;
	line-height: 1.4em;
}
.contentMiddleHead {
	font-weight: bold;
	color: #002664;
	font-size: 0.8em;
	padding: 0;
	margin: 1px 0 1px 0;
}
.contentMiddleHeadExtension {
	font-weight: normal;
	color: #373737;
	font-size: 0.85em;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.2em 0;
}
.imageSubtitle {
	font-weight: normal;
	color: #002664;
	font-size: 0.6em;
	padding: 0 0 15px 0;
}
p, .paragraph {
	padding: 0 0 16px 0;
	margin: 0;
}
.contentMiddleText {
	font-weight: normal;
	color: #373737;
	font-size: 0.7em;
	line-height: 1.4em;
}
.colouredBgText {
	font-weight: bold;
	color: #373737;
	padding: 2px 8px;
	margin: 0;
	font-size: 7.5pt;
	color: #ffffff;
	background-color: #002664;
}
.contentMiddleBgText {
	background-color: #F3F3FF;
	font-weight: normal;
	color: #373737;
	font-size: 0.7em;
	line-height: 1.4em;
}
.contentMiddleTextColouredBold {
	font-weight: bold;
	color: #002664;
	font-size: 0.7em;
	line-height: 1.4em;
}
.contentRightText {
	font-weight: normal;
	color: #373737;
	font-size: 0.6em;
}
.contentLeftText {
	font-weight: normal;
	color: #373737;
	font-size: 0.6em;
	padding: 0 0 0 8px;
}
.contentAnkerBox {
	color: #373737;
	text-decoration: none;
}
.contentAnkerBox:hover {
	text-decoration: underline;
}
.contentColouredAnkerBox {
	color: #002664;
	font-weight: bold;
	text-decoration: none;
}
.contentColouredAnkerBox:hover {
	text-decoration: underline;
}
.footerAnkerBox {
	color: #818181;
	text-decoration: none;
}
.footerAnkerBox:hover {
	text-decoration: underline;
}
.colouredText {
	color: #00229c;
}
.coloured2Text {
	color: #ff6600;
}
.greyText {
	color: #373737;
}
.blueText {
	color: #00229c;
}
.uppercaseText {
	text-transform: uppercase;
}
.normalText {
	font-weight: normal;
}
.contentRightOverviewLink {
	font-weight: bold;
	color: #373737;
	font-size: 0.6em;
}
.contentLeftOverviewLink {
	font-weight: bold;
	color: #373737;
	font-size: 0.6em;
	padding: 0 0 0 8px;
}
.contentMiddleFontSizeA {
	color: #373737;
	font-size: 0.7em;
}
.contentMiddleFontSizeB {
	color: #373737;
	font-size: 0.9em;
}
.contentMiddleFontSizeC {
	color: #373737;
	font-size: 1.1em;
}
.contentMiddleOverviewLink {
	font-weight: bold;
	color: #373737;
	font-size: 0.7em;
}
.breadcrumbs {
	font-weight: normal;
	color: #373737;
	font-size: 0.6em;
	margin: 2px 16px 2px 15px;
}
.copyright {
	font-weight: normal;
	color: #818181;
	font-size: 0.6em;
	margin: 10px 0 10px 0;
}
.print {
	font-weight: normal;
	color: #818181;
	font-size: 0.6em;
}
.toolbarText {
	font-size: 0.6em;
	font-weight: normal;
	color: #373737;
}
.inactiveText {
	color: #9b999c;
}
ol, ol.decimal {
	list-style: decimal outside;
	margin-top: 0;
	margin-bottom: 0;
}
ol li, ul li {
	margin-bottom: 12px;
}
ol.alpha {
	list-style: lower-alpha outside;
}
ul {
	list-style: disc outside;
}
ol.nomargin li, ul.nomargin li {
	margin: 0;
	padding: 0;
}
ol.nomargin, ul.nomargin {
	margin-bottom: 0;
	margin-top: 0;
}
table.imageTableOnePic {
	width: 50%;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #002664;
	font-size: 0.7em;
	text-align: left;
}
table.imageTableOnePic th {
	background-color: #F3F3FF;
	padding:5px;
	width:45%;
	vertical-align: top;
}
table.imageTableTwoPics {
	width: 100%;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #002664;
	font-size: 0.7em;
	text-align: left;
}
table.imageTableTwoPics th {
	background-color: #F3F3FF;
	padding: 3px 8px 6px 0;
	vertical-align: top;
}
table.imageTableTwoPics th.leftColumn, table.imageTableTwoPics th.rightColumn {
	padding:5px;
	width:45%;
}
table.contentTable {
	width: 100%;
	border: 0;
	font-size: 0.7em;
	text-align: left;
}
table.contentTable th {
	background-color: #eaeaf5;
	padding: 3px 8px 6px 0;
}
table.contentTable td {
	padding: 3px 8px 6px 0;
}
table.contentTable th.separator {
	font-weight: normal;
}
table.contentTable td.separator {
	height: 1px;
	line-height: 1px;
	padding: 0;
	background-image: url("basic/bg_dotted_horizontal_grey.gif"/*tpa=http://www.geonetcastamericas.noaa.gov/products/navigator/common/css/basic/bg_dotted_horizontal_grey.gif*/);
	background-repeat: repeat-x;
	background-position: bottom left;
}
.indent {
	padding-left: 10px;
	margin: 0;
}
/* Forms */
form {
	display: inline;
}
.antifloat {
	clear: both;
}
.input {
	width: 100%;
	border: 1px solid #757575;
	padding: 0 0px;
	background-color: #ffffff;
	margin: 3px 0;
}
#contentMiddle input.field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:  1px solid #757575;
	font-size: 0.7em;
	padding: 2px 0;
	margin: 0;
	background-color: #ffffff;
}
.row {
	text-align: left;
}
table.form td {
	padding: 0 0 2px 0;
	width: auto;
}
label.label {
	padding-top: 3px;
	padding-right: 10px;
}
label {
	font-size: 0.7em;
}
.groupRight {
	margin: 0;
	padding: 1px 0;
	width: 256px;
	text-align: right;
}
table.form br {
	display: block;
	margin-bottom: 8px;
}
#contentMiddle input.field, #contentMiddle select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 256px;
	text-align: left;
	font-size: 0.7em;
}
#contentMiddle textarea {
	width: 256px;
	height: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.7em;
	border:  1px solid #757575;
	padding: 0;
	margin: 0;
}
#contentMiddle input.checkbox, #contentMiddle input.radio {
	width: auto;
	border: 0;
	background-color: transparent;
	margin: 0px;
	padding: 0;
	vertical-align: baseline;
}
.submit {
	color: #00229c;
	padding-right: 10px;
	font-weight: bold;
	font-size: 0.8em;
}
input.submit {
	display: inline;
	background-color: transparent;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	font-weight: bold;
	font-size: 0.8em;
	cursor: pointer;
	text-align: left;
}
table.form .navigationicon {
	font-size: 1.3em;
}
.left {
	float: left;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *																					   *
 * 	Navigation  																	   *
 *																					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

----------------------------------
Main menu (CSS version)
----------------------------------   */
#navigationBox {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #00229c;
}
#navigationLeftSpacer {
	float: left;
	position: static;
	width: 23%;
	padding: 0;
	margin: 0;
}
#navigationContent {
	float: left;
	position: relative;
	width: 77%;
	padding: 0;
	margin: 0;
}
ul.horizontalNavigationUL {
	position: relative;
	float: left;
	width: 98%;
	list-style-type: none;
	border-style: solid;
	margin: 0px 0 0px 0px;
	padding: 0 1px 0 0;
	border-width: 1px 0 1px 0;
	border-left-color: #ffffff;
	border-top-color: #00229c;
	border-bottom-color: #00229c;
	background-color: #00229c;
	font-size: 0.6em;
	font-weight: bold;
	text-transform: uppercase;
}
.horizontalNavigationUL li.active, .horizontalNavigationUL li {
	width: 1px;
	position: relative;
	float: left;
	margin: 0px;
	padding-right: 6px;
	border-style: solid;
	border-width: 0 1px 0 0;
	border-right-color: #ffffff;
}
/* commented backslash hack v2 \*/
.horizontalNavigationUL li.active, .horizontalNavigationUL li {
	padding-right: 0px;
	width: auto;
}
/* end hack */

.horizontalNavigationUL li a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	background-color: #00229c;
	padding: 1px 6px 1px 6px;
}
.horizontalNavigationUL li a:hover {
	text-decoration: underline;
}
/* commented backslash hack v2 \*/
.horizontalNavigationUL li a:hover {
	text-decoration: none;
	background-color: #ffffff;
	color: #00229c;
}
/* end hack */
.horizontalNavigationUL li.active a {
	text-decoration: underline;
	display: block;
	padding: 1px 6px 1px 6px;
	border-style: solid;
	background-color: #00229c;
	color: #ffffff;
	border: 0;
}
/* commented backslash hack v2 \*/
.horizontalNavigationUL li.active a {
	text-decoration: none;
	border-width: 0 1px 0 0;
	border-right-color: #ffffff;
	background-color: #ffffff;
	color: #00229c;
}
/* end hack */
.navigationLimiter {
	float: left;
	margin: 1px 0 0 1px;
	width: 1px;
	background-color: #ffffff;
	padding: 1px 0px 1px 0px;
	font-size: 0.6em;
	font-weight: bold;
}
.navigationItem {
	float: left;
	padding: 1px 7px 1px 7px;
	margin: 0;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #00229c;
	font-size: 0.6em;
	font-weight: bold;
	color: #ffffff;
}
/*
----------------------------------
Meta menu (CSS version)
----------------------------------	 */
ul.metaNavigationUL {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0 1px 0 0;
	font-size: 0.6em;
	font-weight: bold;
	text-transform: uppercase;
}
.metaNavigationUL li.active, .metaNavigationUL li {
	width: 1px;
	position: relative;
	float: right;
	margin: 0px;
	padding-right: 6px;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	border-top-color: #abadd9;
	border-bottom-color: #abadd9;
	border-top-color: #abadd9;
	border-bottom-color: #abadd9;
	border-right-color: #ffffff;
	background-color: #abadd9;
}
/* commented backslash hack v2 \*/
.metaNavigationUL li.active, .metaNavigationUL li {
	padding-right: 0px;
	width: auto;
	border-width: 1px 0px 1px 0;
}
/* end hack */

.metaNavigationUL li a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	background-color: #abadd9;
	padding: 1px 6px 1px 6px;
}
/* commented backslash hack v2 \*/
.metaNavigationUL li a {
	border-style: solid;
	border-width: 0 1px 0 0;
	border-right-color: #ffffff;
}
/* end hack */
.metaNavigationUL li a:hover {
	text-decoration: underline;
}
/* commented backslash hack v2 \*/
.metaNavigationUL li a:hover {
	text-decoration: none;
	background-color: #ffffff;
	color: #abadd9;
}
/* end hack */
.metaNavigationUL li .active a {
	text-decoration: underline;
	display: block;
	padding: 1px 6px 1px 6px;
	background-color: #abadd9;
	color: #ffffff;
}
/* commented backslash hack v2 \*/
.metaNavigationUL li .active a {
	border-style: solid;
	border-width: 0 1px 0 0;
	border-right-color: #ffffff;
	text-decoration: none;
	background-color: #ffffff;
	color: #abadd9;
}
/* end hack */
.metaNavigationUL .active {
	background-color: #ffffff;
}
.metaNavigationUL li.lastItem a {
	border: 0;
}
.metaNavigationUL li.lastItem {
	border-right-width: 0;
}
.metaNavigationLimiter {
	float: right;
	margin: 0;
	width: 1px;
	background-color: #abadd9;
	padding: 1px 0px 1px 0px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #abadd9;
	font-size: 0.6em;
	font-weight: bold;
}
#metaNavigationBox {
	position: absolute;
	top: 31px;
	right: 1%;
	width: 99%;
	z-index: 15;
}
/*
----------------------------------
Meta menu (JavaScript/DHTML version)
----------------------------------	 */
td.metaNavigationItemOnClass {
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-left: 7px;
	font-size: 0.6em;
	text-transform: uppercase;
	z-index: 20;
}
td.metaNavigationItemOffClass {
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-left: 7px;
	font-size: 0.6em;
	text-transform: uppercase;
	z-index: 20;
}
/*
----------------------------------
Main menu (JavaScript/DHTML version)
----------------------------------	 */
td.navigationItemOnClass {
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-left: 7px;
	color: #00229c;
	font-size: 0.6em;
	text-transform: uppercase;
	z-index: 10;
}
td.navigationItemOffClass {
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-left: 7px;
	color: #ffffff;
	font-size: 0.6em;
	text-transform: uppercase;
	z-index: 10;
}
#menu0.navigationItemOnClass, #menu0.navigationItemOffClass {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	margin-top: 1px;
	margin-bottom: 1px;
}

/*
----------------------------------
Navigation, 2nd Level and down
----------------------------------	 */
/*
Note the following bug:
Opera 6 shows text-decorations wrong, if "display: block" is used. The decorations appear higher than they should.
*/
dl.verticalNavigation .verticalNavigationMetaQuicklink a,
dl.verticalNavigation .verticalNavigationMetaItem a,
dl.verticalNavigation .verticalNavigationMetaItemActive a,
dl.verticalNavigation .verticalNavigationItem a,
dl.verticalNavigation .verticalNavigationItemActive a,
dl.verticalNavigation .verticalNavigationMetaHeader a,
dl.verticalNavigation .verticalNavigationHeader a  {
	background-image: url("basic/bg_dotted_horizontal_grey.gif"/*tpa=http://www.geonetcastamericas.noaa.gov/products/navigator/common/css/basic/bg_dotted_horizontal_grey.gif*/);
	background-repeat: repeat-x;
	background-position: bottom left;
	width:230px;
}
dl.verticalNavigation, dl.verticalNavigation dd, dl.verticalNavigation dt, dl.verticalNavigation dt dd {
	margin: 0;
	padding: 0;
}
.navigation2ndLevel, .navigation1stLevel {
	text-indent: -16px;
	padding: 3px 5px 4px 24px;
}
.verticalNavigationInfo .navigation2ndLevel {
	padding-top: 2px;
	padding-bottom: 2px;
}
.navigation3dLevel {
	text-indent: -16px;
	padding: 3px 10px 4px 40px;
}
.navigation4thLevel {
	text-indent: -16px;
	padding: 3px 10px 4px 56px;
}
.navigation5thLevel {
	text-indent: -16px;
	padding: 3px 10px 4px 72px;
}
.navigation6thLevel {
	text-indent: -16px;
	padding: 3px 10px 4px 88px;
}
.navigation7thLevel {
	text-indent: -16px;
	padding: 3px 10px 4px 104px;
}
.verticalNavigationInfo {
	font-weight: normal;
	color: #373737;
	font-size: 0.6em;
}
.verticalNavigationInfo a {
	display: block;
	text-decoration: none;
	color: #373737;
	background-color: #ffffff;
}
.verticalNavigationInfo a:hover {
	text-decoration: underline;
}
.verticalNavigationInfoActive {
	font-weight: bold;
	color: #373737;
	font-size: 0.6em;
}
.verticalNavigationInfoActive a {
	display: block;
	text-decoration: none;
	color: #373737;
	background-color: #ffffff;
}
.verticalNavigationInfoActive a:hover {
	text-decoration: underline;
}
dl.verticalNavigationLinkList {
	font-weight: normal;
	color: #00229c;
	font-size: 0.6em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#contentRight dl.verticalNavigationLinkList dd {
	text-indent: -16px;
	padding: 0 0 5px 16px;
	margin: 0;
}
#contentLeft dl.verticalNavigationLinkList dd {
	text-indent: -16px;
	padding: 0 0 5px 24px;
	margin: 0;
}
.verticalNavigationLinkList a {
	text-decoration: none;
	color: #00229c;
}
.verticalNavigationLinkList a:hover {
	text-decoration: underline;
}

/*  Meta Menu (Green)  */
.verticalNavigationMetaQuicklink {
	font-weight: bold;
	color: #373737;
	font-size: 0.55em;
	text-transform: uppercase;
}
.verticalNavigationMetaQuicklink a {
	display: block;
	text-decoration: none;
	color: #373737;
}
.verticalNavigationMetaQuicklink a:hover {
	background-color: #eaeaf5;
}
.verticalNavigationMetaItem {
	font-weight: normal;
	color: #373737;
	font-size: 0.7em;
}
.verticalNavigationMetaItem a {
	display: block;
	text-decoration: none;
	color: #373737;
}
.verticalNavigationMetaItem a:hover {
	background-color: #eaeaf5;
}
.verticalNavigationMetaItemActive {
	font-weight: bold;
	color: #373737;
	font-size: 0.7em;
}
dd.verticalNavigationMetaItemActive a {
	display: block;
	text-decoration: none;
	color: #373737;
	background-color: #eaeaf5;
}
dt.verticalNavigationMetaItemActive a {
	display: block;
	text-decoration: none;
	color: #373737;
}
dd.verticalNavigationMetaItemActive a:hover {
}
dt.verticalNavigationMetaItemActive a:hover {
	background-color: #eaeaf5;
}
.verticalNavigationMetaHeader {
	font-weight: bold;
	color: #ffffff;
	font-size: 0.55em;
	text-transform: uppercase;
}
.verticalNavigationMetaHeader a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-color: #abadd9;
}
.verticalNavigationMetaHeader a:hover {
	text-decoration: underline;
}
/*  Main Menu (Blue)  */
.verticalNavigationHeader {
	font-weight: bold;
	color: #ffffff;
	font-size: 0.55em;
	text-transform: uppercase;
}
.verticalNavigationHeader a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-color: #00229c;
}
.verticalNavigationHeader a:hover {
	text-decoration: underline;
}
.verticalNavigationItem {
	font-weight: normal;
	color: #373737;
	font-size: 0.7em;
}
.verticalNavigationItem a {
	display: block;
	text-decoration: none;
	color: #373737;
}
.verticalNavigationItem a:hover {
	background-color: #e5e8f5;
}
.verticalNavigationItemActive {
	font-weight: bold;
	color: #373737;
	font-size: 0.7em;
}
dd.verticalNavigationItemActive a, dt.verticalNavigationItemActive a {
	display: block;
	text-decoration: none;
	color: #373737;
	background-color: #e5e8f5;
}
dt.verticalNavigationItemActive a {
	display: block;
	text-decoration: none;
	color: #373737;
}
dd.verticalNavigationItemActive a:hover {
}
dt.verticalNavigationItemActive a:hover {
	background-color: #e5e8f5;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *																					   *
 * 	Header Boxes																	   *
 *																					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/

/*
----------------------------------
Search
----------------------------------	 */
.searchField {
	border: 1px solid #3f3f3f;
	margin-left: 4px;
	margin-right: 5px;
	width: 85px;
	height: 1.5em;
	padding: 0;
	font-size: 1em;
}
.searchButton {
	vertical-align: text-bottom;
}
.searchText {
	font-size: 0.6em;
	font-weight: bold;
	color: #ffffff;
}
#searchBox {
	position: absolute;
	top: 39px;
	left: 0px;
	width: 99%;
	height: 87px;
}
#searchContent {
	float: left;
	position: absolute;
	left: 78%;
	width: 22%;
	padding: 0 0 8px 7px;
	bottom: 0px;	/* not implemented in Opera 6: the searchContent box will be shown at the top of searchBox box. */
	margin: 0px;
}
/*
----------------------------------
Logo
----------------------------------	 */
#logo {
	position: absolute;
	top: 7px;
	left: 9px;
	width: 150px;
	height: 26px;
}
/*
----------------------------------
Picture Header
----------------------------------	 */
#pictureHeaderBox {
	position: absolute;
	top: 39px;
	left: 0px;
	width: 100%;
	height: 87px;
	background-color: #000000;
}
#pictureHeader {
	width: 99%;
	height: 87px;
}
#leftPictureHeaderContent {
	float: left;
	width: 22%;
	height: 87px;
	background-color: #000000;
}
.sectionhomeA,
.sectionabouteumetsatA,
.sectionuserserviceA,
.sectionimagesA,
.sectionpublicationsA,
.sectionmediaA,
.sectionaccesserrorA,
.sectioncontactusA,
.sectionfaqA,
.sectionjobsA,
.sectionsearchresultsA,
.sectiontellafriendA {
	background-image: url("../../../../fragments/eum_header/css/basic/head_middlepic_001.jpg"/*tpa=http://www.geonetcastamericas.noaa.gov/fragments/eum_header/css/basic/head_middlepic_001.jpg*/);
	background-position: top center;
	background-repeat: no-repeat;
}
.sectionhomeB,
.sectionabouteumetsatB,
.sectionuserserviceB,
.sectionimagesB,
.sectionpublicationsB,
.sectionmediaB,
.sectionaccesserrorB,
.sectioncontactusB,
.sectionfaqB,
.sectionjobsB,
.sectionsearchresultsB,
sectiontellafriendB {
	background-image: url("../../../../fragments/eum_header/css/basic/head_leftpic_001.gif"/*tpa=http://www.geonetcastamericas.noaa.gov/fragments/eum_header/css/basic/head_leftpic_001.gif*/);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.sectionactivitiesA {
	background-image: url("../../../../fragments/eum_header/css/basic/head_middlepic_002.jpg"/*tpa=http://www.geonetcastamericas.noaa.gov/fragments/eum_header/css/basic/head_middlepic_002.jpg*/);
	background-position: top center;
	background-repeat: no-repeat;
}
.sectionactivitiesB {
	background-image: url("../../../../fragments/eum_header/css/basic/head_leftpic_002.jpg"/*tpa=http://www.geonetcastamericas.noaa.gov/fragments/eum_header/css/basic/head_leftpic_002.jpg*/);
	background-position: top right;
	background-repeat: no-repeat;
}


/*
----------------------------------
Internet Title
----------------------------------	 */
#internetTitleBox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 99%;
	height: 87px;
}
#internetTitleContent {
	float: left;
	position: absolute;
	left:266px;
	width: 55%;
	padding: 0 0 0 0;
	bottom:10px;	/* not implemented in Opera 6: the internet title will be shown at the top internetTitleBox. */
	margin: 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *																					   *
 * 	Content Boxes																	   *
 *																					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/
#topOfPage {
	position: absolute;
	left: 0px;
	top: 0px;
}
#contentBox {
	position: absolute;
	top: 126px;
	left: 0px;
	width: 99%;
}
table.fullsizeTable {
	width: 100%;
}
td.leftContentRow, td.rightContentRow {
	width: 21%;
}
td.middleContentRow {
	width: 54%;
}
td.middleContentRowWithoutToolbox {
	width: 77%;
}
td.rightSpacerRow,
td.leftSpacerRow {
	width: 2%;
	background-image: url("../../../../fragments/eum_header/css/basic/bg_dotted_vertical_grey.gif"/*tpa=http://www.geonetcastamericas.noaa.gov/fragments/eum_header/css/basic/bg_dotted_vertical_grey.gif*/);
	background-repeat: repeat-y;
	background-position: top center;
}
td.rightSpacerRowNoBg,
td.leftSpacerRowNoBg {
	width: 2%;
}





td.columnSpacer {
	width: 4%;
}
.mainLineDottedLineBox {
	float: left;
	position: relative;
	width: 100%;
	height: 1px;
}
.lineDottedLineBox {
	position: relative;
	width: 100%;
	height: 1px;
}
.dottedGreyLineHorizontal {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	background-image: url("../../../../fragments/eum_header/css/basic/bg_dotted_horizontal_grey.gif"/*tpa=http://www.geonetcastamericas.noaa.gov/fragments/eum_header/css/basic/bg_dotted_horizontal_grey.gif*/);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 0;
	margin: 0;
}
.dottedColouredLineHorizontal {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	background-image: url("../../../../fragments/eum_header/css/basic/bg_dotted_horizontal_coloured.gif"/*tpa=http://www.geonetcastamericas.noaa.gov/fragments/eum_header/css/basic/bg_dotted_horizontal_coloured.gif*/);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 0;
	margin: 0;
}
.dottedColouredLineVertical {
	width: 1px;
	background-image: url("../../../../fragments/eum_header/css/basic/bg_dotted_vertical_coloured.gif"/*tpa=http://www.geonetcastamericas.noaa.gov/fragments/eum_header/css/basic/bg_dotted_vertical_coloured.gif*/);
	background-repeat: repeat-y;
}
.px12 {
	margin: 0;
	height: 12px;
	font-size: 1px;
	line-height: 1px;
}
.px6 {
	margin: 0;
	height: 6px;
	font-size: 1px;
	line-height: 1px;
}
.px3 {
	margin: 0;
	height: 3px;
	font-size: 1px;
	line-height: 1px;
}
#contentLeft {
	margin: 0;
	padding: 0;
}
#contentMiddle {
	margin: 0;
	padding: 0;
}
#contentRight {
	margin: 0;
	padding: 0;
}
#mainContentBox {
	float: left;
	position: static;
	width: 100%;
	left: 0px;
}
#breadcrumbsBox {
	float: left;
	position: static;
	width: 100%;
}
#breadcrumbsLeftContent {
	float: left;
	position: static;
	width: 23%;
	padding: 0;
	margin: 0;
}
#breadcrumbsContent {
	float: left;
	position: static;
	width: 77%;
	margin: 0;
	padding: 2px 0 2px 0px;
}
#contentFooter {
	margin: 30px 0px 0px 0px;
}
#footerToolbox {
}
.newsTickerBox {
	margin: 0;
	padding: 6px 9px 6px 9px;
}
.toolbarBox {
	margin: 0;
	padding: 2px 0 2px 0;
}
.indent {
	margin: 0;
	padding: 0 0 0 20px;
}
table.toolbarBox tr td input.searchField {
	border: 1px solid #3f3f3f;
	margin-left: 4px;
	margin-right: 5px;
	width: 165px;
	height: 1.5em;
	padding: 0;
	font-size: 1em;
}
.siteindexContent {
	margin: 0 0 0 8px;
}
.detailContent {
	margin: 0 8px 0 8px;
}
.detailContent .contentMiddleHead {
	font-size: 10pt;
}
.detailContent a.contentColouredAnkerBox {
	font-weight: normal;
	font-size: 8pt;
	color: #000000;
}
.detailContent .rightFloat {
	float: right;
	margin-top: 2px;
}
.detail .footerAnkerBox {
	font-size: 8pt;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *																					   *
 * 	Images																	   		   *
 *																					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/

/* image left without text */

.imageLeft, .imageLeftCaption, .imageLeftCaptionPopup, .imageLeftNoBorder {
	margin: 12px 0 12px 0;
}

.imageLeft div, .imageLeftCaptionPopup div {
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #002664;
}

.imageLeftNoBorder div, .imageLeftNoBorder img {
	border: 0;
}

.imageLeft img, .imageLeftCaptionPopup img {
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #002664;
}

.imageLeftCaption img {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #002664;
}

/* image left aligned */

.imageLeftFloat, .imageLeftFloatCaption, .imageLeftFloatCaptionPopup, .imageLeftFloatNoBorder {
	float: left;
	margin: 0 12px 12px 0;
}

.imageLeftFloatCaptionPopup div {
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #002664;
}

.imageLeftFloatNoBorder div, .imageLeftFloatNoBorder img {
	border: 0;
}

.imageLeftFloatCaptionPopup img {
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #002664;
}

.imageLeftFloat img, .imageLeftFloatCaption img {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #002664;
}

/* image right aligned */
.imageRightFloat, .imageRightFloatCaption, .imageRightFloatCaptionPopup, .imageRightFloatNoBorder {
	float: right;
	margin: 0 0 12px 12px;
}

.imageRightFloatCaptionPopup div {
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #002664;
}

.imageRightFloatNoBorder div, .imageRightFloatNoBorder img {
	border: 0;
}

.imageRightFloatCaptionPopup img {
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #002664;
}

.imageRightFloat img, .imageRightFloatCaption img {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #002664;
}

/* images centered */

.imageMiddle, .imageMiddleNoBorder, .imageMiddleCaption, .imageMiddleCaptionPopup {
	width: 100%;
	text-align: center;
	margin: 12px 0 12px 0;
}

.imageMiddle div, .imageMiddleCaptionPopup div {
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #002664;
	margin: auto;
}

.imageMiddleCaption div {
	margin: auto;
}

.imageMiddleNoBorder div, .imageMiddleNoBorder img {
	border: 0;
	margin: auto;
}

.imageMiddle img, .imageMiddleCaptionPopup img {
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #002664;
}

.imageMiddleCaption img {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #002664;
}

/* all images */
img.navigationIcon {
	border: 0;
}

.imageLeftCaptionPopup p, .imageLeftFloatCaptionPopup p, .imageRightFloatCaptionPopup p, .imageMiddleCaptionPopup p {
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #002664;
	padding: 2px 8px 2px 8px;
	font-size: 0.7em;
	color: #00229c;
	font-weight: normal;
	text-align: left;
}

.imageLeftCaption p, .imageLeftFloatCaption p, .imageRightFloatCaption p, .imageMiddleCaption p {
	padding: 8px 0 2px 0;
	font-size: 0.7em;
	color: #00229c;
	font-weight: normal;
	text-align: left;
}

.imageLeftCaptionPopup a, .imageLeftFloatCaptionPopup a, .imageRightFloatCaptionPopup a, .imageMiddleCaptionPopup a {
	font-weight: bold;
}

.detail .imageLeftNoBorder {
	margin: 0;
}

/*]]*/