@charset "utf-8";
/* CSS Document */
ul#menu {
	background: url(../img/menu.jpg) no-repeat scroll 0px 0px;
	height:27px;
	width:762px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	z-index:99;
}
ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#menu li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
}
#menu span {
	display: none;
}
#menu li, #menu a {
	height:27px;
	display:block;
} /* change height here also */
#menu li {
	float:left;
	list-style:none;
	_display:inline;
	position:relative;
}
#nav {
	border: 1px solid;
}
#nav-01 {
	width:84px;
}
#nav-02 {
	width: 157px;
}
#nav-03 {
	width: 185px;
}
#nav-04 {
	width: 90px;
}
#nav-05 {
	width: 160px;
}
#nav-06 {
	width: 85px;
}

#menu li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background:#f4f4f4;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
}
#menu li ul li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background:#E8E9EB none repeat scroll 0 0;
	margin-left:155px;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
}
#menu li ul li {
	height:20px; 				/* Height of each drop down nav item */
	border:1px solid #CDCDCC;
	border-top:none;
}
#menu li ul li a {
	width:100%;
	height:20px;				/* Height of each drop down nav item, should match above */
	line-height:20px;			/* Height of each drop down nav item again, should match above */
}
#menu li ul li a span {
	display:block;
	padding-left:10px;
}
/* Drop down link styles */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	color:#666;
	display:block;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
#menu li:hover ul, #menu li.sfHover ul {
	left: auto;
}
/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover {
	background:#E8E9EB none repeat scroll 0 0;
	color: #F00;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li {
	width:101px;
}
#nav-02 ul, #nav-02 li {
	width:88px;
}
#nav-03 ul, #nav-03 li {
	width:152px;
}
#nav-04 ul, #nav-04 li {
	width:121px;
}
#nav-05 ul, #nav-05 li {
	width:120px;
}
#nav-06 ul, #nav-06 li {
	width:120px;
}

/*-------------- (-79px) X position of button / (-51px) height of image from above ------------- */
#nav-01 a:hover {
	background: url("../img/menu.jpg") 0px -27px no-repeat;
}
#nav-02 a:hover {
	background:url("../img/menu.jpg") -84px -27px no-repeat;
}
#nav-03 a:hover {
	background:url("../img/menu.jpg") -241px -27px no-repeat;
}
#nav-04 a:hover {
	background:url("../img/menu.jpg") -426px -27px no-repeat;
}
#nav-05 a:hover {
	background:url("../img/menu.jpg") -516px -27px no-repeat;
}
#nav-06 a:hover {
	background:url("../img/menu.jpg") -676px -27px no-repeat;
}