body {   
		margin: 0px;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: x-small;
		color: #000040;
	}

	form {  
		font-family: Verdana, Helvetica, sans-serif;
		font-size: x-small;
	}
	
	table{
	border-spacing : 0px;
	empty-cells : show;
	}
	th {  
		font-family: Verdana, Helvetica, sans-serif;
		font-size: x-small;
		color: #000040;
	}

	td {  
		font-family: Verdana, Helvetica, sans-serif;
		font-size: x-small;
		vertical-align : top;
	}
	
	li {  
		font-family: Verdana, Helvetica, sans-serif;
		font-size: small;
	}

	pre {  
		font-family: Verdana, Helvetica, sans-serif;
		font-size: x-small;
	}
	
	a {
		color: #000040;
		text-decoration: none;
		font-weight: bold;
	}
	
	a.reverse {
		color: #cccccc;
		text-decoration: none;
		font-weight: bold;
	}
	a:hover {
		color: #000080;
	}
	
	a.reverse:hover {
		color: #ffffff;
	}
	
	#wholepage {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.button {
		background-color : #E5F1F5;
		vertical-align : middle;
	}
	
	.htitle {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: x-small;
		font-weight: bold;
		color: #000080;
		background-color : #CCCCCC;
	}
	.dtitle {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: small;
		font-weight: bold;
		color: #004040;
		vertical-align: middle
	}
	.boxFloat{
	border: 1px solid #003366;
}
	tr.odd {  
		background-color : #f0f0f0;
	}
	tr.oddhover{
			background-color : #f0f0d0;
	}
	td.oddhiLite { 
		background-color : #f0f080;
	}
	tr.even {  
		background-color : #f8f8f8;
	}
	tr.evenhover { 
		background-color : #f8f8d8;
	}
	td.evenhiLite { 
		background-color : #f8f880;
	}
	td.odd {  
		background-color : #f0f0f0;
	}
	td.even {  
		background-color : #f8f8f8;
	}
	td.odd_even {  
		background-color : #f0f0f0;
	}
	td.even_odd {  
		background-color : #f8f8f8;
	}
	td.odd_odd {  
		background-color : #e0e0e0;
	}
	td.even_even {  
		background-color : #e8e8e8;
	}

	tr.oddsynop {  
		background-color : #ffffe8;
	}
	tr.evensynop {  
		background-color : #fffff0;
	}

	tr.oddnumeric {  
		background-color : #e8ffe8;
	}
	tr.evennumeric {  
		background-color : #f0fff0;
	}

	tr.oddextended {  
		background-color : #e8e8ff;
	}
	tr.evenextended {  
		background-color : #f0f0ff;
	}

	table.animation {  
		background-color : #e0e0e0;
	}
	tr.animation {  
		background-color : #e0e0e0;
	}
	td.animation {  
		background-color : #e0e0e0;
	}

	.metconnect-announce {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: Yellow;
}	
	
	.controls {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: x-small;
		color: #000040
	}		
	
	.lmenu {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: x-small;
		font-weight: bold;
		color: #000040
	}	
	.tmenu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
	cursor : crosshair;
}	
	.tstamp {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	color: Navy;
	background-color : White;
	border : medium Black;
	font-weight : bold;
}	
	.copy {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		color: #ffffff
	}	

	.version {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #ffffff
	}	

	.swbhead {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 14pt;
		font-weight: bold;
		color: #003366
	}	
	.swbbody {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #003366
	}
	
	.whitemsg {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: small;
		font-weight: bold;
		color: #ffffff
	}	

	.bluectrl {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: normal;
		color: #003366
	}	

	h1 {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		color: #003366
	}
	h2 {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bold;
		color: #003366
	}
	h3 {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #003366
	}
	p {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: x-small;
		font-weight: normal;
		color: #003366
	}	
	li,ol {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: x-small;
		font-weight: normal;
		color: #003366
	}
	.incomplete {
		color : #ff0000;
	}
	.next_midnight {
		color : #8080c0;
	}
	.evenrow {
		background-color : #f0f0f0;
	}
	.evenrowhot {
		background-color : #f0e0e0;
	}
	.evenrowcold {
		background-color : #e0e0f0;
	}
	.oddrow{
		background-color : #ffffff;
	}
	.oddrowhot{
		background-color : #fff0f0;
	}
	.oddrowcold {
		background-color : #f0f0ff;
	}
	.Fire0 {
	background-color : White;
}
	.Fire1 {
	background-color : White;
	font-weight : normal;
}
	.Fire2 {
	background-color : White;
	font-weight : normal;
}
	.Fire3 {
	background-color : White;
	font-weight : normal;
}
	.Firenull {
	font-weight : bold;
	color : Red;
	background-color : White;
}

    .infoframe{
	background-color : #000040;
	margin:0px;
	color : White;
}
    .menuframe{
	color: #0f0f0f;
	background-color : #ffffff;
	margin:0px;
	color : White;
}
	a.menuframe {
		color: #f0f0f0;
		text-decoration: none;
		font-weight: bold;
		font-style : italic;
	}
	a.menuframe:hover {
		color: #ffffff;
	}

