/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
    border:1px solid #78BCE0;;
	position:		absolute;
	top:			-999em;
    padding:5px 0 0 0;
    margin:0 auto;
    background:#E9F2F8;
	width:			135px; /* left offset of submenus need to match (see below) */
    *width:130px;
}
.sf-menu ul li {
	width:100%;
    float:none;
    background:#E9F2F8;
}
.sf-menu ul li a{float:none;text-align:left;height:29px;line-height:29px}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu li.cur{
  color:#FFF;
   background:url(../../common/img/nav_li.jpg) no-repeat right center;
}
.sf-menu li:hover a,.sf-menu li.sfHover a,.sf-menu li.cur a,.sf-menu li a:hover{
   background:url(../../common/img/nav_hover.jpg) repeat-x;color:#FFF;
}

.sf-menu ul li a{background:none;}
.sf-menu ul li:hover,.sf-menu ul li.sfHover,.sf-menu  li:hover li a,.sf-menu li.sfHover li a{background:none;color:#000}
.sf-menu  li:hover li a:hover,.sf-menu li.sfHover li a:hover{}
.sf-menu li {
	position:		relative;
    text-align:center;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			35px; /* match top ul list item height */
	z-index:		9999;
}
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:			10em; /* match ul width */
	top:			0;
}
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;
}

/*** DEMO SKIN ***/
.sf-menu {
	margin-bottom:	0em;
}
.sf-menu a {
   font-size:13px;
   line-height:33px;
   display:block;height:33px;letter-spacing:2px;color:#FFF;float:left;text-decoration:none;padding:0 8px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#FFF;
}

.sf-menu li.cur a,.sf-menu li.cur a:visited,.sf-menu li.sfHover a,.sf-menu li.sfHover a:visited{
    color:#FFF;
}
.sf-menu ul li{padding:0;height:30px;overflow:hidden;}
.sf-menu ul a{
    margin:0 auto;
    padding:0;
    width:110px;
    padding-left:23px;
    *padding-left:20px;
    padding-right:0;
    background:url(../images/res_sfmenu_li.gif) 10px center no-repeat;
    border-bottom:1px solid #78BCE0;
}

.sf-menu li.cur ul a,.sf-menu li.cur ul a:visited,.sf-menu li.sfHover ul a,.sf-menu li.sfHover ul a:visited,.sf-menu li:hover ul a,.sf-menu li:hover ul a:visited{
    color:#000;
    background:url(../images/res_sfmenu_li.gif) 10px center no-repeat;
}
.sf-menu li.cur ul a:hover,.sf-menu li.sfHover ul a:hover,.sf-menu li:hover ul a:hover,.sf-menu ul a:hover{
    color:#FFF;
    background:#78BCE0 url(../images/res_sfmenu_li1.gif) 10px center no-repeat;
}
.sf-menu li {
    margin-right:1px;
    display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;
    background:url(../../common/img/nav_li.jpg) no-repeat right center;

}
.sf-menu ul li {
    background:none;
    height:30px;
    line-height:30px;
    margin:0;
    _margin-left:3px;
    z-index:8888;
}

.sf-menu li:hover ul li.more a,.sf-menu li.sfHover ul li.more a{
    font-size:1px;
    color:#FFF;
    height:30px;
    line-height:30px;
    text-indent:-9999px;

}
.sf-menu li.sfHover ul  li.more a,.sf-menu li.sfHover ul  li.more a:visited,.sf-menu li:hover ul  li.more a,.sf-menu li:hover ul  li.more a:visited{
    color:#FFF
}
.sf-menu  li:hover li.more a:hover,.sf-menu li.sfHover li.more a:hover{

}
.sf-menu li li li {

}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#CFDEFF;*/
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	2em;*/
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		none;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			1px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-000000.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.sf-menu li:hover .sf-sub-indicator,.sf-menu li.sfHover .sf-sub-indicator ,.sf-menu li.cur .sf-sub-indicator {
	position:		absolute;
	display:		none;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			1px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.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:			.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.png') no-repeat bottom right;*/
	/*padding: 0 0;*/
	/*-moz-border-radius-bottomleft: 1px;*/
	/*-moz-border-radius-topright: 1px;*/
	/*-webkit-border-top-right-radius: 1px;*/
	/*-webkit-border-bottom-left-radius: 1px;*/
/*}*/
/*.sf-shadow ul.sf-shadow-off {*/
	/*background: transparent;*/
/*}*/

.bgiframe{
    border:1px solid #78BCE0;
    background:#E9F2F8;
    color:#FFF;

}