/* CSS Document */

#menu_container {position:relative; width:227px;}
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
#pmenu a {
	display:block;
	width:227px;
	height:35px;
	font-size:12px;
	font-weight:bold;
	color:#615834;
	line-height:34px;
	text-decoration:none;
	text-indent:53px;
	border:1px solid #D7C69F;
	border-width:1px 0px 0px 0px;
	background:url(../images/arrow.gif) left center no-repeat #F4E7E1;
}

#pmenuSub a {
	display:block;
	width:227px;
	height:25px;
	font-size:11px;
	font-weight:bold;
	color:#8C8259;
	line-height:24px;
	text-decoration:none;
	text-indent:75px;
	border:1px solid #D7C69F;
	border-width:1px 0px 0px 0px;
	background:url(../images/arrow_sub.gif) left center no-repeat #F4E7E1;
}
/* variations */
#pmenu li a.first, #pmenu li a.first:visited {border-width:0; color:#8B7625;}
#pmenu li a.last, #pmenu li a.last:visited {border-width:1px 0 1px 0; color:#8B7625;}
#pmenu li a.firstIn, #pmenu li a.firstIn:visited {border-width:0; color:#8B7625; background:url(../images/arrow.gif) left center no-repeat #E6D7C6;}
#pmenu li a.lastIn, #pmenu li a.lastIn:visited {border-width:1px 0 1px 0; color:#8B7625; background:url(../images/arrow.gif) left center no-repeat #E6D7C6;}
#pmenu li a.in, #pmenu li a.in:visited {background:url(../images/arrow_down.gif) left center no-repeat #E6D7C6;}
#pmenuSub li a.inSub, #pmenuSub li a.inSub:visited {background:url(../images/arrow_sub.gif) left center no-repeat #EADFD2; color:#8C8259;}

/* Make the hovered list color persist*/
#pmenu li:hover > a {background:url(../images/arrow.gif) left center no-repeat #E6D7C6; color:#615834;}
/* Make the hovered list color persist*/
#pmenuSub li:hover > a {background:url(../images/arrow_sub.gif) left center no-repeat #EADFD2; color:#8C8259;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:url(../images/arrow.gif) left center no-repeat #E6D7C6; color:#615834;}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenuSub li a:hover {position:relative; background:url(../images/arrow_sub.gif) left center no-repeat #EADFD2; color:#8C8259;}