table.data{
		border : 0.2mm solid Black;
}

.dataheader{
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #003366;
	color: #ffffff;
	font-size: x-small;
	font-weight: bold;
}
td.titleheader{
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #003366;
	color: #FFFF60;
	font-size: small;
	font-weight: bold;
	vertical-align: middle;
}
 
 .errmsg{
	color : Red;
}
	.menulabel {
		font-family: Verdana, Helvetica, sans-serif;
		background-color : #003366;
		font-size: x-small;
		font-weight: bold;
		color: #ffffff;;
		vertical-align: middle
	}
	
	.future{
	color : Silver;
}
.pageCreated{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: xx-small;
	font-style : italic;
 }
.animationPage{
	font-family: Verdana, Helvetica, sans-serif;
	background-color : #003366;
	color : White;
	font-size: x-small;
	font-weight : bold;
 }
 .homePage{
	background-image: ../theme/default/graphics/hbg_tile.jpg;
}
.progressBar{
	color : Black;
	font-size: xx-small;
 }
.boxHeading {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:FFFFFF;
	background-color : #808080;
	background-repeat : repeat;
}
.warnHeading {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:FFFFFF;
	background-color : #990000;
	background-repeat : repeat;
}
.watchHeading {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:FFFFFF;
	background-color : #808080;
	background-repeat : repeat;
}
.boxSubHeading {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:ffffff;
	background-color : #006699;
	background-repeat : repeat;
}
.mapH1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
	}
.mapH1 a{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
.mapH1 a:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	text-decoration: none
}
.mapH1off a{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #B0C4DE;
	text-decoration: none;
}
.mapH2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
	letter-spacing: 1px;
}
.mapH2 a{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #006699;	
	text-decoration: none

}
.mapH2 a:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003366;
	text-decoration: none
}
.mapH3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #B7B6B6;
	text-decoration: none;
	letter-spacing: 1px;
}
.mapH3 a{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #B7B6B6;	
	text-decoration: none

}
.mapH3 a:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003366;
	text-decoration: none
}

.issued{
	font-style: italic;
	font-size: xx-small;
	color: Silver;
}

.wd_day{
	background-color: White;
}
.we_day{
	background-color: #FFFFE0;
}
.temp0{
	background-color: #D3D3D3;
}
.temp1{
	background-color: #EAEAEA;
}
.temp2{
	background-color: #FFF0F5;
}
.temp3{
	background-color: #FFB6C1;
}
.temp4{
	background-color: #FF956C;
}
.rainfall1{
	background-color: #E0FFFF;
}
.rainfall2{
	background-color: #AFEEEE;
}
.rainfall3{
	background-color: #87CEFA;
}
.windkph1{
	background-color: #E8E8E8;
}
.windkph2{
	background-color: #DCDCDC;
}
.windkph3{
	background-color: #C8C8C8;
}
table.test{
	padding: 1px solid Black;
	border-color: asda;
}