@charset "UTF-8";
/* CSS Document */

/* This CSS file will eventually combine support, handout and curricular use CSS files */



ul#navigation {
	
	text-align: right;
}

.support_menu a, .handout_menu a, .commonuses_menu a {
	color: #2796a5;
	text-decoration: none;
}

.support_menu ul#navigation li, .handout_menu ul#navigation li, .commonuses_menu ul#navigation li {
	display: block;
	/*_display: inline-block;*/
}

.support_menu ul#navigation, .support_menu ul#navigation li ul, .handout_menu ul#navigation, .handout_menu ul#navigation li ul, .commonuses_menu ul#navigation, .commonuses_menu ul#navigation li ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;
	display: block;
	clear: both;
	text-indent: 0;


}

ul#navigation li {
	
text-indent: 0;
padding-left:0;

}

.support_menu ul#navigation li a.active ul, .handout_menu ul#navigation li a.active ul, .commonuses_menu ul#navigation li a.active ul {
	display: none;
}

.support_menu ul#navigation li ul li a, .handout_menu ul#navigation li ul li a, .commonuses_menu ul#navigation li ul li a {
	display: block;
	clear: both;
	margin-top: 10px;
	padding: 4px 10px 4px 10px;
	color: #000;
	font-size: 12px;
	margin-right: 0;
	cursor:pointer;
}

.support_menu li a.ui-accordion-content-active, .handout_menu li a.ui-accordion-content-active, .commonuses_menu li a.ui-accordion-content-active {
	display: block;
	clear: both;
	padding: 6px 10px 6px 8px !important;
	color: #000 !important;
	background-color: #eae4ee !important;
	padding-right: 8px;
}



/* MENU HEAD DEFAULT */

.support_menu ul#navigation a.menu-head, .handout_menu ul#navigation a.menu-head, .commonuses_menu ul#navigation a.menu-head { 

	display: block; 
	padding: 10px;
	margin: 0 0 10px 0;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

.support_menu ul#navigation a.menu-head {
	border:1px solid #2796a5;
	color: #2796a5;
}

.handout_menu ul#navigation a.menu-head {
	border:1px solid #2796a5;
	color: #2796a5;
}

.commonuses_menu ul#navigation a.menu-head {
	border:1px solid #2796a5;
	color: #2796a5;
}



/* MENU HEAD SELECTED*/

.support_menu ul#navigation li.menu-active a.menu-head-active, .handout_menu ul#navigation li.menu-active a.menu-head-active, .commonuses_menu ul#navigation li.menu-active a.menu-head-active { 

	display: block; 
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	padding: 10px;
	margin:  0 0 10px 0;
}

.support_menu ul#navigation li.menu-active a.menu-head-active {
	background:#2796a5;
}

.handout_menu ul#navigation li.menu-active a.menu-head-active {
	background:#2796a5;
}

.commonuses_menu ul#navigation li.menu-active a.menu-head-active {
	background:#2796a5;
}


/* MENU HEAD HOVER */
	
.support_menu ul#navigation a.menu-head:hover {

	background:#2796a5;
	color: #fff;
} 

.handout_menu ul#navigation a.menu-head:hover {

	background:#2796a5;
	color: #fff;
} 

.commonuses_menu ul#navigation a.menu-head:hover {

	background:#2796a5;
	color: #fff;
} 


/* SUB MENU STUFF  */

.support_menu ul#navigation li.menu-active ul.menu-sub, .handout_menu ul#navigation li.menu-active ul.menu-sub, .commonuses_menu ul#navigation li.menu-active ul.menu-sub {

	padding: 0 0 10px 0;
	
	
}

.support_menu ul#navigation li .menu-sub, .handout_menu ul#navigation li .menu-sub, .commonuses_menu ul#navigation li .menu-sub {
	display: none;
}

.support_menu ul#navigation li.menu-active .menu-sub, .handout_menu ul#navigation li.menu-active .menu-sub, .commonuses_menu ul#navigation li.menu-active .menu-sub  {
	display: block;
}



/* SUB MENU DEFAULT STYLE */

.support_menu ul#navigation li ul li a, .handout_menu ul#navigation li ul li a, .commonuses_menu ul#navigation li ul li a {
	margin: 1px 0;
		
	display: block;
	background:#f7f7f7;
	border:1px solid #ccc;

}



/* SUB MENU CURRENT ITEM AND HOVER */
.support_menu ul#navigation li ul li.current a.menu-link, .support_menu ul#navigation li ul li a.menu-link:hover {
		
		background:#5fb4c0!important;
		color:#fff;
		border:1px solid #ccc;
}

.handout_menu ul#navigation li ul li.current a.menu-link, .handout_menu ul#navigation li ul li a.menu-link:hover {
		
		background:#5fb4c0!important;
		color:#fff;
		border:1px solid #ccc;
}

.commonuses_menu ul#navigation li ul li.current a.menu-link, .commonuses_menu ul#navigation li ul li a.menu-link:hover {
		
		background:#5fb4c0!important;
		color:#fff;
		border:1px solid #ccc;
}