/* ========================================= */
/* RESPONSIVE MAIN NAVIGATION STRUCTURE */
/* ========================================= */



@media (max-width: 767px) {
	
	
	/* PRIMARY NAVIGAITON */
	/* ----------------------------------------- */
	
	#navigation {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 46px;
		height: auto;
		border: 0;
		z-index: 200;
	}
	
	#menu-icon {
		position: absolute;
		display: inline-block;
		margin: 0;
		padding: 0;
		top: -46px;
		right: 0;
		width: 46px;
		height: 42px;
		overflow: hidden;
		background: url(../images/responsive/main-nav-mobile-icon-2x.png) no-repeat;
		background-size: 46px auto;
		font-size: 1%;
		text-indent: -9999px;
		cursor: pointer;
	}
	
	#menu-icon.active { background-position: 0 -42px; }
	
	#navigation .menu {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 0;
		background-color: #0077d3;
		background-image: none;
		display: none;
	}
	
	#navigation .menu li {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	#navigation .menu li a {
		display: block;
		padding: 12px 5px;
		background-color: #0077d3;
		background-image: none;
		border-top: 1px solid #659cbe;
		border-bottom: 1px solid #0c5e91;
		font-size: 17px;
		font-family: Sensibility, Arial, Helvetica, sans-serif;
		color: #FFF;
		text-align: center;
		text-indent: 0;
		text-decoration: none;
	}
	
	#navigation .menu li a:hover { background-color: #4099de; }
	
	#navigation .menu li a.active,
	#navigation .menu li.active-trail a {
		background-color: #80bbe9;
		color: #00456b;
	}
	
	
	/* QUICK LINKS */
	/* ----------------------------------------- */
	#actions-container {
		margin-top: 25px;
		border-bottom: 0;
		background: transparent;
		height: 90px;
		overflow: visible;
	}

	#actions-container .quickLinks {
		width: 100%;
		height: auto;
		background-color: #d8e6ac;
		z-index: 105;
	}
	
	#actions-container .quickLinks {
		position: relative;
		width: 100%;
		height: auto;
		background: none;
	}
	
	#actions-container .quickLinks .btn {
		float: right;
		width: 35px;
		height: 85px;
		overflow: hidden;
		background: #d8e6ac url(../images/responsive/quicklinks-btn-mobile-2x.png) no-repeat;
		background-size: 70px auto;
		font-size: 1%;
		text-indent: -9999px;
		cursor: pointer;
		
		-webkit-border-top-left-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	
	#actions-container .quickLinks .btn.active {
		background-position: -35px 0;
		
		-webkit-border-radius: 0;
		 -khtml-border-radius: 0;
		   -moz-border-radius: 0;
		     -o-border-radius: 0;
		        border-radius: 0;
	}
	
	#actions-container .quickLinks .region-quick-links {
		position: relative;
		margin: 0 35px 0 10px;
		background: #d8e6ac;
		display: none;
	}
	
	#cta-linkBoxes {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#cta-linkBoxes li {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		z-index: 150;
	}
	
	#cta-linkBoxes li a {
		display: block;
		padding: 15px 0 4px 45px;
		min-height: 30px;
		height: auto !important;
		height: 30px;
		border-bottom: 1px solid #b0b0b0;
		background-color: #d8e6ac;
		background-repeat: no-repeat;
		background-position: 12px 8px;
		background-size: 30px auto;
		font: 14px/18px Sensibility, Arial, Helvetica, sans-serif;
		font-size: 1.4rem;
		text-decoration: none;
		color: #004274;
	}
	
	#cta-linkBoxes #cta-linkBox01 a { background-image: url(../images/responsive/quicklink-icons-directions-2x.png); }
	#cta-linkBoxes #cta-linkBox02 a { background-image: url(../images/responsive/quicklink-icons-health-2x.png); }
	#cta-linkBoxes #cta-linkBox03 a { background-image: url(../images/responsive/quicklink-icons-ecard-2x.png); }
	#cta-linkBoxes #cta-linkBox04 a { background-image: url(../images/responsive/quicklink-icons-events-2x.png); }
	#cta-linkBoxes #cta-linkBox05 a { background-image: url(../images/responsive/quicklink-icons-accessibility-2x.png); }
	
	#cta-linkBoxes li a:hover,
	#cta-linkBoxes li a:focus,
	#cta-linkBoxes li a:active {
		background-position: 12px -62px;
		color: #000;
	}
	
	
	/* SIDEBAR FIRST */
	/* ----------------------------------------- */
	
	#sidebar-first .menu {
		float: none;
		display: block;
		padding: 0;
		width: 100%;
		background-image: none;
		overflow: inherit;
	}
	
	#sidebar-first .menu a { background-color: #f5f4f4; }
	
	#sidebar-first .menu ul a { background-color: #e5e5e5; }
	#sidebar-first .menu ul ul a { background-color: #e5e5e5; }
	#sidebar-first .menu ul ul ul a { background-color: #e5e5e5; }
		
}


