/* CSS Document */

/* This is the style sheet for the top level drop-down menu */

#nav { /* all lists */
	font-size: 60%;
	text-align:left;
	white-space:nowrap; /* forces the text to stay to one line */
}
#nav, #nav ul { /* all lists */
	float: left;
	width: 750px;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0;
	background-color: #007E7A;
	position: relative; /*must have this for Safari to work*/
	display:block; /*must have this for Safari to work*/
}

#nav a {
	display: block;
	/*width: 12em;*/
	color:#FFFFFF;
	text-decoration: none;
	padding: 0.6em .9em;
}

#nav li { /* all list items */
	float: left;
	width: 14em;/* width needed or else Opera goes nuts */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	white-space:nowrap; /* forces the text to stay to one line */
	position: relative; /*must have this for Safari to work*/
	display:block; /*must have this for Safari to work*/
}
#nav li:hover, #nav li.sfhover {
	display:block;
}

#nav a.main {
	background-image: url(/images/navSpacer.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#nav a.main2 { /*For Home Page*/
	background-image: none;
	background-repeat: no-repeat;
	background-position: left;
}
#nav a.main:hover {
	color:#00BBB7;
	display:block;
}

#nav a.main2:hover {/*For Home Page*/
	color:#00BBB7;
	display:block;
}

/*Active Page State*/
body#home #nav li#homeNav a.main2 {color:#00C1CC;} /*For Home Page*/
body#about #nav li#aboutNav a.main {color:#00C1CC;}
body#pubs #nav li#pubsNav a.main {color:#00C1CC;}
body#meetings #nav li#meetingsNav a.main {color:#00C1CC;}
body#outreach #nav li#outreachNav a.main {color:#00C1CC;}
body#ourscience #nav li#oursciNav a.main {color:#00C1CC;}

/*Widths for top nav items*/
#nav li#homeNav {width: 4.5em;}
#nav li#aboutNav {width: 7.9em;}
#nav li#pubsNav {width: 10.1em;}
#nav li#meetingsNav {width: 7em;}
#nav li#outreachNav {width: 7.5em;}
#nav li#oursciNav {width: 8em;}

#nav li#homeNav, #nav li#aboutNav, #nav li#pubsNav, #nav li#meetingsNav, #nav li#outreachNav, 
#nav li#oursciNav {padding-right: .9em;}

#nav li#homeNav {padding-left: 15em;}

/* #### second-level lists #### */
#nav li ul { /* second-level lists */
	position: absolute;
	display:block;
	width: 14em; /* adjust here for width of lists */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	line-height: 1.3em;
	padding: 0;
	margin-bottom: 1em;
	background-color: #D8E8E9;
}

#nav li ul li { /* second-level lists */
	display:block; /* need this to see hover effect in Safari */
}
#nav li ul a { /* second-level lists */
	color:#000000;
	border-top: .1em solid #fff;
}

#nav li ul a:hover { /* second-level lists */
	background-color: #9DD2D1;
}

#nav li ul a.arrow { /* second-level lists */
	background-image: url(/images/navArrow.png);
	background-repeat: no-repeat;
	background-position: right;
}


/* #### third-level lists #### */

#nav li ul ul { /* third-and-above-level lists */
	margin: -2.6em 0 0 14em;
	width: 16em;    /* adjust here for width of lists */
	line-height: 1.3em;
	padding: 0;
	background-color: #9DD2D1;
}

#nav li ul ul li { /* third-and-above-level lists */
	/*width: 17em;*/
}

#nav li ul ul li a { /* third-and-above-level lists */
	width: 14em; /* adjust here too for width of lists */

}

#nav li ul ul li a:hover { /* third-and-above-level lists */
	background-color: #D8E8E9;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; 
}

/*----On Down - top level-----*/
/*body#home #nav li#homeNav a {color:#00C1CC;}
body#about #nav li#aboutNav a {color:#00C1CC;}
body#pubs #nav li#pubsNav a {color:#00C1CC;}
body#meetings #nav li#meetingsNav a {color:#00C1CC;}
body#outreach #nav li#outreachNav a {color:#00C1CC;}
body#ourscience #nav li#oursciNav a {color:#00C1CC;}*/