
*.menuHolder {
	position: absolute;
	top: 100px; /* 20 + 180 + 20 + 30 (bonus) */
	bottom: 100px; /* 20 + 40 + 20 * 2 + 20 + 30 (bonus) */
    
    /* fixed config is
    position: fixed;
    top: 250px;
    bottom: 150px;
    padding-top: 20px;
    */
    
	width: 140px;
	padding: 20px;
    padding-top: 30px;
	margin: 0px;
	border-style: solid;
	border-color: #0C3A6D;
	border-width: 0px;
	border-right-width: 1px;
	font-size: 120%;
	color: #0C3A6D;
}

*.menuHolder *.menuHeader { /* CSS class for menu headers in general (expanding or not!)*/
	margin-bottom: 0.2em; /* bottom spacing between header and rest of content */
	/*cursor: hand;  this is "non-standard" */
	cursor: pointer;
}

*.menuHolder *.openHeader { /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

*.menuHolder ul { /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0em;
	margin-bottom: 0.2em; /*bottom spacing between each UL and rest of content*/
	padding: 0em;
}

*.menuHolder ul li {
	padding-bottom: 0.2em; /*bottom spacing between menu items*/
}

*.menuHolder ul li a {
	background: url("../images/arrowbullet.png") no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 0px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	/*border-bottom: 1px solid #dadada; edit: not so sure about this...*/
	font-size: 90%;
}

*.menuHolder ul li a:visited {
	/*color: #A70303;*/
}

*.menuHolder ul li a:hover { /*hover state CSS*/
	text-decoration: none;
	color: #FF9900;
	/*background-color: #F3F3F3;*/
}

*.menuHolder a#currentLocation {
	color: #FF9900;
	font-style: italic;
}
