pre { 
font-family: monospace; 
}
h1,h2,h3,h4,h5,p,ul { 
font-family: verdana, arial, sans-serif; 
}
body {
margin-left: 10%; margin-right: 10%;
font-family: verdana, arial, sans-serif;
font-size: small;
z-index: 1;
}

#homenav {
border: solid; border-width: 0; width: 513px; height: 493px;
margin:0 auto;
width:513px;
text-align: left;
z-index: 1;
}

/* ---------- hidden only if css is enabled.  if disabled, image is rendered ---------- */
img.image{ display: none; }

dl#haikumap{
	margin:0;
	padding: 0;
	background: url(images/07haikuslide1.jpg) top left no-repeat;
	height: 493px;
	width: 513px;
	position: absolute;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- hotspot declarations ---------- */
dd#restaurantdef{ top: 0; left: 0; }
dd#restaurantdef a{ position: absolute; width: 270px; height: 335px; text-decoration: none; }
dd#restaurantdef a span{ display: none; }
dd#restaurantdef a:hover{ position: absolute; background: transparent url(images/07haikuslide1.jpg) -513px 0 no-repeat; top: 0; left: 0; }
dd#restaurantdef a:hover span{
}

dd#cateringdef{ top: 0px; left: 180px; }
dd#cateringdef a{ position: absolute; width: 313px; height: 255px; text-decoration: none; }
dd#cateringdef a span{ display: none; }
dd#cateringdef a:hover{ background: transparent url(images/07haikuslide1.jpg) -1206px 0 no-repeat; }
dd#cateringdef a:hover span{
	display: block;
	position: absolute;
	bottom: 100%;
	margin: 0;
	
}

dd#takeoutdef{ top: 174px; left: 266px; }
dd#takeoutdef a{ position: absolute; width: 210px; height: 319px; text-decoration: none;	}
dd#takeoutdef a span{ display: none; }
dd#takeoutdef a:hover{ background: transparent url(images/07haikuslide1.jpg) -1805px -174px no-repeat; }
dd#takeoutdef a:hover span{
}

#smtext {position: relative; left:-30px; top:1px;
margin-top:-30px;margin-left: auto;margin-right: auto; width:615px; border-width:0;  border-color:#000;  border-style:solid; text-align:right;z-index: 2;
}

#footer {
position: relative; left:-30px; top:1px;
margin-top:10px;margin-left: auto;margin-right: auto; width:535px; border-width:0px;  border-color:#000;  border-style:solid; text-align:right;z-index: 3;
}

a.footer:link {
color: #0000ff; text-decoration: underline; 
}
a.footer:active {
color: #0000ff; text-decoration: underline; 
}
a.footer:visited {color: #3333ff; text-decoration: underline; }
a.footer:hover {color: #000099; text-decoration: underline; }