﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Home</title>
<style type="text/css">
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}
ol {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	width:120px;
}

ol ol {
	float: left;
	position: absolute;
	top: 0;
	left: 161px;
	display: none;
}

ol li {
	position: relative;
	}


li a {
	display:block;
	padding: 5px;
	border: 1px solid #808080;
	background-color: #9BB9A5;
	height:15px;
	width:150px;
	text-decoration: none;
	color: #000;

}

li:hover ol, li.over ol  { display: block; }

</style>
</head>

<body>

<ol>
	<li><a href="default.html">Home</a></li>
	<li><a href="#">Bull Terriers</a>
		<ol>
		<li><a href="images/dottie_sit.JPG">one</a></li>
		<li><a href="#">two</a></li>
		<li><a href="#">three</a></li>
		<li><a href="#">four</a></li>
		</ol>
	</li>
	<li><a href="#">Staffords</a>
		<ol>
		<li><a href="#">Dave</a></li>
		</ol></li>
	
	<li><a href="#">Paintings</a>
		<ol>
		<li><a href="#">for sale</a></li>
		<li><a href="#">Commitions</a></li>
     </ol></li>
	<li><a href="#">Contact Us</a>
	<ol><li><a href="#">By Phone</a></li>
		<li><a href="#">By E-Mail</a></li></ol>
		</li>
</ol>

</body>

</html>
