/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	margin-top: 	-5px;
	line-height:	1.0;
	height:			31px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			37px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			124px; /* match ul width */
	top:			-6px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menu {
	float:			left;
	margin-bottom:	1em;
	margin-left:	10px;
}
.sf-menu a {
	padding: 		6px 2px 7px 0px;
	text-decoration:none;
}
.sf-menu a:link, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#386581;
}
.sf-menu li {
	position: 		relative;
	background:		transparent url("../_img/navbg.gif") no-repeat center 5px;
	width:			124px;
	margin-left:	1px;
/* 	min-height:	30px; */
}
.sf-menu li li {
	background: 	none;
	text-align: 	left;
}
.sf-menu li li a {
	margin:			0px 6px 0px 6px;
	border-bottom: 	1px dotted white
}
.sf-menu a.lastitem {
	border:			none;
	margin-bottom: 	1px
}
.sf-menu li li li {
	width:			150px;
	background:		none;
}
.sf-menu li li li a {
	margin:			0px auto;
	width:			125px;
	border-bottom: 	1px dotted white
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: 			black;
	outline:		0;
}

.sf-menu ul {
	display: 		block;
	margin-top: 	5px;
	width:			124px;
	border-top:		1px solid transparent;
	border-bottom:  1px solid darkgrey;
	background:		#a7bbca url("../_img/nav_bg_fade.jpg") no-repeat
}
.sf-menu ul ul {
	width: 			150px;
	border:			0px solid #3b3a39;
	border-top:		1px dotted white;
	border-bottom:  1px solid darkgrey;
}



/* 1st Level Hover */
.sf-menu li:hover > a { color: #6a8220; }
* html .sf-menu li a:hover { color:#6a8220;}
.sf-menu li a:active, .sf-menu li a:focus { color: #6a8220; }

/* 2nd Level Hover
.sf-menu ul ul li:hover > a { color: #d58f12 }
* html .sf-menu ul ul li a:hover { color: #d58f12;}
.sf-menu ul ul li a:active, .sf-menu ul ul li a:focus { color: #d58f12; }
 */


/*** arrows **/
.sf-menu a.sf-with-ul {
	/* padding-right: 	2.25em; */
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.2em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../_img/arrows-ffffff.gif') no-repeat -10px -100px; /* 8-bit indexed alpha gif. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.gif') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*** NAV IMAGES ***/
#nav1 span { display: none }
#nav1:link,
#nav1:visited {
	opacity: 0.77;
	filter: alpha(opacity=75);
	height: 30px;
	z-index: 3;
	background: transparent url("../_img/nav1.gif") no-repeat center 5px
}
#nav1:hover,
#nav1:active,
.sf-menu li:hover > a#nav1 {	
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background-color: silver;
}
#nav1.active {
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background: silver url("../_img/nav1hover.gif") no-repeat center 5px;	
}
#nav2 span { display: none }
#nav2:link,
#nav2:visited {
	opacity: 0.77;
	filter: alpha(opacity=75);
	height: 30px;
	z-index: 3;
	background: transparent url("../_img/nav2.gif") no-repeat center 5px
}
#nav2:hover,
#nav2:active,
.sf-menu li:hover > a#nav2 {	
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background-color: silver;
}
#nav2.active {
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background: silver url("../_img/nav2hover.gif") no-repeat center 5px;	
}
#nav3 span { display: none }
#nav3:link,
#nav3:visited {
	opacity: 0.77;
	filter: alpha(opacity=75);
	height: 30px;
	z-index: 3;
	background: transparent url("../_img/nav3.gif") no-repeat center 5px
}
#nav3:hover,
#nav3:active,
.sf-menu li:hover > a#nav3 {	
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background-color: silver;
}
#nav3.active {
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background: silver url("../_img/nav3hover.gif") no-repeat center 5px;	
}
#nav4 span { display: none }
#nav4:link,
#nav4:visited {
	opacity: 0.77;
	filter: alpha(opacity=75);
	height: 30px;
	z-index: 3;
	background: transparent url("../_img/nav4.gif") no-repeat center 5px
}
#nav4:hover,
#nav4:active,
.sf-menu li:hover > a#nav4 {	
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background-color: silver;
}
#nav4.active {
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background: silver url("../_img/nav4hover.gif") no-repeat center 5px;	
}
#nav5 span { display: none }
#nav5:link,
#nav5:visited {
	opacity: 0.77;
	filter: alpha(opacity=75);
	height: 30px;
	z-index: 3;
	background: transparent url("../_img/nav5.gif") no-repeat center 5px
}
#nav5:hover,
#nav5:active,
.sf-menu li:hover > a#nav5 {	
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background-color: silver
}
#nav5.active {
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background: silver url("../_img/nav5hover.gif") no-repeat center 5px;	
}
#nav6 span { display: none }
#nav6:link,
#nav6:visited {
	opacity: 0.77;
	filter: alpha(opacity=75);
	height: 30px;
	z-index: 3;
	background: transparent url("../_img/nav6.gif") no-repeat center 5px
}
#nav6:hover,
#nav6:active,
.sf-menu li:hover > a#nav6 {	
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background-color: silver;
}
#nav6.active {
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background: silver url("../_img/nav6hover.gif") no-repeat center 5px;	
}
#nav8 span { display: none }
#nav8:link,
#nav8:visited {
	opacity: 0.77;
	filter: alpha(opacity=75);
	height: 30px;
	z-index: 3;
	background: transparent url("../_img/nav7.gif") no-repeat center 5px
}
#nav8:hover,
#nav8:active,
.sf-menu li:hover > a#nav8 {	
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background-color: silver;
}
#nav8.active {
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background: silver url("../_img/nav7hover.gif") no-repeat center 5px;	
}
#nav186 span { display: none }
#nav186:link,
#nav186:visited {
	opacity: 0.77;
	filter: alpha(opacity=75);
	height: 30px;
	z-index: 3;
	background: transparent url("../_img/nav8.gif") no-repeat center 5px
}
#nav186:hover,
#nav186:active,
.sf-menu li:hover > a#nav186 {	
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background-color: silver;
}
#nav186.active {
	opacity: 0.9999;
	filter: alpha(opacity=100);
	background: silver url("../_img/nav8hover.gif") no-repeat center 5px;	
}

/*
.cat1 { background-color: #af1c1c }
.cat2 { background-color: orange }
.cat3 { background-color: green }
.cat4 { background-color: lime }
.cat5 { background-color: #d4d100 }
.cat6 { background-color: purple }
.cat8 { background-color: navy }
.cat186 { background-color: silver }
.cat37 { background-color: 	olive }
.cat199 { background-color: black }
*/

.cat1 { background-color: silver }
.cat2 { background-color: silver }
.cat3 { background-color: silver }
.cat4 { background-color: silver }
.cat5 { background-color: silver }
.cat6 { background-color: silver }
.cat8 { background-color: silver }
.cat186 { background-color: silver }
.cat37 { background-color: 	silver }
.cat199 { background-color: silver }