@media (min-width: 768px) and (max-width: 959px) {
	
	/* PRIMARY NAVIGATION */
	/* ----------------------------------------- */
	
	#navigation .menu {
		float: left;
		position: relative;
		margin: 0; padding: 0;
		width: 768px; height: 41px;
		background: url(../images/responsive/main-nav-tablet-2x.png) no-repeat;
		background-size: 50% auto;
		list-style: none;
	}
	
	#navigation .menu li { float: left; margin: 0; padding: 0; }
	
	#navigation .menu a {
		position: absolute;
		display: block;
		height: 41px;
		background: url(../images/responsive/main-nav-tablet-2x.png) no-repeat;
		background-size: 768px auto;
		font-size: 0%;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#navigation .menu li.menu-mlid-520 a { left: 0; width: 66px; background-position: 0 0; }
	#navigation .menu li.menu-mlid-496 a { left: 66px; width: 104px; background-position: -66px 0; }
	#navigation .menu li.menu-mlid-497 a { left: 170px; width: 102px; background-position: -170px 0; }
	#navigation .menu li.menu-mlid-697 a { left: 272px; width: 92px; background-position: -272px 0; }
	#navigation .menu li.menu-mlid-500 a { left: 364px; width: 126px; background-position: -364px 0; }
	#navigation .menu li.menu-mlid-2793 a { left: 490px; width: 146px; background-position: -490px 0; }
	#navigation .menu li.menu-mlid-780 a { left: 636px; width: 130px; background-position: -636px 0; }
	
	#navigation .menu li.menu-mlid-520 a:hover, #navigation .menu li.menu-520 a:focus { background-position: 0 -41px; }
	#navigation .menu li.menu-mlid-496 a:hover, #navigation .menu li.menu-496 a:focus { background-position: -66px -41px; }
	#navigation .menu li.menu-mlid-497 a:hover, #navigation .menu li.menu-497 a:focus { background-position: -170px -41px; }
	#navigation .menu li.menu-mlid-697 a:hover, #navigation .menu li.menu-697 a:focus { background-position: -272px -41px; }
	#navigation .menu li.menu-mlid-500 a:hover, #navigation .menu li.menu-500 a:focus { background-position: -364px -41px; }
	#navigation .menu li.menu-mlid-2793 a:hover, #navigation .menu li.menu-924 a:focus { background-position: -490px -41px; }
	#navigation .menu li.menu-mlid-780 a:hover, #navigation .menu li.menu-780 a:focus { background-position: -636px -41px; }
	
	#navigation .menu li.menu-mlid-520 a.active { background-position: 0 -82px; }
	#navigation .menu li.menu-mlid-496 a.active { background-position: -66px -82px; }
	#navigation .menu li.menu-mlid-497 a.active { background-position: -170px -82px; }
	#navigation .menu li.menu-mlid-697 a.active { background-position: -272px -82px; }
	#navigation .menu li.menu-mlid-500 a.active { background-position: -364px -82px; }
	#navigation .menu li.menu-mlid-2793 a.active { background-position: -490px -82px; }
	#navigation .menu li.menu-mlid-780 a.active { background-position: -636px -82px; }
	
	#navigation .menu li.menu-mlid-520.active-trail a { background-position: 0 -82px; }
	#navigation .menu li.menu-mlid-496.active-trail a { background-position: -66px -82px; }
	#navigation .menu li.menu-mlid-497.active-trail a { background-position: -170px -82px; }
	#navigation .menu li.menu-mlid-697.active-trail a { background-position: -272px -82px; }
	#navigation .menu li.menu-mlid-500.active-trail a { background-position: -364px -82px; }
	#navigation .menu li.menu-mlid-2793.active-trail a { background-position: -490px -82px; }
	#navigation .menu li.menu-mlid-780.active-trail a { background-position: -636px -82px; }
	
	
	/* QUICK LINKS */
	/* ----------------------------------------- */
	
	#cta-linkBoxes {
		position: relative;
		margin: 0; padding: 0;
		width: 766px; height: 51px;
		list-style: none;
		border-bottom: 1px solid #b0b0b0;
	}
	
	#cta-linkBoxes li { float: left; }
	
	#cta-linkBoxes a {
		position: absolute;
		display: block;
		margin: 0; padding: 0;
		top: 0;
		height: 51px;
		background: url(../images/responsive/linkBoxes-tablet-2x.png) no-repeat;
		background-size: 766px auto;
		text-indent: -9999px;
		font-size: 1%;
		overflow: hidden;
	}
	
	#cta-linkBoxes #cta-linkBox01 a { left: 0; width: 148px; background-position: 0 0; }
	#cta-linkBoxes #cta-linkBox02 a { left: 148px; width: 158px; background-position: -148px 0; }
	#cta-linkBoxes #cta-linkBox03 a { left: 306px; width: 171px; background-position: -306px 0; }
	#cta-linkBoxes #cta-linkBox04 a { left: 477px; width: 145px; background-position: -477px 0; }
	#cta-linkBoxes #cta-linkBox05 a { left: 622px; width: 144px; background-position: -622px 0; }
	
	#cta-linkBoxes #cta-linkBox01 a:hover, #cta-linkBoxes #cta-linkBox01 a:focus { background-position: 0 -51px; }
	#cta-linkBoxes #cta-linkBox02 a:hover, #cta-linkBoxes #cta-linkBox02 a:focus { background-position: -148px -51px; }
	#cta-linkBoxes #cta-linkBox03 a:hover, #cta-linkBoxes #cta-linkBox03 a:focus { background-position: -306px -51px; }
	#cta-linkBoxes #cta-linkBox04 a:hover, #cta-linkBoxes #cta-linkBox04 a:focus { background-position: -477px -51px; }
	#cta-linkBoxes #cta-linkBox05 a:hover, #cta-linkBoxes #cta-linkBox05 a:focus { background-position: -622px -51px; }
	
	
	/* SIDEBAR FIRST */
	/* ----------------------------------------- */
	
	#sidebar-first .menu {
		width: 175px;
	}

}


