body {
	height: 100%;
	width: 100%;
	background-color: #DDDDDD;
	margin: 0;
	padding: 0;
	color: #222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: normal;
	text-align: left;
}

.BannerHeader {
	background-color: #222222;
	width: 100%;
	height: 40px;
	font-size: 28px;
	color: #DDDDDD;
	padding-left: 10px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}

.BannerSubheader {
	background-color: #555555;
	width: 100%;
	height: 24px;
	font-size: 14px;
	color: #DDDDDD;
	padding-top: 2px;
	padding-left: 10px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}


a:link {
	color: inherit;
	text-decoration: none;
}
a:visited {
	color: inherit;
	text-decoration: none;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}
.TopNotice {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	color: #DDDDDD;
        background-color: #404000;
	padding:3px;
	padding-left: 10px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.PowerNotice {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	color: #DDDDDD;
        background-color: #880000;
	padding:3px;
	padding-left: 10px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.FootNote {
	position: fixed;
	width: 100%;
	bottom:0px;
	height:15px;
	border-spacing: 0px;
	padding: 10;
	text-indent: 5px;
        background-color: #DDDDDD;
	color: #222222;
	font-size: 10px;
}
.MainColumn {
	text-align: left;
	vertical-align: top;
        font-size: 12px;
	color: #222222;
	padding-left: 10px;
}
.MainColumn .SubTitle{
        font-size: 18px;
        text-align: bottom;
        vertical-align: bottom;
        color: #222222;
	font-style: bolder;
}
.MainColumn .SubTitleAbsTop{
        font-size: 18px;
        text-align: bottom;
        vertical-align: bottom;
        color: #DDDDDD;
	background-color: #000000
	font-style: italic;
	position:absolute;
	left:20px;
	top:5px;
}
.MainColumn .SubSubTitle{
        font-size: 14px;
        text-align: bottom;
        vertical-align: bottom;
        color: #DDDDDD;
	font-style: italic;
}

.MainColumn .Preformatted{
        font-size: 12px;
	margin: 5px;
	padding: 5px;
}

.MainColumn .ItemBox{
	background-color: #FFFFFF;
	padding: 0px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	text-indent: 0px;
}

.MainColumn .table {
	font-size: 12px;
	background-color: #FFFFFF;
        color: #222222;
	text-indent: 5px;
        vertical-align: top;
}
.MainColumn .tableCell{
	padding-left: 0px;
        vertical-align: top;
}
.MainColumn .tableHead {
	font-size: 14px;
	background-color: #FFFFFF;
        color: #222222;
	font-style: bold;
}
.MainColumn .tableHeadVert {
	font-size: 17px;
	background-color: #313131;
        color: #DDDDDD;
	transform: rotate(90deg);
	transform-origin: left top 0;
	float: left;
}
.MainColumn .tableSubHead {
        font-size: 14px;
        color: #222222;
	text-indent: 0px;
}
.MainColumn .tableStatusOK {
	background-color: #009900;
        color: #DDDDDD;
}
.MainColumn .tableStatusOK2 {
        background-color: #009500;
        color: #DDDDDD;
}
.MainColumn .tableStatusWarning {
	background-color: #FFCC00;
	color: #000000;
}
.MainColumn .tableStatusCritical {
	background-color: #AA0000;
        color: #DDDDDD;
}
.MainColumn .tableStatusUnknown {
	background-color: #7E00BB;
        color: #DDDDDD;
}
.MainColumn .tableIndent {
	font-size: 12px;
	text-indent: 10px;
	background-color: #dcdcdc;
        color: #222222;
}
.MainColumn .tableRegular {
	background-color: #CCCCCC;
        color: #222222;
}
.MainColumn .tableNote {
        color: #777777;
        font-size: 10px;
}
.MainColumn .tableStatusOKdark {
	background-color: #282828;
        color: #DDDDDD;
}
.MainColumn .tableStatusWarningdark {
	background-color: #dcdcdc;
	color: #222222;
}
.MainColumn .tableStatusCriticaldark {
	background-color: #dcdcdc;
}
.MainColumn .tableStatusUnknowndark {
	background-color: #dcdcdc;
}
.MainColumn .tableStatusOKdark2 {
        background-color: #009900;
        color: #DDDDDD;
}
.MainColumn .tableStatusWarningdark2 {
        background-color: #FFCC00;
        color: #222222;
}
.MainColumn .tableStatusCriticaldark2 {
        background-color: #AA0000;
        color: #DDDDDD;
}
.MainColumn .tableStatusUnknowndark2 {
        background-color: #7E00BB;
        color: #DDDDDD;
}
.MainColumn .tableRowEven {
        background-color: #F0F0F0;
}
.MainColumn .tableRowOdd {
        background-color: #FFFFFF;
}
.MainColumn .tableWWkeyNPW {
        background-color: #FF00FF;
        color: #DDDDDD;
}
.MainColumn .tableWWkeyWSW {
        background-color: #0000FF;
        color: #DDDDDD;
}
.MainColumn .tableWWkeyTOR {
        background-color: #FF0000;
        color: #DDDDDD;
}
.MainColumn .tableWWkeyTST {
        background-color: #FE7F00;
        color: #DDDDDD;
}
.MainColumn .tableWWkeyWATCH {
        background-color: #8A4824;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXThunderstorm {
        background-color: #CC6600;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXStormWatch {
        background-color: #0000FF;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXTornadoWatch {
        background-color: #006600;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXTornado {
        background-color: #CF0000;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXFreeze {
        background-color: #660066;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXFrzRain {
        background-color: #004F6F;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXFrzFog {
        background-color: #006060;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXIce {
        background-color: #8B008B;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXFlood  {
        background-color: #008800;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXAirquality {
        background-color: #AAAAAA;
        color: #222222;
}
.MainColumn .tableStatusWXHeat {
        background-color: #660000;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXRadar {
        background-color: #CCCCCC;
        color: #222222;
}
.MainColumn .tableStatusNonWXEmerg {
        background-color: #300000;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXHeat {
        background-color: #300000;
        color: #DDDDDD;
}
.MainColumn .tableStatusPubInfo {
        background-color: #404000;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXSpecStmt {
        background-color: #006F6F;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXSvrStmt {
        background-color: #643F00;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXUrgStmt {
        background-color: #194264;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXDenseFog {
        background-color: #405060;
        color: #DDDDDD;
}
.MainColumn .tableStatusWXFire {
        background-color: #5B1616;
        color: #DDDDDD;
}
.MainColumn .tableStatusTempN10 {
        background-color: #dddddd;
	color: #000000;
}
.MainColumn .tableStatusTemp0 {
        background-color: #8f088f;
        color: #DDDDDD;
}
.MainColumn .tableStatusTemp10 {
        background-color: #f19fff;
	color: #000000;
}
.MainColumn .tableStatusTemp20 {
        background-color: #00ffff;
	color: #000000;
}
.MainColumn .tableStatusTemp30 {
        background-color: #0072ff;
        color: #DDDDDD;
}
.MainColumn .tableStatusTemp40 {
        background-color: #0000ff;
        color: #DDDDDD;
}
.MainColumn .tableStatusTemp50 {
        background-color: #888888;
}
.MainColumn .tableStatusTemp60 {
        background-color: #0eff00;
	color: #000000;
}
.MainColumn .tableStatusTemp70 {
        background-color: #ffff00;
	color: #000000;
}
.MainColumn .tableStatusTemp80 {
        background-color: #ff8000;
	color: #000000;
}
.MainColumn .tableStatusTemp90 {
        background-color: #f80000;
}
.MainColumn .tableStatusTemp100 {
        background-color: #8a0408;
}
.MainColumn .tableStatusTemp110 {
        background-color: #aa4488;
}

.MainColumn .tableStatusCondTable {
        background-color: #F0F0F0;
}
.MainColumn .tableStatusCondTemp {
        color: #222222;
        font-size: 36px;
}
.MainColumn .tableStatusCondLabel {
        color: #222222;
	text-align: right;
	font-weight: bold;
	line-height: 10px;
}
.MainColumn .tableStatusCondText {
        color: #222222;
	line-height: 10px;
}
.MainColumn .tableStatusCondSite {
        color: #222222;
        font-size: 16px;
}
.MainColumn .tableStatusCondNote {
        color: #AAAAAA;
        font-size: 10px;
}
.MainColumn .menuTable {
        font-size: 18px;
        background-color: #2A2A2A;
        color: #DDDDDD;
	text-align: center;
        vertical-align: top;
        line-height: 25px;
        top: 1px;
	border-spacing: 5px;
}
.MainColumn .menuTableLabel {
	text-align: left;
}
.MainColumn .menuTableItem {
        font-style: bold;
        background-color: #323232;
}
.MainColumn .menuTableItemSelected {
        font-style: bold;
        background-color: #444444;
}

.ClockDark {
        background-color: #000000;
        font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 240px;
	text-align: center;
	left:20px;
	top:50px;
	color: #FFFFFF;
}

.Clock {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	color: #222222;
}
.Clock .ClockTime {
        font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 240px;
	text-align: center;
	left:20px;
	top:50px;
}
.Clock .Radar {
	position:absolute;
	right:0px;
	bottom:0px;
}
.Clock .RadarMessage {
	position:absolute;
	right:30px;
	bottom:240px;
        font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 48px;
}
.Clock .Temp {
        font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 130px;
	position:absolute;
	left:20px;
	bottom:220px;
}
.Clock .WX {
        font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 20px;
	position:absolute;
	left:20px;
	bottom:20px;
}
.Clock .WXCond {
	position:absolute;
	bottom:0px;
	width:100%;
	height:380px;
}
.Clock .Scroll {
        font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 36px;
	overflow:scroll;
}
.Clock .ScrollTitle {
        font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 18px;
	overflow:scroll;
}
.Clock .tableStatusWXThunderstorm {
        background-color: #CC6600;
}
.Clock .tableStatusWXStormWatch {
        background-color: #0000FF;
}
.Clock .tableStatusWXTornadoWatch {
        background-color: #006600;
}
.Clock .tableStatusWXTornado {
        background-color: #FF0000;
}
.Clock .tableStatusWXFreeze {
        background-color: #660066;
}
.Clock .tableStatusWXIce {
        background-color: #8B008B;
}
.Clock .tableStatusWXFlood  {
        background-color: #008800;
}
.Clock .tableStatusWXAirquality {
        background-color: #AAAAAA;
}
.Clock .tableStatusWXHeat {
        background-color: #660000;
}
.Clock .tableStatusWXRadar {
        background-color: #000000;
}
.Clock .tableStatusNonWXEmerg {
        background-color: #300000;
}
.Clock .tableStatusWXHeat {
        background-color: #300000;
}
.Clock .tableStatusPubInfo {
        background-color: #404000;
}
.Clock .tableStatusWXSpecStmt {
        background-color: #006F6F;
}
.Clock .tableStatusWXSvrStmt {
        background-color: #643F00;
}
.Clock .tableStatusWXUrgStmt {
        background-color: #194264;
}
.Clock .tableStatusWXDenseFog {
        background-color: #405060;
}
.Clock .tableStatusWXFire {
        background-color: #5B1616;
}
.Clock .tableStatusWXFrzRain {
        background-color: #004F6F;
}
.Clock .tableStatusWXFrzFog {
        background-color: #006060;
}
