/*
This CSS file will control the main navigation on the Finance and Administration site.
*/

/* the following commands control the link colors */
#menu li dt a {
	font-family: verdana;
	font-size: .75em;
	font-weight: bold;
	color: #21266B;
	text-decoration: none;
}

#menu li dd a {
	font-family: verdana;
	font-size: .75em;
	color: #ffffff;
	text-decoration: none;
}

#menu li dt a:hover {
	font-family: verdana;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#menu li dd a:hover {
	font-family: verdana;
	color: #eadca6;
	background: #385a79;
	float: middle;
	text-decoration: none;
}
/* END font commands */

/* the following commands control the formatting of the menu.  This includes display attributes, text line heights, margins, position other than position information which is dictated by the main CSS file. */
/* THIS FIRST SET IS ONLY FOR INTERNET EXPLORER 6 and EARLIER VERSIONS OF INTERNET EXPLORER including IE 5 for Mac */
#menu li {
	list-style: none;		/* this command removes the bullets from each list item  in ALL versions of IE */
}

#menu dl {					/* this command only affects IE6 and earlier versions */
	width: 135px;
	margin-left: 0;
	cursor:pointer;
}

#dlmenu {
	margin:0;
}



/* THIS SET OF COMMANDS IS FOR EVERY OTHER BROWSER EXCEPT INTERNET EXPLORER */
html>body #dlmenu {
	margin: 10px 0 10px 8px;
}

html>body #menu dl {
	width: 135px;
	margin: 0 0 0 0;
	background: #7892a9;
	cursor:pointer;
}

html>body #menu dt {
	line-height: .8em;
	margin: 6px 0 0 0;
	padding: 0;
}

html>body #menu dd {
	margin: 0 0 0 0;
	padding:0;
	text-align:left;
}

html>body #menu li {
	display: block;  		/* eliminates the bullets added by the <li> command */
	margin: 0 0 0 0; 	/* brings each line closer together for a better look */
}

html>body #menu li a {
	display: block;
}

html>body #menu li dd {
	display: none;
	line-height: 1.1em;
	margin: 0 0 0 12px;
}

html>body #menu li:hover dd, #menu li a:hover dd {
	display: block;
}