@media (min-width: 960px) {
	
	/* PRIMARY NAVIGATION */
	/* ----------------------------------------- */
	
	#navigation .menu {
		float: left;
		position: relative;
		margin: 0; padding: 0;
		width: 100%; height: 41px;
		background: url(../images/responsive/main-nav-2x.png) no-repeat;
		background-size: 960px auto;
		list-style: none;
	}
	
	#navigation .menu li { float: left; margin: 0; padding: 0; }
	
	#navigation .menu li.menu-431, #navigation .menu li.menu-546, #navigation .menu li.menu-2253, #navigation .menu li.menu-5039 { display: none; }
	
	#navigation .menu a {
		position: absolute;
		display: block;
		height: 41px;
		background: url(../images/responsive/main-nav-2x.png) no-repeat;
		background-size: 960px 123px;
		font-size: 0%;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#navigation .menu li.menu-mlid-520 a { left: 0; width: 84px; background-position: 0 0; }
	#navigation .menu li.menu-mlid-496 a { left: 84px; width: 133px; background-position: -84px 0; }
	#navigation .menu li.menu-mlid-497 a { left: 217px; width: 133px; background-position: -217px 0; }
	#navigation .menu li.menu-mlid-697 a { left: 350px; width: 118px; background-position: -350px 0; }
	#navigation .menu li.menu-mlid-500 a { left: 468px; width: 158px; background-position: -468px 0; }
	#navigation .menu li.menu-mlid-2793 a { left: 626px; width: 177px; background-position: -626px 0; }
	#navigation .menu li.menu-mlid-780 a { left: 803px; width: 157px; background-position: -803px 0; }
	
	#navigation .menu li.menu-mlid-520 a:hover, #navigation .menu li.menu-520 a:focus { background-position: 0 -41px; }
	#navigation .menu li.menu-mlid-496 a:hover, #navigation .menu li.menu-496 a:focus { background-position: -84px -41px; }
	#navigation .menu li.menu-mlid-497 a:hover, #navigation .menu li.menu-497 a:focus { background-position: -217px -41px; }
	#navigation .menu li.menu-mlid-697 a:hover, #navigation .menu li.menu-697 a:focus { background-position: -350px -41px; }
	#navigation .menu li.menu-mlid-500 a:hover, #navigation .menu li.menu-500 a:focus { background-position: -468px -41px; }
	#navigation .menu li.menu-mlid-2793 a:hover, #navigation .menu li.menu-924 a:focus { background-position: -626px -41px; }
	#navigation .menu li.menu-mlid-780 a:hover, #navigation .menu li.menu-780 a:focus { background-position: -803px -41px; }
	
	#navigation .menu li.menu-mlid-520 a.active { background-position: 0 -82px; }
	#navigation .menu li.menu-mlid-496 a.active { background-position: -84px -82px; }
	#navigation .menu li.menu-mlid-497 a.active { background-position: -217px -82px; }
	#navigation .menu li.menu-mlid-697 a.active { background-position: -350px -82px; }
	#navigation .menu li.menu-mlid-500 a.active { background-position: -468px -82px; }
	#navigation .menu li.menu-mlid-2793 a.active { background-position: -626px -82px; }
	#navigation .menu li.menu-mlid-780 a.active { background-position: -803px -82px; }
	
	#navigation .menu li.menu-mlid-520.active-trail a { background-position: 0 -82px; }
	#navigation .menu li.menu-mlid-496.active-trail a { background-position: -84px -82px; }
	#navigation .menu li.menu-mlid-497.active-trail a { background-position: -217px -82px; }
	#navigation .menu li.menu-mlid-697.active-trail a { background-position: -350px -82px; }
	#navigation .menu li.menu-mlid-500.active-trail a { background-position: -468px -82px; }
	#navigation .menu li.menu-mlid-2793.active-trail a { background-position: -626px -82px; }
	#navigation .menu li.menu-mlid-780.active-trail a { background-position: -803px -82px; }
	
	
	/* QUICK LINKS */
	/* ----------------------------------------- */
	
	#cta-linkBoxes {
		position: relative;
		margin: 0; padding: 0;
		width: 711px; height: 51px;
		list-style: none;
	}
	
	#cta-linkBoxes li { float: left; }
	
	#cta-linkBoxes a {
		position: absolute;
		display: block;
		margin: 0; padding: 0;
		top: 0;
		height: 51px;
		background: url(../images/linkBoxes-2x.png) no-repeat;
		background-size: 711px 102px;
		text-indent: -9999px;
		font-size: 1%;
		overflow: hidden;
	}
	
	#cta-linkBoxes #cta-linkBox01 a { left: 0; width: 143px; background-position: 0 0; }
	#cta-linkBoxes #cta-linkBox02 a { left: 143px; width: 142px; background-position: -143px 0; }
	#cta-linkBoxes #cta-linkBox03 a { left: 285px; width: 142px; background-position: -285px 0; }
	#cta-linkBoxes #cta-linkBox04 a { left: 427px; width: 142px; background-position: -427px 0; }
	#cta-linkBoxes #cta-linkBox05 a { left: 569px; width: 142px; background-position: -569px 0; }
	
	#cta-linkBoxes #cta-linkBox01 a:hover, #cta-linkBoxes #cta-linkBox01 a:focus { background-position: 0 -51px; }
	#cta-linkBoxes #cta-linkBox02 a:hover, #cta-linkBoxes #cta-linkBox02 a:focus { background-position: -143px -51px; }
	#cta-linkBoxes #cta-linkBox03 a:hover, #cta-linkBoxes #cta-linkBox03 a:focus { background-position: -285px -51px; }
	#cta-linkBoxes #cta-linkBox04 a:hover, #cta-linkBoxes #cta-linkBox04 a:focus { background-position: -427px -51px; }
	#cta-linkBoxes #cta-linkBox05 a:hover, #cta-linkBoxes #cta-linkBox05 a:focus { background-position: -569px -51px; }
	
}