/*
	EUMETSAT Website 3.0 Navigation CSS - designed by Phil Nolan of Rational Systems in September 2010
	
	Designed for use with the
	960 Grid System.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* ---------------------------------------------*/
/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { padding: 0px; font-style: normal; font-weight: normal; text-transform: uppercase; margin:0;}
ul.nav {
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  color: white;
  position:relative;
  background:#334d7c;
  max-width:100%;
  height:2.5em;
}
ul.nav li {
	text-transform: uppercase;
	cursor:pointer;
	float:left;
	text-align:left;
	list-style-type:none;
	font-weight:normal;
}
ul.nav li ul {
	text-transform: uppercase;
	cursor:default;
	width:100%;
	position:absolute;
	height:auto;
	top:2.5em;
	background-position:0 0 !important;
	left:-9000px;
}
ul.nav li ul li {
	text-transform: uppercase;
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li a {
	padding-left: 2px;
	padding-bottom: 0;
	padding-right: 1em;
	padding-top: 0;
	text-transform: uppercase;
	color: red;
	background:red;
	text-decoration:none;
	float:left;
	height:2.4em;
	line-height:2.5em;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
ul.nav li ul li a {
	background-color: red;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	width:160px;
	max-width:160px;
	line-height:2em;
	height:1.5em;
	font-weight:normal;
	color: red;
	background-position:0 50% !important;
}

ul.nav li:hover a { color: #7fdcf1; background:#4c6792;} /*state of 1L&2L topNav items on menu open*/
ul.nav li a:hover,
ul.nav li a:focus { color: white; background:#00b5e2;} /*state of 1L topNav items on hover and focus*/
ul.nav li a:active {color: white; background:#4c6792;} /*active state of 1L topNav items*/
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {color: white; background:#334d7c !important}
ul.nav li:hover ul li a {color:white;}
ul.nav li:hover ul li a:hover {background-color: red; color: red;}
ul.nav li:hover ul li a:active {color: red; background:red;}

ul.nav li.current a { font-style: normal; cursor:default; font-weight: normal;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current { !important}
ul.nav li.current ul li a {color: red; background:red; font-weight:normal;}
ul.nav li.current ul li a:hover {color: red; background:red;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color: red; background:red;}


/* navigation (vertical subnavigation)
----------------------------------------------- */

ul.main li {
  position:relative;
  top:0;
  left:0;
}
ul.main li ul {
  border-top:0;
}
ul.main li ul li {
  float:left;
}
ul.main li a { /*primary nav item bg*/
	height:2.5em;
	line-height:2.5em;
	border:0;
	color:white;
	background:#334d7c;
}

ul.main li ul li a { /*primary nav item submenu*/                                                       
  word-wrap:normal;
  border-top-style: solid;                                                          
  border-top-width: 1px;                                                          
  border-top-color: #e0e5e9;
  padding-left: 2px; 
	padding-bottom: 2px; 
	padding-right: 2px; 
	padding-top: 4px;                                                         
  /* width: 160px; */ /* Determines width of menu item background */
  line-height:1.4em;
  height:auto; /*allows overflow of long menu item descriptions */
  text-align:left;
  color: white;
  background:#4c6792;
}

ul.main li a:focus,
ul.main li a:active {
	color: white; background:#4c6792;
}
ul.main li ul li a:hover {
	color: white;
  	background:#00b5e2;
}

/*
ul.main li:hover a {
  color:white;
  background:#576a77;
} */
ul.main li:hover ul li a {color:white;}
ul.main li:hover ul li a:hover {color: white; background:#00b5e2;}
ul.main li:hover a:active {background:#00b5e2;}
ul.main li:hover ul li a:active {color:white; background:#334d7c;}


/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
	width: 13.7em;
	float:right;
	color:white;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	padding-left: 2px;
	padding-bottom: 0;
	padding-right: .5em;
	padding-top: 0;
	float:left;
	line-height:2.77em;
	height:auto;
	/*height:2.77em;*/
    font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	padding:0;
	height:auto;
	line-height:auto;
	color:white;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:white;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:white;
	background:#264173;
}
ul.nav li.secondary:hover a:hover {
	color: white;
	background:#00b5e2;
}
ul.nav li.secondary:hover a:active {background:#00b5e2;}

/* secondary list (original)
----------------------------------------------- */
/*
ul.nav li.secondary {
	width: 15em;
	float:right;
	color:#fff;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	padding-left: 0em;
	padding-bottom: 0;
	padding-right: .5em;
	padding-top: 0;
	float:left;
	line-height:2.77em;
	height:auto;
    font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	padding:0;
	height:auto;
	line-height:auto;
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;
	background:#576a77;
}
ul.nav li.secondary:hover a:hover {
	color: #576a77;
	background:#7fdcf1;
}
ul.nav li.secondary:hover a:active {background:#00b5e2;}
*/