/* drop down */

#navigation, #navigation * {
      z-index:9999;
  }
  
#navigation {
	background:#FFFFFF url(../images/backgrounds/topNav.png) repeat-x scroll 0 0;
	margin: 0 auto 20px;
	min-height: 2.2em;
	width: 100%;
	clear:both;
	height:38px;	
}

.topNavInner {
	height:38px;
	margin:auto;
	text-align:left;
	width:1000px;
}


#navigation ul,
#add-page {
	float: left;
	
}

#navigation a { 		
	color:#002157;
	display: block;
	font: 12px Georgia,"Times New Roman",Times,serif;
	padding:10px;
	text-decoration: none;	
	font-weight:bold;
	text-transform:uppercase;
}





#navigation .selected a {	
	color: #0066CC;
	font-weight: bold;
}

#navigation .cancel-page {
	display: none;
}

#navigation .save-page {
	display: inline;
}

 #navigation li {
 position:relative;

 }
/*****************/
/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {
  visibility:hidden;
  position:absolute;

  
}


/* style the table so that it takes no part in the layout - required for IE to work */
#navigation table {position:absolute; }


/* style the top level hover */
#navigation a:hover{
background:none;
color:#000;
}
#navigation .drop1 a:hover,#navigation ul ul a:hover{
  color:#fff;
  background:#003366;
}
#navigation .drop1 :hover > a, #navigation ul ul :hover > a {
  color:#fff;
  background:#003366;
}

/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#navigation ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#navigation ul :hover ul :hover ul :hover ul {
visibility:visible;
}
#navigation li a span{
    padding:0px;
    margin:0px;
    padding-left:5px;
    padding-right:3px;
    margin-right:3px;
    margin-left:3px;
    line-height:18px;
    min-width:0px;
    width:0px;
}
/*drop down ends*/


/* ---------- drop down menu ---------- */
#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
    /* position:relative;*/
     line-height:1.5em;
 }
 

#nav ul {
    position:relative;
	/* to make the menu above iframes */
/*	z-index:110;*/
	
    width:12em;
	height:3em;
    top:3.1em;
    display:none;
    left:1.5em;
}

#nav li ul a{
    float:left;
	width:16em;
}

#nav ul ul{
	top:auto;
	}	

#nav li ul ul {
    left:12em;
    margin:0px 0 0 10px;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }
/*-----------------drop down menu end------*/
	
	
#navigation ul ul a { 		
	color:#002157;
	display: block;
	font-size:11px;
	padding:6px;
	text-decoration: none;	
	font-weight:bold;
	text-transform:uppercase;
	background-color:#EBECEE;
	border-bottom:1px solid #ddd;
}	

*html #navigation ul {
	margin: 0 0 0 15px;
}
.nav-border {	
    height:5px; 
    background-color:#003366; 
    width:15.8em;
}
*html .nav-border {	 
    background-color:none; 
    width:0px;   
    height:none;
    display:none;
  
}
*html ul.child-menu {
	position:absolute;
}
*html #navigation ul ul {
  visibility:hidden;
  position:absolute;
  border-bottom:5px solid #003366; 
}