.sf-horizontal span, .sf-navbar span, .sf-list span, .sf-vertical span {cursor:pointer;}
#sf {
	height:70px;

	
	/*
background: url(../images/sf-mid.png) repeat-x;*/
}



/*font COLORS*/
#sf .sf-horizontal li a {color:#fff;}
#sf .sf-horizontal li a:hover {color:#fff;}
#sf ul.sf-horizontal li.active a {color:#000;}
#sf ul.sf-horizontal li a:hover li a {color:#fff;}
#sf ul.sf-horizontal ul li ul li a:hover {color:#fff;}
#sf ul.sf-horizontal li.active li a{color:#fff;}
#sf ul.sf-horizontal li li a {color: #fff;}

/*#sf-l {background: url(../images/sf-l.png) no-repeat top left;padding-left:18px; width: 600px;

margin-left: 0;
	margin-right: auto;
	width: 50em;
	
	}
#sf-r {padding-right:18px;background: url(../images/sf-r.png) no-repeat top right;}*/
#sf ul li {border:0;}
/*** ESSENTIAL STYLES ***/
.sf-horizontal, .sf-horizontal *,
.sf-navbar, .sf-navbar * ,
.sf-vertical, .sf-vertical * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:3;
}
.sf-vertical, .sf-vertical * {
z-index:2;
}
.sf-horizontal,
.sf-navbar,
.sf-vertical {
	line-height:	1.0;
}
.sf-horizontal ul,
.sf-navbar ul,
.sf-vertical ul {
	position:		absolute;
	top:			-999em;
	width:			236px; /* left offset of submenus need to match (see below) */
	
}
.sf-horizontal ul li,
.sf-navbar ul li,
.sf-vertical ul li {
	width:			100%;
}
.sf-horizontal li:hover,
.sf-navbar li:hover,
.sf-vertical li:hover   {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-horizontal li,
.sf-navbar li,
.sf-vertical li {
	float:			left;
	position:		relative;
}
.sf-horizontal a,
.sf-navbar a,
.sf-vertical a  {
	display:		block;
	position:		relative;
}
.sf-horizontal li:hover ul,
.sf-horizontal li.sfHover ul,
.sf-navbar li:hover ul,
.sf-navbar li.sfHover ul
 {
	left:			4px;
	top:			60px; /* match top ul list item height */
	z-index:		99;
}

ul.sf-horizontal li:hover li ul,
ul.sf-horizontal li.sfHover li ul,
ul.sf-navbar li:hover li ul,
ul.sf-navbar li.sfHover li ul,
ul.sf-vertical li:hover li ul,
ul.sf-vertical li.sfHover li ul {
	top:			-999em;
}
ul.sf-horizontal li li:hover ul,
ul.sf-horizontal li li.sfHover ul,
ul.sf-navbar li li:hover ul,
ul.sf-navbar li li.sfHover ul,
ul.sf-vertical li li:hover ul,
ul.sf-vertical li li.sfHover ul {
	left:			100%; /* match ul width */
	top:			0;
}
ul.sf-horizontal li li:hover li ul,
ul.sf-horizontal li li.sfHover li ul,
ul.sf-navbar li li:hover li ul,
ul.sf-navbar li li.sfHover li ul,
ul.sf-vertical li li:hover li ul,
ul.sf-vertical li li.sfHover li ul {
	top:			-999em;
}
ul.sf-horizontal li li li:hover ul,
ul.sf-horizontal li li li.sfHover ul,
ul.sf-navbar li li li:hover ul,
ul.sf-navbar li li li.sfHover ul,
ul.sf-vertical li li li:hover ul,
ul.sf-vertical li li li.sfHover ul {
	left:			236px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-horizontal,
.sf-navbar,
.sf-vertical {
	float:			left;
	margin-bottom:	0;
}
.sf-horizontal a, .sf-horizontal li span.separator,
.sf-navbar a, .sf-navbar li span.separator,
.sf-vertical a, .sf-vertical li span.separator  {
	height:60px;
	line-height:40px;
	text-decoration:none;
		
}


.sf-horizontal li li a, .sf-horizontal li li span.separator,
.sf-navbar li li a,.sf-navbar li li span.separator,
.sf-vertical li li a  {	
	height:40px;
	line-height:40px;
}
.sf-horizontal li,
.sf-navbar li,
.sf-vertical li {
}
.sf-horizontal li li,
.sf-navbar li li,
.sf-vertical li li  {
	width:236px;
}
.sf-horizontal li li li,
.sf-navbar li li li,
.sf-vertical li li li   {
}
/*
.sf-horizontal li:first-child, .sf-horizontal li.first-child, .sf-navbar li:first-child, .sf-navbar li.first-child, .sf-vertical li:first-child, .sf-vertical li.first-child  {
}

.sf-horizontal li:last-child, .sf-horizontal li.last-child,.sf-navbar li:last-child, .sf-navbar li.last-child, .sf-vertical li:last-child, .sf-vertical li.last-child {
}
*/
.sf-horizontal li:hover, .sf-horizontal li.sfHover,
.sf-horizontal a:focus, .sf-horizontal a:hover, .sf-horizontal a:active,
.sf-navbar li:hover, .sf-navbar li.sfHover,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active,
.sf-vertical li:hover, .sf-vertical li.sfHover,
.sf-vertical a:focus, .sf-vertical a:hover, .sf-vertical a:active  {
	outline:		0;
}

/*** arrows **/
.sf-horizontal a.sf-with-ul, .sf-navbar a.sf-with-ul, .sf-vertical a.sf-with-ul  {
	padding-right: 	20px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator  {
	position:		absolute;
	display:		block;
	right:			5px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../images/arrows-horizontal.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.sf-navbar li li .sf-sub-indicator  {
	background:		url(../images/arrows-horizontal-2.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			50px;
	width:			10px;
	height:			10px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}


ul ul .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			14px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
		right:			20px;

}
/* 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-horizontal ul .sf-sub-indicator, .sf-navbar ul .sf-sub-indicator,.sf-vertical ul .sf-sub-indicator  { background-position:  -10px 0; }
.sf-horizontal ul a > .sf-sub-indicator,
.sf-navbar ul a > .sf-sub-indicator,
.sf-vertical ul a > .sf-sub-indicator  { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-horizontal ul a:focus > .sf-sub-indicator,
.sf-horizontal ul a:hover > .sf-sub-indicator,
.sf-horizontal ul a:active > .sf-sub-indicator,
.sf-horizontal ul li:hover > a > .sf-sub-indicator,
.sf-horizontal ul li.sfHover > a > .sf-sub-indicator,
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator,
.sf-vertical ul a:focus > .sf-sub-indicator,
.sf-vertical ul a:hover > .sf-sub-indicator,
.sf-vertical ul a:active > .sf-sub-indicator,
.sf-vertical ul li:hover > a > .sf-sub-indicator,
.sf-vertical 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.png) no-repeat bottom right;
	padding: 0 12px 11px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.sf-horizontal .active, .sf-navbar .active, .sf-vertical .active  {
}

.sf-horizontal #current, .sf-navbar #current, .sf-vertical #current  {
}

#sf ul li span.pjmenunosub {line-height:58px;text-indent: 6px;}
#sf .sf-horizontal ul li span.pjmenunosub {text-indent: 20px;}
#sf .sf-navbar ul li li span.pjmenunosub {text-indent: 20px;}


#sf ul li ul li span.pjmenunosub {line-height:40px; font-size: 1em;font-weight:normal; height:40px; width:100%;}

.sf-horizontal .pjmenusub, .sf-navbar .pjmenusub, .sf-vertical .pjmenusub  {font-size:.75em;display:block; text-transform:none; margin-top:-20px; font-weight:normal;}

#sf ul {margin-left:30px;}
#sf ul ul{margin-left:-10px;}
#sf a,#sf li span.separator{
	padding: 0 13px 0 0;	
	text-align:left;
	margin-right:0px;
}
#sf li li a, #sf li span.separator {margin-right:0;}
#sf li, #sf li span.separator {
	padding-left:15px;
	margin: 0;
	float: left;
	display: block;
	background: url(../images/ss_sf_left.png) 0% 0% no-repeat;
}
#sf li span.separator {
	padding-left:0px;
	}

#sf li:hover, #sf li.over, #sf li.sfHover{
	background: url(../images/ss_sf_left.png) 0% 100% no-repeat;
}
#sf li li:hover, #sf li li.over, #sf li li.sfHover{
background:none;
}

#sf li:hover a, #sf li.over a, #sf li.sfHover a, #sf li:hover span.separator {
	background: url(../images/ss_sf_right.png) 100% 25% repeat-x; color: #fff;
}
#sf li:hover, #sf li.over, #sf li.sfHover, #sf li:hover {
	background: url(../images/ss_sf_left.png) 0% 25% no-repeat;
}
#sf li.active, #sf li.on {
	background: url(../images/ss_sf_left.png) 0% 75% no-repeat;
}

#sf a, #sf li span.separator{
	background: url(../images/ss_sf_right.png) 100% 0% repeat-x;
}

#sf li.active a, #sf li.on a, #sf li.active span.separator{
	background: url(../images/ss_sf_right.png) 100% 75% repeat-x;
}

#sf li.parent li {padding:0;}
#sf li.parent li a{
	background: url(../images/sf-spacer.png) no-repeat right top;
	padding:0 15px 0 10px;
}
#sf li.parent li a{
	background: none;
	padding:0 15px 0 10px;
}
#sf li span.pjmenunosub {float:left;}
#sf li li span.pjmenunosub {float:none; margin-left:-5px;}

#sf li a, #sf li span.separator {font-size: 1.3em; font-weight:normal;}
#sf li li a, #sf li li span.separator {font-size: .9em}


#sf .sf-horizontal ul li{background:#222;}
#sf .sf-horizontal ul li:hover {background:#111;}


#sf .sf-horizontal ul li.active{
	background: url(../images/sf-submenu-active.png) repeat-x;
}



.sf-horizontal img.menu_img, .sf-navbar img.menu_img {position:relative;top:8px;display:block;}
.sf-navbar ul li img.menu_img {top:0px;}
.sf-horizontal ul li img.menu_img, .sf-navbar ul li li img.menu_img {top:0px; left: 10px;}

#sf-emb-l-frame {position:relative;height:0;}
#sf-emb-l {background: url(../images/flame-l.png) no-repeat left;width:150px;height:110px;position:absolute;left:-105px;top:-70px;}