A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff9900; TEXT-DECORATION: none
}

.class1 A:link {text-decoration: none; color: white}
.class1 A:visited {text-decoration: white}
.class1 A:active {text-decoration: white}
.class1 A:hover {text-decoration: none; color: #ff9900;}

.class2 A:link {text-decoration: none; color: black}
.class2 A:visited {text-decoration: none; color: black}
.class2 A:active {text-decoration: none; color: black}
.class2 A:hover {text-decoration: none; color: orange;}

.class3 A:link {text-decoration: none; color: #395d6d}
.class3 A:visited {text-decoration: none; color: #395d6d}
.class3 A:active {text-decoration: none; color: #395d6d}
.class3 A:hover {text-decoration: none; color: black;}


.class9 A:link {text-decoration: none; color: #395d6d}
.class9 A:visited {text-decoration: none; color: #395d6d}
.class9 A:active {text-decoration: none; color: #395d6d}
.class9 A:hover {text-decoration: none; color: black;}


IMG {border-color:white;}
A:Hover IMG {border-color:orange;border-style:dotted}
pre { font-family: ; }







 <style type="text/css">

.class3 body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 80%;
	font-weight: bold;
	background: #FFF;
	}

.class3 h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
	
.class3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.class3 img {
    border: none;
} 

	
/*- Menu 1--------------------------- */
	
#menu1 {
	width: 132px;

	}
	
#menu1 li a {
	height: 20px;
  	voice-family: "\"}\""; 
  	voice-family: verdana;
  	height: 20px;
	text-decoration: none;
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #FFFFFF;
	display: block;
	background:  url(../images/button_off_main.jpg);
	}
	
#menu1 li a:hover {
	color: #FF9202;
	background:  url(../images/button_on_main.jpg);

}

/*- Menu 2--------------------------- */
	
#menu2 {
	width: 132px;

	}
	
#menu2 li a {
	height: 20px;
  	voice-family: "\"}\""; 
  	voice-family: verdana;
  	height: 20px;
	text-decoration: none;
	}	
	
#menu2 li a:link, #menu2 li a:visited {
	color: #FFFFFF;
	display: block;
	background:  url(./menu/submenu_off.jpg);
	}
	
#menu2 li a:hover {
	color: #FF9202;
	background:  url(./menu/submenu_on.jpg);					
  </style>
  
  
  
  <style type="text/css">

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

</style>
  
  
  
  .gurtl0norm {
	padding: 4px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid #5E8383;
	border-left: 4px solid #395D64;
	background: #395D64;
	color: white;
	cursor: hand;
}
.gurtl0over {
	padding: 4px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid #A4A4A4;
	border-left: 4px solid #FE9402;
	background: #395D64;
	color: white;
	cursor: hand;
}
.gurtl0clck {
	padding: 4px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid #A4A4A4;
	border-left: 4px solid #E1B700;
	background: #395D64;
	color: white;
	cursor: hand;
}
.gurtl1norm {
	padding: 3px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid white;
	border-left: 4px solid #EBEFEF;
	background: #DBDFDF;
	color: #395D64;
	cursor: hand;
}
.gurtl1over {
	padding: 3px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid white;
	border-left: 4px solid #FE9402;
	background: #DBDFDF;
	color: #243D4B;
	cursor: hand;
}
.gurtl1clck {
	padding: 3px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid white;
	border-left: 4px solid #E1B700;
	background: #DBDFDF;
	color: #243D4B;
	cursor: hand;
}

.class15 A:link {text-decoration: none; color: white}
.class15 A:visited {text-decoration: white}
.class15 A:active {text-decoration: white}
.class15 A:hover {text-decoration: none; color: #ff9900;}




















    #container2 {
      background: url(http://www.weatherbus.com/graphics/help/stormvue.gif) #000000 no-repeat;
      color: #ffffff;
      position: relative;
      height: 663;
      width: 643;
    }
    #container2 a {
      position: absolute;
    }
    #container2 a img {
      border-style: none;
    }

    #1 {
      top: 5px;
      left: 93px;
    }

    #2 {
      top: 39px;
      left: 488px;
    }

    #3 {
      top: 90px;
      left: 256px;
    }

    #4 {
      top: 90px;
      left: 424px;

    }


    #5 {
      top: 162px;
      left: 560px;

    }


    #6 {
      top: 313px;
      left: 555px;


    }


    #7 {
      top: 402px;
      left: 606px;


    }


    #8 {
      top: 448px;
      left: 606px;


    }


    #9 {
      top: 497px;
      left: 606px;


    }


    #10 {
      top: 598px;
      left: 606px;


    }


    #11 {
      top: 545px;
      left: 496px;


    }


    #12 {
      top: 372px;
      left: 249px;


    }