body {
	font-family : Arial, Helvetica, San Serif;
  	background-image: url('http://www.srh.noaa.gov/oun/images/780_gray_background.gif');
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}

td.nav_left {
  	background-image: url('http://www.srh.noaa.gov/oun/images/header/nav_left.jpg');
	background-color: #0A2390;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}

td.leftmenu {
      vertical-align: top;
      text-align: left;
	background-color: #0A2390;
	width: 140px;
}

h2.title  {
	font-size : 15pt;
  	font-family: Arial, Helvetica, San Serif;
	font-weight : bold;
}

h3.title  {
	font-size : 14pt;
  	font-family: Arial, Helvetica, San Serif;
	font-weight : bold;
}

h4.title  {
	font-size : 13pt;
  	font-family: Arial, Helvetica, San Serif;
}

h5.title  {
	font-size : 12pt;
  	font-family: Arial, Helvetica, San Serif;
}

h6.title  {
	font-size : 11pt;
  	font-family: Arial, Helvetica, San Serif;
}

A:link {
	color: #0000FF;
	text-decoration: none;
}

A:Visited  {
color: #003399;
text-decoration: none;
}

A:hover {
color : #FF0000;
text-decoration : none;
}

table.headertable  {
	width: 780px;
}

table.bodytable  {
	width: 780px;
}

table.tailertable  {
	width: 780px;
}

table.tailertable640  {
	width: 640px;
}

td.tailer640  {
	width: 640px;
}

table.100percent  {
	width: 100%;
}

td.nav_left  {
	width: 106px;
	text-align: left;
}

td.loc  {
	width: 225px;
      vertical-align: middle;
      text-align: center;
}

td.map  {
	width: 224px;
      vertical-align: middle;
      text-align: center;
}

td.org  {
	width: 225px;
      vertical-align: middle;
      text-align: center;
}

td.twentypixels  {
	width: 20px;
}

td.skipnav  {
	height: 17px;
}

td.blackbottombar  {
	height: 5px;
}

a.menitem  {
   font-weight : bold;
   text-decoration : none;
   color: #ffffff;
}

#menuitem A:link {
color: white;
text-decoration: none;
font-weight: bold;
}

#menuitem A:Visited {
color: #ffffff;
font-weight: bold;
}

#menuitem A:hover { 
color : #F0E68C; 
text-decoration : underline; 
font-weight: bold;
}

.white  {
	color : #ffffff;
}

.red  {
	color : Red;
}

.bluetemp  {
	color : White;
	background-color :Blue;
	font-family : Arial, Helvetica, San Serif;
}

.blue1  {
	font-family : Arial, Helvetica, San Serif;
	color : Navy;
	font-weight : bold;
	font-size : 14px;
}

.green  {
	color : White;
	font-family : Arial, Helvetica, San Serif;
	background-color : Green;
}

.yellow  {
	font-family : Arial, Helvetica, San Serif;
//	font-size : 11px;
	font-size : 9pt;
	font-weight : bold;
	color : #F0E68C;
}

.searchinput, .searchinput SELECT, .searchinput INPUT  {
	font-size : 8px;
}

td  {
	font-size : 12px;
	font-family : Arial, Helvetica, San Serif;
}

th  {
	font-family : Arial, Helvetica, San Serif;
	font-size : 11px;
}

h3 {
	font-size : 15px;
	font-family : Arial, Helvetica, San Serif;
}

h2 {
	font-size : 20px;
}

.gray  {
	font-size : 10px;
	color : #808080;
}

.nav  {
	font-size : 11px;
	font-family : Arial, Helvetica, San Serif;
}

.nav1 {
	font-size : 10px;
	font-family : Arial, Helvetica, San Serif;
}

.bread  {
	font-size : 10px;
}

h1 {
	font-size : 22px;
	font-family : Arial, Helvetica, San Serif;
}

.purple {
	color : #663366;
	font-size : 16px;
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
}

.watch  {
	color : #FFA500;
}

.warn  {
	color : Red;
}

