body
{
	background-color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000033;
	background-image: url(images/ripple5.jpg);
	margin-top: 5px; 
}

p,td,ul,li
{
	font-family :Verdana, arial, helvetica ;
	font-size :x-small ;
}
small 
{
	font-family :Verdana, arial, helvetica ;
	font-size :xx-small ;
}
.tichy 
{
	font-size: 10px;
}
.wxcom
{
	color: #000066;
	font-weight :bold ;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000066;
	text-decoration: none;
	line-height: normal;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF6600;
	text-decoration: none;
	line-height: normal;
}

h1
{
	font-family :Verdana, Arial, helvetica ;
	font-size: large ;
}
h2
{
	font-family :Verdana, Arial, helvetica ;
	font-size: medium ;
}
h3
{
	font-family :Verdana, Arial, helvetica ;
	font-size: small ;
}
h4
{
	font-family :Verdana, Arial, helvetica ;
	font-size: x-small ;
}
h5
{	
	font-family :Verdana, Arial, helvetica ;
	font-size: xx-small ;
}

.topside, .topside td, .topside p
{
	font-family :Verdana, arial, helvetica ;
	font-size : 8pt ;
	color : Black  ;
}
.topside small
{
	font-family :Verdana, arial, helvetica ;
	font-size :8pt ;
	color :Black ;
}
.topside h3 
{
	font-family :Verdana, arial, helvetica ;
	font-size :8pt ;
	font-weight: bold;
	color :Black ;
	margin-bottom :0px;
}
.topside a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000066;
	text-decoration: none;
	line-height: normal;
}
.topside a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF6600;
	text-decoration: none;
	line-height: normal;
}
#wcl-services li {
	padding-bottom :8px;
}
#mda-services li {
	padding-bottom :8px;
}
#wcl-free li {
	padding-bottom :8px;
}
#topmenu li {
	padding-top :2px;
	padding-bottom :0px;
}
#rssmenu li {
	padding-top :2px;
	padding-bottom :0px;
}
#subser li {
	padding-top :2px;
	padding-bottom :0px;
	font-size :8pt;
}
#subser a 
{
	font-size:8pt;
}

.warning, .warning td, .warning p
{
	font-family :Verdana, arial, helvetica ;
	font-size : 8pt ;
	color : Red  ;
	font-weight: bold ;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CC0000;
	text-decoration: none;
	line-height: normal;
}

ul.leftmenu
{
	list-style-type: none ;
	padding : 0;
	margin: 20px 0 0 10px;
}

ul.leftmenu li 
{
	padding : 0;
	margin : 0 0 8px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	line-height: normal;
}

ul.leftmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000066;
	text-decoration: none;
	line-height: normal;
}
ul.leftmenu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF6600;
	text-decoration: none;
	line-height: normal;
}

#divF { margin-left:25px;}

#divF td 
{
	text-align :center;
	vertical-align :middle ;
}

/*  colours for chart scales   */

.BFS0 { background-color: #6699FF; color: #ffffff; }
.BFS1 { background-color: #99CCFF; color: #000000; }
.BFS2 { background-color: #99FFFF; color: #000000; }
.BFS3 { background-color: #CCFFFF; color: #000000; }
.BFS4 { background-color: #CCFFCC; color: #000000; }
.BFS5 { background-color: #FFFFCC; color: #000000; }
.BFS6 { background-color: #FFCC99; color: #000000; }
.BFS7 { background-color: #FF9966; color: #000000; }
.BFS8 { background-color: #FF6633; color: #000000; }
.BFS9 { background-color: #FF3300; color: #ffffff; }
.BFS10 { background-color: #DD3300; color: #ffffff; }
.BFS11 { background-color: #AA0000; color: #ffffff; }
.BFS12 { background-color: #800000; color: #ffffff; }

.R0 { background-color: #f0ffff; color: #000000; }   
.R10 { background-color: #A5D7FF; color: #000000; }
.R20 { background-color: #7EB8E9; color: #000000; }
.R30 { background-color: #629BD9; color: #000000; }
.R40 { background-color: #598DD6; color: #000000; }
.R50 { background-color: #507ED2; color: #000000; }
.R50plus { background-color: #466FCF; color: #ffffff; }


.C0123 { background-color: #f0ffff; color: #000000; }   
.C456 { background-color: #cccccc; color: #000000; }
.C7 { background-color: #999999; color: #ffffff; }
.C8 { background-color: #676767; color: #ffffff; }


.Tz15 { background-color: #466FCF; color: #ffffff; }
.Tz12 { background-color: #507ED2; color: #ffffff; }
.Tz09 { background-color: #598DD6; color: #ffffff; }
.Tz06 { background-color: #629BD9; color: #ffffff; }
.Tz03 { background-color: #7EB8E9; color: #ffffff; }
.T00 { background-color: #A5D7FF; color: #0000cc; }
.T03 { background-color: #C4E5B7; color: #000000; }
.T06 { background-color: #A5CC99; color: #000000; }
.T09 { background-color: #95B878; color: #000000; }
.T12 { background-color: #B1B867; color: #000000; }
.T15 { background-color: #DAD05B; color: #000000; }
.T18 { background-color: #DFB756; color: #000000; }
.T21 { background-color: #D9A449; color: #000000; }
.T24 { background-color: #D39242; color: #000000; }
.T27 { background-color: #D1853E; color: #000000; }
.T30 { background-color: #CC7239; color: #ffffff; }
.T33 { background-color: #CA6132; color: #ffffff; }
.T36 { background-color: #C74428; color: #ffffff; }

/* headlines on homepage */

#hWrap {
	width:680px;
	height: 24px;
	border:0;margin:0;
	overflow: hidden;
	}
	
#hlineid {
	width:600px; 
	float:left;
	text-align:left; 
	padding:3px; 
	font-family: verdana,arial,helveticxa, sans-serif;
	font-size: 10pt;
	font-weight: bold;
    }
#hBtns {
   width:72px;
   float:left;
   }

.hlineclass {
	border:1px solid #ff0000;
    background-color: #ffffff;
	color: #000000;
	}
.hlineclass2 {
    background-color: #ff0000;
	color: #ffffff;
	}
.cDay1 {color: #990000;}
.cDay2 {color: #FFFF33;}
#fWrap 
{
	float:left;
	clear:both;
	width:680px;
}
#divForecast 
{
	float:left;
	width:450px;
}
#divStuff 
{
	float:left;
	width:200px;
	margin-left:10px;
}
#twitter_update_list 
{
	width:190px;
}
#twitter_update_list li {
	list-style-type: none;
	margin: 0 0 4px 0;
	font-size:0.8em;
	border-bottom : dotted 1px #444;
}
#twitter_update_list a 
{
	font-size:1em;
}