/*** ESSENTIAL STYLES ***/
.sf-menu ul {	position: absolute;	top: -999em;}
	* html .sf-menu .megamenu ul li { height:1%;}
.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: 36px; /* match top ul list item height */	z-index: 200;}

.fr-CA-hook  #services-menu .megacolumn, .fr-hook  #services-menu .megacolumn, .es-ES-hook #services-menu .megacolumn, .frc-hook #services-menu .megacolumn, .ja-hook #services-menu .megacolumn, .me-hook #services-menu .megacolumn, .es-MX-hook #services-menu .megacolumn{width:200px;}
.fr-CA-hook #issues-menu .megacolumn, .frc-hook #issues-menu .megacolumn{width:300px;}



/***  SKIN ***/
.sf-menu a {border-right: 1px solid #E77A6A;	padding:10px;	text-decoration:none;}
.sf-with-ul{padding:  10px 22px 9px 10px!important;}
.sf-menu ul a {	border-right: none;}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/	color: white;}

.nav .head-link a{ padding:0!important; color:#333;}

.sf-menu li:last-child a{ border:0 none!important;}
/*** arrows **/
.sf-menu a.sf-with-ul {	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {	position: absolute!important; 	display: block; 	right: 8px; 	top: 17px;	width: 8px;height: 4px;	text-indent:  -999em;	overflow: hidden;	background-position:0 -750px; 	margin:0;	float:none;}
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: -8px -750px; /* arrow hovers for ie6 browsers*/}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top: 17px;background-position: 0 -750px; /* 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: -8px -750px; /* arrow hovers for modern browsers*/}

/*Mega Column Styles*/
.megawrapper { border:1px solid #ccc; border-top:10px solid #9A3326 ; background:#F5F5F5; padding:10px;}
.mega-content{ background:#F5F5F5; position:relative;}
.megacolumn {float: left; padding:0 30px 0 0; }

.sf-menu ul .megawrapper ul {	background-image: none;	position: relative;	top: auto;}
.sf-menu ul .megawrapper ul li {background-color: transparent;}
.sf-menu ul .megawrapper ul li a{color:#333!important;}

.mega-content strong{ color:#333; font:bold 14px arial !important; display:block;  margin:0 0 10px;}
#menu .mega-content li{font:normal 12px arial !important; margin:0 0 8px; float:none!important;}
.mega-content li a{ padding:0;}
.megacolumn { _width:200px;}