.hnav
{
	clear:both;
    width:800px;
    background:#E5E4D5 url(../images/hnav_bg.gif) repeat-x left top;
    font-family:Arial, helvetica, sans-serif;
	text-align:center;
	font-size:65%;
	font-weight:bold;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top:11px;
	padding-bottom:10px;
}
.hnav ul, .hnav ul li
{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
.hnav ul li a
{
	margin:0 -3px 0 0;
	padding-left:26px;
	padding-right:26px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left:solid 1px #FAFAF7;
	border-right:solid 2px #CBCAAA;
	white-space:nowrap;
	color:#828072;
	text-transform:uppercase;
}
.hnav ul li.first a
{
    border-left:none;
    background:url(../images/hnav_divide.gif) repeat-y left top;
    /*padding-left:18px;*/
}
.hnav ul li.last a
{
    border-right:none;
    background:url(../images/hnav_divide.gif) repeat-y right top;
    /*padding-right:18px;*/
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover 
{
	text-decoration:none;
}

.hnav ul li a:hover
{
    background:#CCCAAF url(../images/nav_middle_on.gif) repeat-x left top;
    color:#515047;
}
.hnav ul li.first a:hover 
{
    background: url(../images/nav_middle_on_first.gif) no-repeat left top;
    color:#515047;
}
.hnav ul li.last a:hover
{
    background:url(../images/nav_middle_on_last.gif) no-repeat right top;
    color:#515047;
}
#home .hnav ul li.home a
{
    /*background:url(../Images/hnav_divide.gif) repeat-y left top;*/
	background: url(../images/nav_middle_on_first.gif) no-repeat left top;
	color:#515047;
}


#about .hnav ul li.about a
{
    /*background:url(../Images/hnav_divide.gif) repeat-y left top;*/
	background: url(../images/nav_middle_on.gif) repeat-x left top;
	color:#515047;
}


#puppies .hnav ul li.puppies a
{
    /*background:url(../Images/hnav_divide.gif) repeat-y left top;*/
	background: url(../images/nav_middle_on.gif) repeat-x left top;
	color:#515047;
}

#history .hnav ul li.history a
{
    /*background:url(../Images/hnav_divide.gif) repeat-y left top;*/
	background: url(../images/nav_middle_on.gif) repeat-x left top;
	color:#515047;
}

#gallery .hnav ul li.gallery a
{
    /*background:url(../Images/hnav_divide.gif) repeat-y left top;*/
	background: url(../images/nav_middle_on.gif) repeat-x left top;
	color:#515047;
}

#dogs .hnav ul li.dogs a
{
    /*background:url(../Images/hnav_divide.gif) repeat-y left top;*/
	background: url(../images/nav_middle_on.gif) repeat-x left top;
	color:#515047;
}


#contact .hnav ul li.contact a
{
    background:url(../images/hnav_divide.gif) repeat-y right top;
	color:#515047;
}
#about .hnav ul li.about a, #history .hnav ul li.history a, #dogs .hnav ul li.dogs a, #puppies .hnav ul li.puppies a, #gallery .hnav ul li.gallery a, #contact .hnav ul li.contact a
{
	background: url(../images/nav_middle_on.gif) repeat-x left top;
	color:#515047;
}
.hnav ul li span.divider
{
	display:none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width:1%; /* IE/Mac needs this */
	display:inline-block;	/* IE/Mac needs this */
	/* \*/
		width:auto;
		display:inline; 
		position:relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height:0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding:0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}