/* SIDEBAR MENU STYLES */

/* base style for sidebar menu division */
div#sideMenu {
	float: left ;
	display: block ;
	width: 180px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	font: normal 400 16px/1.2 Times, "Times New Roman", serif;
	background-color: #fff7eb;
}

/* style side menu list */
div#sideMenu >ul {
   list-style: none outside none;
   padding: 20px 0 2px 0;
   margin: 0;
   border: 0;
   text-align: left;
}

/* style tier-0 side menu buttons */
div#sideMenu >ul >li {
   border: 0;
   margin: 0;
   padding: 4px 0 8px 15px;
   text-align: left;
}

/* style tier-1 side menu lists */
div#sideMenu >ul >li >ul {
   list-style: none outside none;
   border: 0;
   margin: 0;
   padding-left: 20px;
   text-align: left;
}

/* style tier-1 side menu buttons */
div#sideMenu >ul >li >ul >li {
   border: 0;
   margin: 0;
   padding: 5px 0 0 0;
   text-align: left;
}

/* style no-link parents - i.e. tier-0 elements with children but no href= */
div#sideMenu li.nolinkParent:hover {
	text-decoration: underline;
	cursor: pointer;
	}
div#sideMenu li.nolinkParent >p {
	margin: 0 0 5px 0;
	}


/* format anchor tags (links) */	
div#sideMenu ul li a {
    text-decoration: none;
    color: #531f8d;
	}	
div#sideMenu ul li:hover {
    text-decoration: underline;
    cursor: pointer;
	}


/* •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* TOP MENU STYLES */

/* base style for top menu division */
div#topMenu {
	display: block /*default*/;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font: normal 400 15px/1.2 Arimo, Arial, Helvetica, sans-serif;
	background-color: #fff2be;
}

/* base style for tier-1 ul */
div#topMenu >ul {
	display: block /*default*/;
	list-style: none outside none;
	border: 0 none;
	padding: 16px 0 6px 0;
	margin: 0;
	vertical-align: middle;
}

/* make top menu display horizontally */
div#topMenu >ul >li {
   display: inline-block;
   position: relative;
}

/* style tier-1 top menu buttons */
div#topMenu >ul >li {
   list-style: none outside none;
   border: 0;
   margin: 0;
   padding-left: 15px;
   text-align: center;
}
div#topMenu >ul >li a {
    text-decoration: none;
    color: #531f8d;
}
div#topMenu >ul >li:hover a {
    text-decoration: underline;
}

/* give home button a bit more presence */
div#topMenu >ul:first-child >li:first-child {
    padding-right: 5px;
    font-size: 107%;
}

/* give tier-1 ul's relative positioning, to anchor submenu's absolute position */
div#topMenu > ul > li {
	position: relative;
	padding-bottom: 8px;
	}

/* hide collapsed submenus */
div#topMenu ul.collapsed {
	display: none;
	}

/* expand collapsed submenus on hover */	
div#topMenu > ul > li:hover ul.collapsed, div#topMenu ul.collapsed:hover {
	display: block;
	position: absolute;
	top: 39px;
	left: 10px;
	}	
div#topMenu > ul > li:first-child:hover ul.collapsed {
	top: 25px;
	}

/* format expanded submenus */	
div#topMenu > ul > li:hover ul.collapsed, ul.collapsed:hover {
	list-style: none;
	padding-left: 5px;
	border-bottom: 10px;
	text-align: left;
	width: 150px;
	background-color: #fff2be;
	}
	
/* format list items in expanded submenus */	
div#topMenu ul li ul li {
	padding: 5px;
	}
div#topMenu ul li ul li a, div#topMenu ul li:hover ul li a {
    text-decoration: none;
    color: #531f8d;
	}