/*==========================================================================
  HEADER NAV
==========================================================================*/
.sf-menu, .sf-menu *
{
    margin: 0;
    padding: 0;
    list-style: none;
    font:bold 16px Arial;
    text-align:left;
    z-index: 100;
}
.sf-menu
{
    line-height: 1.0;
}
.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: 47px;
    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: 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
{
    float: left;
    margin-bottom: 1em;
}
.sf-menu a
{
    padding:11px 25px 7px 25px;
    text-decoration: none;
    background:url(../media/Assets/Back_HeaderDivider.png) no-repeat 0 2px;
}
#headerHome a.l1 {background: transparent;}

.sf-menu a, .sf-menu a:visited
{
    /* visited pseudo selector so IE6 applies text colour*/
    color: #d7e1ef; z-index:99;
}

.sf-menu li {z-index:100;}
.sf-menu .l1SelCR, .sf-menu .l1SelCR:hover
{
	background: url(../media/Assets/Back_HeaderTri.png) no-repeat center 47px;
	height:57px; z-index:99;
	color: white;
}
.sf-menu .l1Sel:hover {background: #1e3b60;}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.sfHover a, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
    outline: 0;
    background: #1e3b60;
    color: white;
}

.sf-menu .l2, .sf-menu a.l2Sel, .sf-menu .l3, .sf-menu a.l3Sel
{
	font:normal 10pt Arial;
	background: #1e3b60; 
	color:white;
	padding: 8px; 
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #d7e1ef;
}
.sf-menu .l2:hover, .l1SelCR .sf-menu a.l2Sel, .l1SelCR .sf-menu a.l2Sel:hover, .sf-menu .l2SelCR a.l2,
.sf-menu .l3:hover, .sf-menu .l1SelCR a.l3Sel
{ background:#7e931f; color:white; }

a.l3, a.l3Sel { border-left: solid 1px #ececec; }

#headerHome .l1sCR a.l1Sel, .sf-menu a.l1Sel, .sf-menu .l1SelCR a.l1
{color: white; font-weight:bold; background: #1e3b60;}




/*** 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: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    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 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;
}


/*==========================================================================
  HEADER NAV - TEST
==========================================================================
#myslidemenu {}
.jqueryslidemenu
{
	width:666px;
	font:bold 16px Arial;
}

.jqueryslidemenu ul {margin:0; padding:0; list-style-type:none}

/*** Top level list items ***/
.jqueryslidemenu ul li
{
	position:relative;
	display: inline;
	float:left;
}
/*** Top level menu link items style ***/
.jqueryslidemenu ul li a
{
	display:block;
	color: black;
	padding:16px 25px 7px 25px;
	text-decoration: none;
	background:url(../media/Assets/Back_HeaderDivider.png) no-repeat 0 6px;
}

/*IE6 hack to get sub menu links to behave correctly*/
* html .jqueryslidemenu ul li a {display: inline-block;}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {color: #d7e1ef;}

/*======== level 1 style ========*/
.jqueryslidemenu ul li a:hover {background: #1e3b60; color: white;}
#myslidemenu .level1selectedCR
{
	background:url(../media/Assets/Back_HeaderTri.png) no-repeat center 52px;
	height:62px; z-index:0;
}
#myslidemenu .level1selectedCR:hover {}
#myslidemenu a.parentSelected, #myslidemenu .level1selected 
{
	color: white; font-weight:bold;
	background: #1e3b60;
}

/*======== level 2 style ========*/
.jqueryslidemenu ul li ul
{
	position: absolute; left: 0;
	display: block;
	visibility: hidden; z-index:2;
}
/*** 2nd level menu list items (undo style from Top level List Items) ***/
.jqueryslidemenu ul li ul li {display: list-item; float: none; top:9px; z-index:2;}
.level1selectedCR ul li a {position:relative; bottom:19px;}

/*** All subsequent sub menu levels vertical offset after 1st level sub menu ***/
.jqueryslidemenu ul li ul li ul {top: 0;}

.jqueryslidemenu ul li ul li a
{
	font:normal 10pt Arial;
	vertical-align:top;
	padding: 5px; 
	margin: 0;
	width:200px;
	background:#1e3b60; 
	color:white;
	border-top-width: 0;
	border-bottom: 1px solid #d7e1ef;	
}
/*** level 2 hover ***/
#myslidemenu .level2:hover {background:#7e931f;}
/*** level 2 selected ***/
#myslidemenu .level2selected {background-color: #7e931f; color: white;}

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass
{
	position: absolute;
	top: 12px;
	right: 7px;
	display:none;
}
.rightarrowclass
{
	position: absolute;
	top: 6px;
	right: 5px;
	display:none;
}
*/























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */