/*************************************************************************************
 CSS DROPDOWN SETTINGS
-----------------------

MAIN SETTINGS (NO NEED TO EDIT IN MOST CASES) 
**************************************************************************************/
#nav .dots { border-right:1px dotted #666666; }
#nav .dots:hover { color:#8DA9BD; }

#nav { height: 18px; width:780px; margin: 0 auto; margin-bottom: 5px; }

#splash-container #nav { width: 554px; }

#nav ul, #nav ul ul { /* all lists */
	margin: 0;padding: 0;
	list-style: none;
	line-height: 1px;
	}

#nav a {
	display: block;
	width: 100px;
}

#nav ul li { /* all list items */
	position: relative;
	float: left;
	width:100px; /* width needed or else Opera goes nuts */
	margin:0; padding:0;
	
}

#nav ul li ul { /* second-level lists */
	position: absolute;
	width: 100%;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:1px;
	border:none;
}

#nav ul li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 100%;
}

/*HIDING AND SHOWING NAVIGATION LISTS ---> */
/*hide*/
#nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li:hover ul ul ul ul ul,
#nav ul li.sfhover ul ul, #nav ul li.sfhover ul ul ul, #nav ul li.sfhover ul ul ul ul, #nav ul li.sfhover ul ul ul ul ul {
	left: -999em;
	}
	
/*show*/
#nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li li li:hover ul, #nav ul li li li li:hover ul,
#nav ul li.sfhover ul, #nav ul li li.sfhover ul, #nav ul li li li.sfhover ul, #nav ul li li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

/*************************************************************************************
DESIGN SETTINGS (EDIT THIS PART) 
**************************************************************************************/
/*  TEXTS - level 1 --->	*/
#nav ul li a  {
	font-family:arial;     /* font-family or font */
	font-size:10px;     /* font size */
	font-weight:bold;
	color:#666666;     /* font color */
	text-align:center;	/* aligning text (left, right, justify) */
	text-decoration:none;     /* decoration (underline, none, ...) */
	text-indent:0px;   /* indents text from navigation's left border.  DO NOT USE MARGIN OR PADDING INSTEAD, BECAUSE THOSE DOESN'T WORK IN MOZILLA! */
	line-height:10px;  /* height of each button */
	}
#nav ul li a:hover {
	color:#333333;   
	text-decoration:none;   
}
/*  TEXTS - level 2 and deeper--->	*/
#nav ul li ul li a {  /* mouse is NOT OVER */ 
  background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;     /* font-family or font */
	font-size:9px;     /* font size */
	color:#8DA9BD;     /* font color */
	text-align:left;	/* aligning text (left, right, justify) */
	text-decoration:none;     /* decoration (underline, none, ...) */
	text-indent:7px;   /* indents text from navigation's left border.  DO NOT USE MARGIN OR PADDING INSTEAD, BECAUSE THOSE DOESN'T WORK IN MOZILLA! */
	line-height:24px;  /* height of each button */
	}

#nav ul li ul li a:hover {/* mouse is OVER */ 
	color:#FFFFFF;     /* font color */
	text-decoration:none;     /* decoration (underline, none, ...) */
	}
/* If you need to change settings to levels 3 and/or deeper, simply copy and paste the 2 previous sets for level2 and put them in here.
For each level ad extra "ul li" into the ID selector. Example: "#nav ul li ul li ul li a" is for level3  */

/*  BACKGROUNDS AND BORDERS - level 1 --->	*/	
#nav ul li { /* mouse is NOT OVER */ 
	/*background-color:#ffffff;
	border:1px solid #aaaaaa;*/
	/* or use different border for each side if needed
	border-top:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #888888;
	border-left:1px solid #888888;
	*/
	}
/*#nav ul li a:hover {
	background-color:#cccccc;
	}*/
	
/*  BACKGROUNDS AND BORDERS - level 2 and deeper --->	*/	
#nav ul li ul li { /* mouse is NOT OVER */   
	background-color: #EFECE9;

	border-top:1px solid #EFECE9;
	border-right:1px solid #EFECE9;
	border-bottom:1px solid #EFECE9;
	border-left:1px solid #EFECE9;

	margin-top:-1px;    /* overflowing 2 borders to make just one  (can try 'margin-top:0;' to see the difference) */
	} 
#nav ul li ul li a:hover { /* mouse is OVER */ 
	background-color: #8DA9BD;
	/*background:#36335E url(../images/nav/subnav-arrow-white.gif) no-repeat 10px 10px;*/
	
	} 

