/*- STAFF MENU STYLE--------------------------- */

#staffmenu ul {
	margin: 0px;
	padding: 0px;
}

#staffmenu {
	position: relative;
	margin: 0px;
	width: 165px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 5px 0px 5px 12px;
	color: #323232;
	font-size: 10px;
	text-align: left;
	list-style: none;
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

#staffmenu li {
	text-align: left;
	position: relative;
	list-style: none;
	padding: 0px 0px 0px 0px;
	height: auto;
	
}

#staffmenu li a {
  	height: 18px;
	text-decoration: none;
	position:relative;
	left: 0px;
	padding: 0px 0px 0px 0px;
}
	
#staffmenu li a:link, #staffmenu li a:visited {
	color: #323232;
	position:relative;
	left: -12px;
	top:-4px;
	width: 175px;
	font-size: 10px;
	line-height: 17px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	display: block;
	background:  url(../images/tab.jpg) no-repeat;
	padding: 3px 0px 0px 12px;
	margin: 0px;

}
	
#staffmenu li a:hover {
	color: #323232;
	font-size: 10px;
	line-height: 17px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	display: block;
	background:  url(../images/rollover.jpg) no-repeat;
	padding: 3px 0 0 12px;

}

     

#staffmenu ul li a:link, #staffmenu ul li a:visited  {
	color: #323232;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 10px;
	width: 170px;
	text-align: left;
	list-style: none;
	line-height: 17px;
	display: block;
	padding: 2px 0px 0px 15px;
	background:  url(../images/tab2.gif) repeat-x;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#staffmenu ul li a:hover {
	color: #323232;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 10px;
	width: 170px;
	text-align: left;
	list-style: none;
	line-height: 17px;
	display: block;
	padding: 2px 0px 0px 15px;
	background:  url(../images/rollover.jpg) no-repeat;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}


#staffmenu ul li ul  {
	display: none;    /* this creates the side-by-side array of top-level buttons */
	border: 1px #ffcc00 solid;
	padding: 0px 0px 0px 0px;
	background: #fff;
	margin: 0px 0px 0px 0px;
	position: absolute;
	}

#staffmenu ul li ul li {	
	float: left; 
	padding: 0px 0px 0px 0px;
	height: 13px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0px;
	height: auto;
	list-style: none;
}

	
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

#staffmenu ul li:hover ul , #staffmenu ul li a:hover ul  {                           /* 2nd level drop-down box */
	display: block;
	position: absolute;
	padding: 0px;
	left: 165;
	margin: 0;            
	height: auto;
	font-weight: normal;      /* the drop-down height will be determiend by line count */
	z-index: 2;
}

#staffmenu ul li:hover ul, #staffmenu ul li a:hover ul  {/* our first dropdown should not be skewed */
	left: 165px;
	top: 0px;
	display: block;
	background:#f9f9f9;
}


#staffmenu ul li:hover ul li a, #staffmenu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	top: 0px;
	left:0px;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	width: 140px;
	padding: 2px 0px 0px 6px;
	background:  url(../images/tab.jpg) no-repeat;
	font-weight: normal;  
}

#staffmenu ul li:hover ul li:hover a, #staffmenu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	padding: 2px 0px 0px 6px;
	background:  url(../images/rollover2.jpg) repeat-x;
	
	
}