/*	Please do not duplicate this document with out prior permission.
	This unique combination of styles, properties, font-families and poistioning are copyright of glrrin. */
	
/*	Menus Only
	For Stylizing forms and form elements used on the glrrin websites.
	Based on methods derived from Stu Nichollas at http://www.cssplay.co.uk.
	
	George Oommen (oommen.6@osu.edu)
	May 14 2007 */


/*  {------- Main Navigation -------}  */

#nav {
	background: #f3f3f3 url(../images/style/nav-corner.gif) no-repeat top left;
	float: left;
	font: normal 12px/15px Arial, "Trebuchet MS", Trebuchet, Tahoma, sans-serif;
	margin: 0 10px;
	position: relative;
	width: 960px;
	z-index: 100;
}

#nav ul {
	float: left;
	height: 31px;
	list-style-type: none;
	padding: 0;
	width: 960px;
}

#nav li {
	float: left;
	position: relative;
}

#nav #signuptab a {
	background: url(../images/style/nav-corner-signup.gif) repeat-x;
	color: #fff;
}

#fold #nav li a.active, #home #hometab a, #people #peopletab a,  #lakes #lakestab a, #research #researchtab a,
#funding #fundingtab a, #links #linkstab a, #signup #signuptab a, #updates #updatestab a {
	background: #034ea2 url(../images/style/nav-corner-active.gif) no-repeat top left;
	color: #fff;
}

#nav a, #nav a:visited {
	background: url(../images/style/nav-divider.gif) no-repeat top right;
	border: none;
	color: #444; 
	display: block;
	float: left;
	padding: 8px 12px; 
	text-decoration: none;
}

* html #nav a, * html #nav a:visited {
}


#nav ul ul {
	margin: 0;
	width: 150px;
}

#nav ul ul a.drop, #nav ul ul a.drop:visited {
	/* if needed */
}

#nav ul ul a.drop:hover{
	/* if needed */
}

#nav ul ul :hover > a.drop {
	/* if needed */
}

#nav ul ul ul a, #nav ul ul ul a:visited {
	background: #e2dfa8;
}

#nav ul ul ul a:hover {
	background: #b2ab9b;
}		

#nav ul ul {
	height: 0;
	left: 0; 
	position: absolute;
	top: 31px;
	visibility: hidden;
	width: 150px;
}

* html #nav ul ul {
	top: 30px;
	t\op: 31px;
}

#nav ul ul ul{
	left: 150px; 
	top: 0;
	width: 150px;
}

#nav ul ul ul.left {
	left: -150px;
}

#nav ul ul a, #nav ul ul a:visited, #lakes #nav ul ul a, #lakes #nav ul ul a:visited {
	background-color: #000;
	background-image: none;
	color: #fff; 
	filter: alpha(opacity=70);
	height: auto; 
	line-height: 1em; 
	opacity: .7;
	padding: 10px 10px; 
	width: 129px;
}

* html #nav ul ul a {
	width: 150px;
	w\idth: 129px;
}

#nav a:hover, #fold #nav ul ul a:hover {
	background-color: #034ea2;
	background-image: none;
	color: #fff;
}

#fold #nav ul ul a:hover {
	opacity: 1;
}

#nav :hover > a, #fold #nav ul ul :hover > a {
	background-color: #034ea2;
	background-image: none;
	color: #fff;
}

#nav ul ul :hover > a {
	background: #000;
	color: #fff;
}

#nav ul li:hover ul, #nav ul a:hover ul {
	visibility: visible; 
}

#nav ul :hover ul ul {
	visibility: hidden;
}

#nav ul :hover ul :hover ul { 
	visibility: visible;
}

#nav table {
	left: 0;
	position: absolute; 
	top: 0; 
}

/*  {------- Sub Menu Navigation -------}  */

.menu {
	background: #f3f3f3 url(../images/style/menu-corner.gif) no-repeat top left;
	clear: both;
	margin: 0;
	padding: 0;
}	

	
.menu ul {
	background: #000 url(../images/style/menu-corner.gif) no-repeat top left;
	float: left;
	display: block;
	list-style: none;
	padding: 0;
	width: 237px;
}
	
.menu li {
	float: left;
	font: normal 12px/15px Arial, "Trebuchet MS", Trebuchet, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
}

.menu li a {
	background: url(../images/style/menu-divider.gif) no-repeat bottom right;
	border: none;
	color: #444;
	float: left;
	padding: 5px;
	padding-right: 15px;
	text-decoration: none;
}

.menu li a:link, .menu li a:visited, .menu li a:hover {
	border-bottom: none;
	color: #444;
}

.menu li a.tabactive {
	background: #c4df9b url(../images/style/menu-corner-active.gif) no-repeat top left;
}

.menu li a.otheractive {
	background: #c4df9b;
}