body { }
#box1 { position:absolute; top:95px; left:185px; width:90px; height:35px; z-index:1; }
#box2 { position:absolute; top:170px; left:128px; width:90px; height:35px; z-index:2; }
#box3 { position:absolute; top:243px; left:99px; width:90px; height:35px; z-index:3; }
#box4 { position:absolute; top:319px; left:90px; width:90px; height:35px; z-index:1; }
#box5 { position:absolute; top:394px; left:68px; width:90px; height:35px; z-index:2; }

.border, .border TD, .border TH
{
	background-image:url('http://www.geocities.com/dsobrado1/css/downLat.jpg');
	background-color:white;	
	color:black;
	background-repeat: repeat-y;
	margin:0px;
	padding:0px;
	border:0px;	
}
body
{
	text-align:center;
	margin:0px;
	padding:0px;
	width:100%
}

div
{
	text-align:left;
	margin:0px;
	padding:0px;
	border:0px;
}
A {
	COLOR: #FFAAAA; TEXT-DECORATION: none
}
A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #FF0000; TEXT-DECORATION: none
}
.normal {
	WIDTH: 125px; CURSOR: default; BACKGROUND-COLOR: #eff5f3
}
.highlight {
	BACKGROUND-COLOR: #d6e4df
}
.smartlink {
	COLOR: black; TEXT-DECORATION: none
}
TABLE
{
 	BORDER-COLLAPSE: collapse;
 	margin-top:0px;
	margin-left:0px;
     	margin:0px;
	padding:0px;
	border:0px;
}
TABLE.blackborder
{
	border-style:solid;
	border-width: 2px;
	border-color: black;
}
TD
{
     	Border-collapse: collapse;
     	margin:0px;
     	padding:0px;
     	border:0px;
}
TH
{
	Border-collapse: collapse;
	font-weight: bold;
	text-align: center;
     	margin:0px;
     	padding:0px;
     	border:0px;
} 
HR 
{ border: 0; Height:0px;}

p#dots { 
float:left;
margin-top:20px;
margin-left:20px;
}
#dots a { 
background-color:blue;
display:block; 
border:2px dashed red;
}
#dots a:hover {border:2px dashed #cfc;}
#dots img {display:block;border:none;background:#ffc;padding:4px;}

#dots a:hover img{background:#7eddff}