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

body,td,th {
	font-family: acumin-pro-semi-condensed, sans-serif;
}
div.gradeNavHead h2 {
	margin: 10px 20px 12px 40px;
	font-family: "acumin-pro-extra-condensed", sans-serif;
	font-size: 30px;
	line-height: 22px;
	color: #1955A6;
}
#gradeNav {
	column-count: 7;
	column-gap: 10px;
	column-width: 120px;
    margin: 0 5% 25px 40px;
	border: none;
	padding: 18px 0 20px 0px;
	border-top: 1px solid #A7A8AA;
	border-bottom: 1px solid #A7A8AA;
}
#gradeNav .grades ul {
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
}
#gradeNav .grades ul li {
	font-size: 16px;
	line-height: 17px;
	margin: 0px 0 6px 0px;
    border: 2px solid #E8EDF0;
    padding: 6px 16px 7px 16px;
    page-break-inside: avoid;
}
#gradeNav .grades ul li a:link {
	display: block;	
}
#gradeNav .grades ul li a:visited {
		
}
#gradeNav .grades ul li a:hover {
	background-color: #E8EDF0;
    padding: 6px 16px 7px 16px;
	margin: -6px -16px -7px -16px;
	text-decoration: none;
	display: block;
}
	
/* M E D I A . Q U E R I E S */
@media screen and (max-width: 600px) {
#gradeNav {
    margin: 0px 8% 20px 30px;
}
div.gradeNavHead h2 {
	margin: 30px 20px 12px 30px;
}
#gradeNav .grades ul li {
	line-height: 35px;
}
}
	
@media screen and (max-width : 449px ){
#gradeNav {
    margin: 0px 10% 20px 25px;
}
}