/* POSITION ADJUSTMENT level 3 and deeper  ---> */
/* sometimes level3 navigation and deeper is not aligned verticaly with its parent level. Use this for an adjustment. */ 
/* negative values should work as well if needed */
#nav ul ul ul {
	position: absolute;
	top: 13px;	  /* horizontal position adjustment */
	left:0px;     /* vertical position adjustment */
	}
	
/*	SPECIFIC LENGTH OF EACH MENU GROUP - level 1 ---> */
#nav #nav-about li, #nav #nav-about li a, #nav #nav-about li ul li { width:85px;}
#nav #nav-services li, #nav #nav-services li a, #nav #nav-services li ul li  { width:96px; }
#nav #nav-values li, #nav #nav-values li a, #nav #nav-values li ul li { width:127px; }
#nav #nav-structure li, #nav #nav-structure li a, #nav #nav-structure li ul li { width:65px; }
#nav #nav-legal li, #nav #nav-legal li a, #nav #nav-legal li ul li { width:61px; }
#nav #nav-settlements li, #nav #nav-settlements li a, #nav #nav-settlements li ul li { width:97px; }
#nav #nav-securities li, #nav #nav-securities li a, #nav #nav-securities li ul li { width:83px; }
#nav #nav-careers li, #nav #nav-careers li a, #nav #nav-careers li ul li { width:73px; }
#nav #nav-contact li, #nav #nav-contact li a, #nav #nav-contact li ul li { width:83px; }


/* SPECIFIC LENGTH OF EACH MENU GROUP - level 2 and deeper ---> */
#nav #nav-about li ul li, #nav #nav-about li ul li a { width:160px;}
#nav #nav-services li ul li, #nav #nav-services li ul li a { width:160px;}
#nav #nav-values li ul li, #nav #nav-values li ul li a { width:160px;}
#nav #nav-structure li ul li, #nav #nav-structure li ul li a { width:160px;}
#nav #nav-legal li ul li, #nav #nav-legal li ul li a { width:160px;}
#nav #nav-settlements li ul li, #nav #nav-settlements li ul li a { width:160px;}
#nav #nav-securities li ul li, #nav #nav-securities li ul li a { width:160px;}
#nav #nav-careers li ul li, #nav #nav-careers li ul li a { width:160px;}
#nav #nav-contact li ul li, #nav #nav-contact li ul li a { width:160px;}

/* SPECIFIC LENGTH OF EACH MENU GROUP - level 3 and deeper ---> */
#nav #nav-legal li ul li ul li, #nav #nav-legal li ul li ul li a { width:300px;}

/* gets rid of border around linked image */
#nav a img {border:0;}

/*Legal Dropdown Nav*/
#nav ul#nav-legal li ul li a { color:#8DA9BD; }
#nav ul#nav-legal li ul li a:hover { color:#FFFFFF;	text-decoration:none; }
/*#nav ul#nav-legal li ul li { background:#F3F2EF url(../images/nav/subnav-arrow-blue.gif) no-repeat 10px 10px; } */
#nav ul#nav-legal li ul li a:hover { background:#8DA9BD; /*url(../images/nav/subnav-arrow-white.gif) no-repeat 10px 10px*/ }

/*Settlements Dropdown Nav*/
#nav ul#nav-settlements li ul li a { color:#8DA9BD; }
#nav ul#nav-settlements li ul li a:hover { color:#FFFFFF;	text-decoration:none; }
/*#nav ul#nav-settlements li ul li { background:#F3F2EF url(../images/nav/subnav-arrow-orange.gif) no-repeat 10px 10px; }*/ 
#nav ul#nav-settlements li ul li a:hover { background:#8DA9BD; /*url(../images/nav/subnav-arrow-white.gif) no-repeat 10px 10px*/ } 

/*Securities Dropdown Nav*/
#nav ul#nav-securities li ul li a { color:#8DA9BD; }
#nav ul#nav-securities li ul li a:hover { color:#FFFFFF;	text-decoration:none; }
/*#nav ul#nav-securities li ul li { background:#F3F2EF url(../images/nav/subnav-arrow-green.gif) no-repeat 10px 10px; }*/
#nav ul#nav-securities li ul li a:hover { background:#8DA9BD; /*url(../images/nav/subnav-arrow-white.gif) no-repeat 10px 10px*/ }

/*Career Dropdown Nav*/
#nav ul#nav-careers li ul li a { color:#8DA9BD; }
#nav ul#nav-careers li ul li a:hover { color:#FFFFFF;	text-decoration:none; }
/*#nav ul#nav-securities li ul li { background:#F3F2EF url(../images/nav/subnav-arrow-green.gif) no-repeat 10px 10px; }*/
#nav ul#nav-careers li ul li a:hover { background:#8DA9BD; /*url(../images/nav/subnav-arrow-white.gif) no-repeat 10px 10px*/ }