@charset "UTF-8";
/* CSS Document */
/* CSS reference: http://tutorials.alsacreations.com/deroulant/ */
 
body {
margin: 0;
padding: 0;

}

#YP_Logo{
	background-image: url(images/YP_logo.gif);
	position:absolute;
	left:58px;
	top:0px;
	width:196px;
	height:158px;
	border:0;
}

#Header{
	background-image: url(images/YP_header.gif);
	position:absolute;
	left:249px;
	top:0px;
	width:563px;
	height:50px;
	border:0;
}

dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}

dd ul, dd li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
	position: absolute;
	top: 181px;
	left: 59px;
	width: 157px;
	height:auto;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 100%;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
line-height: 20px;
background: #9cba56;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
padding: 0.5em;
}

ul.menu li a:hover {
 background-image: url(images/menuHighlight.jpg);
}

ul.menu li ul li a {

  padding-left: 20px;
}

ul.menu li ul li a:hover {
background-image: url(images/menuHighlight.jpg);
	color: #748B3F;
  padding-left: 15px;
}


/*
#menu dt {
	cursor: pointer;
	margin: 6px #9cba56;
	height: 22px;
	line-height: 22px;
	text-align: left;
	font-weight: none;
	border: 1px #9cba56;
	background: #9cba56;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-indent: 18px;
	color: #FFF;
	font-size: 12px;
}

#menuOff {
	margin: 6px #9cba56;
	height: 22px;
	line-height: 22px;
	text-align: left;
	font-weight: none;
	border: 1px #9cba56;
	background: #9cba56;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-indent: 18px;
	color: #FFF;
	font-size: 12px;
}

#menu dd {
border: 1px #9cba56;
}

#menu li {
text-align: left;
margin: 4px #9cba56;
height: 20px;
line-height: 20px;
background: #9cba56;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-indent: 25px;
font-size: 11px;
color: #FFF;


}
#menu li a, #menu dt a {
color: #FFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}


#menu li a:hover, #menu dt a:hover {
	background-image: url(images/menuHighlight.jpg);
	color: #748B3F;
}
*/

.menuSelected {color: #FFFF99}

#homeFlower{
	background-image: url(images/menuFlower.gif);
	position:absolute;
	left:61px;
	top:191px;
	width:11px;
	height:11px;
	border:0;
	z-index: 1;
}

#homeFlower{
	background-image: url(images/menuFlower.gif);
	position:absolute;
	left:61px;
	top:191px;
	width:11px;
	height:11px;
	border:0;
	z-index: 1;
}

#HHHorgFlower{
	background-image: url(images/menuFlower.gif);
	position:absolute;
	left:61px;
	top:245px;
	width:11px;
	height:11px;
	border:0;
	z-index: 1;
}



</style>