.source  {
	font-size : 18px;
	color : #ffffff;
	font-weight : bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.small {
		text-decoration: none;
		font-size: 9px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #000000;
		}
.small a {
		text-decoration: none;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #0000FF;
		}
.small a:visited {
		text-decoration: none;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #0000FF;
		}
.small a:hover {
		text-decoration: underline;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #FF0000;
		}
.zoom a {
		text-decoration: none;
		font-size: 9px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #ffffff;
		}
.zoom a:visited {
		text-decoration: none;
		font-size: 9px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #ffffff;
		}
.zoom a:hover {
		text-decoration: underline;
		font-size: 9px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: Gold;
		}

table.road  {
	background-color: #000000;
}

td.road  {
      vertical-align: middle;
      text-align: center;
	font-family : Arial, Helvetica, San Serif;
	font-size : 8pt;
	font-weight : bold;
	background-color: #ffffff;
      vertical-align: middle;
      text-align: center;
}

td.ok  {
      vertical-align: middle;
      text-align: center;
	font-family : Arial, Helvetica, San Serif;
	font-size : 8pt;
	font-weight : bold;
	background-color: #ffcccc;
      vertical-align: middle;
      text-align: center;
}

.ok a {
		text-decoration: none;
		color: #660000;
		}
.ok a:visited {
		text-decoration: none;
		color: #660000;
		}
.ok a:hover {
		text-decoration: underline;
		color: cc0000;
		}
td.tx  {
      vertical-align: middle;
      text-align: center;
	font-family : Arial, Helvetica, San Serif;
	font-size : 8pt;
	font-weight : bold;
	background-color: #ffddcc;
      vertical-align: middle;
      text-align: center;
}

.tx a {
		text-decoration: none;
		color: #664422;
		}
.tx a:visited {
		text-decoration: none;
		color: #664422;
		}
.tx a:hover {
		text-decoration: underline;
		color: #ff99cc;
		}
td.us  {
      vertical-align: middle;
      text-align: center;
	font-family : Arial, Helvetica, San Serif;
	font-size : 8pt;
	font-weight : bold;
	background-color: #ffffcc;
}

.tx a {
		text-decoration: none;
		color: #666600;
		}
.tx a:visited {
		text-decoration: none;
		color: #666600;
		}
.tx a:hover {
		text-decoration: underline;
		color: #cccc00;
		}

span.gray {
		text-decoration: none;
		color: #808080;
		font-size : 8pt;
		}
.gray a {
		text-decoration: none;
		color: #808080;
		font-size : 8pt;
		}
.gray a:visited {
		text-decoration: none;
		color: #808080;
		font-size : 8pt;
		}
.gray a:hover {
		text-decoration: none;
		color: #808080;
		font-size : 8pt;
		}

span.location  {
	font-size : 26px;
	color : #ffffff;
	font-weight : bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.location  {
	font-size : 26px;
	color : #ffffff;
	font-weight : bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.location  {
	font-size : 26px;
	color : #ffffff;
	font-weight : bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#location a:visited {
		text-decoration: none;
		font-size : 26px;
		color : #ffffff;
		font-weight : bold;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
#location a:hover {
		text-decoration: underline;
		font-size : 26px;
		color : #ffffff;
		font-weight : bold;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		}

a.bluelink {
		text-decoration: none;
		font-family : Arial, Helvetica, San Serif;
		font-size : 9pt;
		font-weight : bold;
		color : #0000ff;
		}

td.tag {
		background-color: #000000;
		color: #ffffff;
	      vertical-align: middle;
		text-align: center; 
		font-size: 8pt; 
		height: 15px;
}
	table.spottable 
	{
		background-color: #cccccc;
	}

	td.spotheader 
	{
		color: #006600;
		font-weight: bold;
		font-size: 11px;
		font-family: Arial, Helvetica, Geneva, Sand-serif;
		text-align: center;
		vertical-align: middle;
		background-color: #ccffcc;
	}

	td.spotcell 
	{
		color: #0000cc;
		font-weight: bold;
		font-size: 11px;
		font-family: Arial, Helvetica, Geneva, Sand-serif;
		text-align: center;
		vertical-align: middle;
		background-color: #ccffff;
	}

	a.spotlink  
	{
		font-family: Arial, Helvetica, San Serif;
		font-size: 11px;
		font-weight : bold;
		text-decoration : none;
		color: #0000cc;
	}

	#spotlink a:visited 
	{
		font-family: Arial, Helvetica, San Serif;
		font-size: 11px;
		font-weight : bold;
		color: #0000cc;
		text-decoration: none;
	}

	#spotlink a:hover  
	{
		font-family: Arial, Helvetica, San Serif;
		font-size: 11px;
		font-weight : bold;
		color: #0000cc;
		text-decoration: none;
	}

	td.spotnow 
	{
		color: #0000cc;
		font-weight: bold;
		font-size: 11px;
		font-family: Arial, Helvetica, Geneva, Sand-serif;
		text-align: center;
		vertical-align: middle;
		background-color: #ffff99;
	}

	a.spotnow  
	{
		font-family: Arial, Helvetica, San Serif;
		font-size: 11px;
		font-weight : bold;
		text-decoration : none;
		color: #0000cc;
	}

	#spotnow a:visited 
	{
		font-family: Arial, Helvetica, San Serif;
		font-size: 11px;
		font-weight : bold;
		color: #0000cc;
		text-decoration: none;
	}

	#spotnow a:hover  
	{
		font-family: Arial, Helvetica, San Serif;
		font-size: 11px;
		font-weight : bold;
		color: #0000cc;
		text-decoration: none;
	}