.sf-menu 
{
 width: 920px;
 height: 44px;
 position: relative;
 background: #090909 url(/WCMSWR/_assets/images/bg_navigation.gif) repeat-x left top;
 overflow: visible;
z-index: 99999 !important; 
}

/* hack to correct IE5.5 faulty box model */
* html .sf-menu
{
 width: 920x;
 w\idth: 919px;
}

/* remove all the bullets, borders and padding from the default list styling */
.sf-menu ul
{
 padding: 0;
 margin: 0;
 width: 920px;
 overflow: visible;
 list-style-type: none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.sf-menu li
{
 float: left;
 position: relative;
 padding: 0;
 margin: 0;
 z-index: 99999 !important;
}

.sf-menu li a
{
width: 87px;
z-index: 99999 !important;
}

/* style the links for the top level */
.sf-menu a, .sf-menu a:visited 
{
 display: block;
 text-decoration: none;
 color: #fff;
 z-index: 99999 !important;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .sf-menu a, * html .sf-menu a:visited
{
/*  width: 149px;
 w\idth:138px; */
}

/* style the second level background */
.sf-menu ul ul a.drop, .sf-menu ul ul a.drop:visited
{
/*  background: #d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center; */
}

/* style the second level hover */
.sf-menu ul ul a.drop:hover
{
/*  background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center; */
}

.sf-menu ul ul :hover > a.drop
{
/*  background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center; */
}

/* style the third level background */
.sf-menu ul ul ul a, .sf-menu ul ul ul a:visited
{
/*  background:#e2dfa8; */
}

/* style the third level hover */
.sf-menu ul ul ul a:hover
{
/*  background: #b2ab9b; */
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.sf-menu ul ul
{
 visibility: hidden;
 position: absolute;
 z-index: 99999 !important;
 height: 0;
 top: 44px;
 left: 0;
 width: 149px;
}

/* another hack for IE5.5 */
* html .sf-menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.sf-menu ul ul ul
{
 left: 149px;
 top: -1px;
 width:149px;
}

/* position the third level flyout menu for a left flyout */
.sf-menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.sf-menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.sf-menu ul ul a, .sf-menu ul ul a:visited
{
 color: #000; 
 height: auto;
 line-height: 12px;
 padding: 5px 10px;
 width: 149px;
}

.sf-menu li li
{
 color:	#fff;
 text-align: left;
}


.sf-menu li li li {
/* 	background:		#9AAEDB; */
}

.sf-menu a
{
 height: 		28px;
 padding: 		16px 1em 0;
 text-decoration: none;
}

.sf-menu li li a, .sf-menu li li a:link, .sf-menu li li a:visited 
{
 background: #000 url(/WCMSWR/_assets/images/bg_navigationSec.gif) no-repeat 10px 7px;
 color: #34b4e3;
 height: auto;
 color: #34b4e3;
 font-size: 10px;
 text-transform: none;
 padding: 6px 10px 6px 24px;
 border-bottom: solid 1px #67686a;
}

.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active 
{
  	background: #35b4e3 url(/WCMSWR/_assets/images/bg_navigationSec.gif) no-repeat 10px -85px; 
	color: #000;
	text-decoration: none;	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	font-size:		75%;
	font-weight: 	bold;
	text-transform:	uppercase;
}
.sf-menu li
{
 background: transparent url(/WCMSWR/_assets/images/bg_navDivider.gif) no-repeat 1px 0;
 text-align: center;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
 background:		#fff url(/WCMSWR/_assets/images/bg_navHover.gif) repeat-x left top;
 color:			#000;
 outline:		0;
 text-decoration: none;	
}


.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*/
}


/*** shadows for all but IE6 ***/
.sf-shadow ul {
background:	url(/WCMSWR/_assets/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;
}


/* yet another hack for IE5.5 */
* html .sf-menu ul ul a, * html .sf-menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.sf-menu a:hover, .sf-menu ul ul a:hover
{
/*  color: #000;
 background:#b7d186; */
}

.sf-menu :hover > a, .sf-menu ul ul :hover > a {
/*  color: #000;
 background: #b7d186; */
}

/* make the second level visible when hover on first level list OR link */
.sf-menu ul li:hover ul, .sf-menu ul a:hover ul
{
 visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.sf-menu ul :hover ul ul
{
 visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.sf-menu ul :hover ul :hover ul
{
 visibility:visible;
}

li.navHome a
{
 width: 142px;
}

li.about_casa
{
 width: 110px;
}

li.services
{
 width: 110px;
}

li.flying_operations a, li.regulations_and_policy a, li.manuals_and_forms a
{
 padding-top: 9px;
 padding-bottom: 7px;
}