/*navigation styling*/ 

#tabs {
	background-color:#81c2ea;
	margin-top:2em; 
	margin-left:auto;
	margin-right:auto;
	border:0;
	padding:0;
	width:auto;
	height:211px;
	}
 
.menu {
	z-index:1000;
	height:211px;
	margin:0.5em 0.5em 1em 0.5em; /* this page only */
	}
 
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:140px;
	height:211px;
	position:relative;
	border:0;
	list-style-type:none;
	}

.menu ul ul ul {
	width:250px;
	}
 
.menu li {
	background-color:#4671b5;
	height:30px;
	border:0;
	}
	
* html .menu li {margin-left:-16px; margin-lef\t:0;}

/* remove the table */
.menu table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
	font-size:1em; 
	width:0; 
	height:0;
	}
 
/* format the links */
.menu a, .menu a:visited {
	display:block; 
	text-decoration:none;
	height:30px;
	line-height:30px;
	color:#fff;
	font-weight:bold; 
	text-indent:5px;
	border:0;
	background-color:#4671b5;
	}

.menu a:active {
	text-decoration:underline;
	}


/* format the link hover */
* html .menu a:hover {
	color:#4671b5; 
	font-weight:bold; 
	background-color:#fff;
	}
 
.menu :hover > a {
	color:#4671b5; 
	font-weight:bold; 
	background-color:#fff;
	}
 
/* conceal sub-levels and give position absolute so they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:140px;
	}

/* make second level visible when hover over first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible;
	height:211px;
	border-left:1px;
	border-right-width:1px;
	border-style:solid;
	border-color:#4671b5;
	}

/* keep third level hidden when hover over first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
	}

/* make third level visible when hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
	height:211px;
	background-color:#fff;
	}

.menu ul ul li:hover > a,
.menu ul ul ul li:hover >a { 
	background-color:#fff;
	color:#4671b5;
	border-right:2px;
	border-left:2px;
	border-color:#4671b5;
	border-style:solid;
	}

