.dot  { position: absolute; 
       width: 10; 
       height: 10; 
       visibility: hidden; 
       background-color: #F55; 
       font-size: 1px; 
       cursor: pointer; 
       cursor: hand; 
       z-index: 100 
}
.dotoff { position: absolute; 
       width: 8; height: 8; 
       visibility: hidden;        
       background-color: E44; 
       font-size: 1px; 
       cursor:default; 
       z-index: 100
}
.dotempty    { position: absolute; 
       width: 10; 
       height: 10; 
       visibility: hidden; 
       background-color: orange; 
       font-size: 2px; 
       cursor: pointer; cursor: hand; 
       zindex: 100 
}
.caption { position: absolute;
       margin-top: 3px; 
       visibility: hidden; 
       font-family: Trebuchet, Verdana, aphont; 
       font-size: 8pt; 
       color: #09a;
       background: #FFF;
       text-align: center; 
       cursor: default; 
       z-index: 1 
}

body{ margin: 0px; 
       background-color: #FFF;
       Background-image:url(graphics/cloud_house_invert.gif);
       background-repeat: no-repeat; 
       background-attachment: fixed;
       background-position: center;
}

a:link { color: #F55; 
       text-decoration: none 
}
a:hover { color: #800; 
       text-decoration: none 
       font-weight: bold; 
}
a:visited { color: #A55; 
       text-decoration: none 
}
p { font-size: 10pt; 
       font-family: Trebuchet MS, Verdana, aphont; 
       color: #fa5 } 
p.text { positon: realtive;
	font-size: 8pt;
       width=15%;
       color: #777;
	   margin: 10px;
       font-family: Trebuchet, Verdana, aphont; 
} 
#bottom {
	Background-image:url(graphics/bar_small_orange.gif);
 	background-repeat: repeat-x ;
  	position: absolute;
	top:5px;
  	height: 16px;       
    width: 100%;
	MARGIN-RIGHT: 20px;
	font-family: Trebuchet, Verdana, aphont;
	font-size: 9pt;
	font-weight: 200;
    color: #000;
	padding:1px;
 	z-index: 1
	}