/************ Menu Blocks ************/

#block-undergrad-menu,	
#block-grad-menu {
	margin: auto;
	padding: 0 10px; /* Spacing for mobile devices */
	}
	
.page-node-type-course #block-grad-menu {
	margin: auto;
	padding: 0 0 20px 0; /* Spacing for mobile devices */
	}
	
#block-support-menu {
	margin: 0 auto 10px auto;
	padding: 0 ; /* Spacing for mobile devices */
	}
	

#block-undergrad-menu ul,
#block-grad-menu ul,
#block-support-menu ul {
	float: none; /* Allows menu to float above content */
	}

#block-undergrad-menu li a,
#block-grad-menu li a,
#block-support-menu  li a {
  	color: #000 !important;
  	margin: 4px 6px 4px 0;
  	padding: 6px 12px;
  	float: left;
	background-color: #DCE1E5 !important; /* Default background color */
  	border-radius: 4px;  
	}

#block-undergrad-menu .menu .active-trail a,
#block-grad-menu .menu .active-trail a,
#block-support-menu .menu .active-trail a {
	background-color: #5E707E !important; /* Active background color */
  	color: #FFF !important;
	}

#block-undergrad-menu a:focus,
#block-undergrad-menu a:hover,
#block-grad-menu a:focus,
#block-grad-menu a:hover,
#block-support-menu  a:focus,
#block-support-menu  a:hover {
  	color: #FFF !important;
	background-color: #5E707E !important; /* Hover button background color */
	}

/****** Begin breakpoint: desktop ******/
  
@media all and (min-width: 60.0625em) {

#block-undergrad-menu ul {
 	font-size: .95em;
 	margin: 20px 0 5px 0;
	padding: 0;
	}

#block-grad-menu ul {
 	font-size: .95em;
 	margin: 20px 0 5px 0;
	padding: 0;
	}
	
#block-support-menu ul {
 	font-size: .95em;
 	margin: 0 0 0 0;
	padding: 0;
	}
	
}
/****** End breakpoint: desktop ******/

/****** Begin breakpoint: tablet ******/
  
@media all and (min-width: 45.0625em) and (max-width: 60em) {

#block-undergrad-menu ul {
 	font-size: .95em;
 	margin: 10px 0 0 0;
	padding: 0;
	}

#block-grad-menu ul {
 	font-size: .95em;
 	margin: 10px 0 0 0;
	padding: 0;
	}

#block-support-menu ul {
 	font-size: .95em;
 	margin: 10px 0 0 0;
	padding: 0;
	}

}
/****** End breakpoint: tablet ******/

/****** Begin breakpoint: mobile ******/
@media all and (max-width: 45em) {

#block-undergrad-menu ul {
 	font-size: .85em;
 	margin: 10px 0 5px 0;
	padding: 0;
	}


#block-grad-menu ul {
 	font-size: .85em;
 	margin: 10px 0 5px 0;
	padding: 0;
	}

#block-support-menu ul {
 	font-size: .85em;
 	margin: 5px 0;
	padding: 0;
	}

}
/****** End breakpoint: mobile ******/