/** Navigations **/

/** MAIN TABS **/
#main-nav {
  float:left;
  position:relative;
  z-index:9998;
} 

#main-nav  li, 
.main-topic {
  background-color:#CB3E61;   /* red background */
  float:left;  
  font-size:1.2em;
  font-weight:bold;
  position:relative;
}
  
  
#main-nav  li a,  
#sub-nav li a,
.main-topic a,
.back-to-main-topic {
  background-color:#393939;  /* charcoal background */
  border-right:1px solid white;
  color:white;
  display:block;    
  line-height:20px;
  position:relative;  
}
  
#main-nav li a {overflow:hidden;}   /* For top level tabs, prevents bit of padding on top of anchor in IE*/
#main-nav li ul li a{overflow:visible;}  
#main-nav li a span {
  display:block;
  padding:10px 10px 7px;  
}  

#main-nav li a.has-dropdown {
  position:relative;
}
  #main-nav li a.has-dropdown  span {
  background:url('../img/main-nav-more.gif') no-repeat right -2px;
  padding-right:30px;  
} 


#main-nav li a.selected,
#main-nav li a.selected span {
  background:#CE3C63;
}

#main-nav.network li a.selected, #main-nav.network li a.selected span {background:#A8B834;}
#main-nav.tools li a.selected, #main-nav.tools li a.selected  span{background:#6E288A;}
#main-nav.advice li a.selected,#main-nav.advice li a.selected span {background:#CE3C63;}


#main-nav li a.selected.has-dropdown span {
 xbackground:#CE3C63 url('../img/main-nav-more-selected.gif') no-repeat right -2px
}
#main-nav.network li a.selected.has-dropdown span {
 xbackground:#CE3C63 url('../img/main-nav-more-selected.gif') no-repeat right -2px
}
#main-nav.tools li a.selected.has-dropdown span {
 xbackground:#CE3C63 url('../img/main-nav-more-selected.gif') no-repeat right -2px
}
#main-nav.advice li a.selected.has-dropdown span {
 xbackground:#CE3C63 url('../img/main-nav-more-selected.gif') no-repeat right -2px
}
 
/* set by jquery for actively hovered tab*/
#main-nav li a.hover {
  background:#DCDCDC;
  color:#333;
}
  
  
#main-nav li a.has-dropdown:hover,
#main-nav li a.hover {
  background:url('../img/man-nav-bg.gif') no-repeat top left;
  color:white;    
  line-height:24px;
  margin-top:-2px;
  margin-bottom:0px;
  padding-left:10px; 
  xfloat:left;

}
  
#main-nav li a.has-dropdown:hover span,
#main-nav li a.hover span ,
#main-nav li a.selected.has-dropdown:hover span,
#main-nav li a.selected.hover span {
  background:url('../img/man-nav-bg.gif') no-repeat  right -42px;
  padding-left:0;
  padding-bottom:5px;
}

  
#main-nav li a.current {  background-color:#CB3E61; }
#main-nav li a.current span { background:url('../img/main-nav-more-current.gif') no-repeat right -2px; }
#main-nav li.blog a {  background-color:#999; }  

#main-nav  li a:hover {
  color:white; 
  background-color:transparent;
  border-bottom:none;
  text-decoration:underline;
}


/* Sub nav specific*/
#sub-nav-container {
    margin:5px 0 20px;
}

#sub-nav-bar {
  background:black;
  height:25px;
  position:relative;
  clear:both;
  display:block;
  float:none;
  width:960px;

}

.main-topic {
  float:left;
  margin-bottom:1px;  
}
.main-topic a {
  width:auto;
  display:block;
  float:left;
  padding:10px 10px 7px;    
}


.main-topic a.selected {
  background:#CE3C63;
}
.main-topic a.selected:hover {
}

#sub-nav li { 
  display:inline;  
}
 
#sub-nav li a, 
a.back-to-main-topic {
  width:auto;
  display:block;
  float:left;
  padding:0px 10px;
  line-height:25px;
  height:25px;
  border-right:1px solid white;
  font-size:100%;  
  font-weight:bold;
}  
  
#sub-nav li a:hover,
#sub-nav li a:active,
a.back-to-main-topic:hover,
a.back-to-main-topic:active,
.main-topic a:hover,
.main-topic a:active,
#sub-nav a.selected
 {
  background-color:#CB3E61;
  border-bottom:none;
}



.back-to-main-topic {
  position:absolute;
  right:0px;
  border-right:none;
  border-left:1px solid white;
  padding:20px auto;  
  background:#393939 url('../img/double-white-arrow.gif') no-repeat 5px 55%;


}
#sub-nav-bar a.back-to-main-topic {
  padding-left:25px;
}






/********** SUB MENUS *******************************************************/

#main-nav .sub-menu{
	display:none;
	position:absolute;
	z-index:9999;
  background:white;/*#F0F0F0;*/
  width:410px;
  border:1px solid #DCDCDC;
  border-top:1px solid white;
  float:left;
  margin-right:10px;
  margin-left:-2px;
  padding:10px; 
  

  border-bottom-left-radius:3px;
  -moz-border-radius-bottomleft:3px;
  -webkit-border-bottom-left-radius:3px;   
    border-bottom-right-radius:3px;
  -moz-border-radius-bottomright:3px;
  -webkit-border-bottom-rightradius:3px;    
}


/* Network menu is smaller in width */
#main-nav .network {
  width:201px;
}

#main-nav .business-tools {
  width:201px;
}

#main-nav  .sub-menu  li {	
  display:block;
  background:white;
  border-bottom:1px solid #E0E0E0;  
  width:190px;  
}

#main-nav  .sub-menu   li a{		
	background: white;/*#F0F0F0;*/
  line-height:15px;
	display:block;
	font-size:75%;
	font-weight:bold;
  color:#333;  
  width:100%;
  line-height:20px;
  padding:4px 10px;  
}

#main-nav  .sub-menu   li a:hover {
  text-decoration:none;
  color:#CE3C63; /* reddish colour */
}

#main-nav .sub-menu .subjects, #main-nav .sub-menu .types {
  float:left;
  width:190px;  
  margin:0px 15px 0px 0px;
  overflow:hidden;
}

#main-nav .sub-menu .sub-menu-title {
  font-weight:bold;
  background:#E8E8E8 url('../img/grey-white-border.gif') repeat-x bottom left;
  color:#333;
  border-bottom:1px solid #E8E8E8;
  display:block;
  margin-bottom:10px;
  padding:5px 10px;
}
#main-nav .sub-menu .sub-menu-title.other {
  float:left;
  margin-top:15px;
  width:100%;
}

#main-nav li.last {
  border-bottom:none;
}