@charset "utf-8";

/*
** CSS Popout Menu - Defaults
*/

#menu {
	position: relative;
	z-index: 2;
	width: 225px;
}

#menu a {
	display: block;
	margin: 0;
	color: #FFE834;
	padding: 7px 20px 7px 10px;
}

#menu a:visited {}

#menu a:hover {}

#menu a:active {}

#menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 225px;
	background-image: url(http://www.idvaac.org/images/subjectnav-background.gif);
	background-color: #262626;
	background-position: right top;
	background-repeat: no-repeat;
}

#menu ul li {
	position: relative;
}

#menu li ul {
	position: absolute;
	top: 0;
	left: 225px;
	display: none;
}


#menu ul ul.flat ul.flat ul.flat a { padding-left: 30px; }
#menu ul ul.flat ul.flat ul.flat li {
	font-size: .9em;
	line-height: 1em;
}

/*
** Flat Design
*/
#menu li.active a { color: #999; }
#menu li.active {
	background-image: url(http://www.idvaac.org/images/subjectnav-background-flat1.gif);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #444;
}

#menu li.active li a, 
#menu li.active ul.nav li a {
	color: #EEE;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1em;
}

#menu li.active li, 
#menu li.active ul.nav li {
	background-image: url(http://www.idvaac.org/images/subjectnav-background-flat2.gif);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #8888;
}

#menu ul.flat li.active a, 
#menu ul.flat li li a { border-top: none; }

#menu ul.flat li li,
#menu ul ul ul.flat ul.nav li {
	background-image: url(http://www.idvaac.org/images/subjectnav-background-flat3.gif);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #b8b8b8;
}

#menu ul.flat li.active li a { color: #333; }

#menu ul.flat li.active li a { color: #A63A00; }

#menu ul.flat li.active ul.nav li a { padding-left: 10px; }

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */

div#menu ul, 
#menu ul ul, 
div#menu ul ul ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	width: 225px;
}

div#menu ul.nav ul, 
div#menu ul.nav ul ul, 
div#menu ul.nav li:hover ul ul, 
div#menu ul.nav li:hover ul ul ul, 
div#menu ul.nav li:hover ul ul ul ul {
	display: none;
}

div#menu ul.nav li:hover ul, 
div#menu ul.nav ul li:hover ul, 
div#menu ul.nav ul ul li:hover ul, 
div#menu ul.nav ul ul ul li:hover ul {
	display: block;
}

div#menu ul.nav li:hover ul.flat ul.flat, 
div#menu ul.nav ul.flat {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}

div#menu li a .x {
	position: absolute;
	right: 10px;
	width: 4px;
	height: 1em;
	background-image: url(http://www.idvaac.org/images/subjectnav-lightx.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
}

div#menu ul.flat li a .x {
	background-image: url(http://www.idvaac.org/images/subjectnav-darkx.gif);
}