/*
 *
 *
 */

 /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
 /* access links
  * appear at the top of the page to provide text links for accessibility
  *
  */
 	#access-links {
		display: block;
		height: 0;
		overflow: hidden;
	 	}

 	#access-links a {
 		position: absolute;
 		top: -40px;
 		left: 0;
 		padding: 0.375em 1em;
 		color: #fff;
 		border-right: 1px solid #fff;
 		border-bottom: 1px solid #fff;
 		border-bottom-right-radius: 10px;
 		background: transparent;
 		-webkit-transition: top 1s ease-out, background 1s linear;
 		        transition: top 1s ease-out, background 1s linear;
 		z-index: 100;
 		font-size: 1em;
 		text-decoration: none;
 		}

 	#access-links a:focus {
 		position: absolute;
 		left: 0;
 		top: 0;
 		outline: 0;
 		background: #003082; /* heading color */
 		-webkit-transition: top .1s ease-in, background .5s linear;
 		transition: top .1s ease-in, background .5s linear;
 		text-decoration: none;
 		}

 /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

 /* // = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - */



 #link-nav-menu span[class^="icon-caret-"] {
	 display: inline-block;
	 margin-left: 10px;
 }

/* start with the small form factor display */

	#nav-site-a11y {
		display: none; /* it is hidden on page load */
	}

	/* = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - */

	#nav-site-a11y ul,
	#nav-site-a11y li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	/* = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - */

	#nav-site-a11y a {
		display: block;
		margin: 0;
		padding: 15px 0 10px 30px;
		color: #fff;
		border-top: 1px solid #fff; /* color: white */
		font-weight: bold;
		text-decoration: none;
	}

	#nav-site-a11y a:hover,
	#nav-site-a11y a:focus {
		text-decoration: underline;
	}

	#nav-site-a11y li.channel > a {
		color: #206051; /* color: caaspp green */
		background-color: #fff; /* color: white */
		position: relative;
	}

	#nav-site-a11y a[aria-haspopup]:after {
		font-family: 'font-awesome';
		content: "\f0d7";
		display: inline-block;
		margin: 0 20px 0 10px;
		position: absolute;
		right: 0;
	}

	#nav-site-a11y a[aria-haspopup][aria-expanded="true"] {
		background-color: #0f402e; /* color: caaspp dark green */
	}

	#nav-site-a11y a[aria-haspopup][aria-expanded="true"]:after {
		content: "\f0d8";
	}

	#nav-site-a11y [role="menubar"] > li > a:hover,
	#nav-site-a11y [role="menubar"] > li > a:focus {
		background-color: #0f402e; /* color: caaspp dark green */
	}

	#nav-site-a11y [role="menubar"] > li.channel a,
	#nav-site-a11y [role="menubar"] > li.channel a:hover,
	#nav-site-a11y [role="menubar"] > li.channel a:focus {
		color: #373737; /* color: caaspp menu anchor */
		background-color: #fff; /* color: white */
		border-top-color: #373737; /* color: caaspp menu anchor */
	}

	#nav-site-a11y [role="menubar"] > li.channel > a{
		border-top-color: #fff; /* color: white */
	}

	/* = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - */

	#nav-site-a11y [role="menubar"] div[id]{
		background-color: #ede1d2; /* color: caaspp menu background */
	}

	#nav-site-a11y [role="menubar"] div[id] ul a {
		color: #373737; /* color: caaspp menu anchor */
		padding-left: 50px;
	}

	#nav-site-a11y [role="menubar"] div[id] ul ul a {
		padding-left: 70px;
		font-weight: normal;
	}




/* enhance for larger form factor display */
@media only screen and (min-width: 750px) {

	#nav-site-a11y {
		display: block; /* show the nav */
		font-size: 14px; /* 2018-03-11 JLM changed from 12px to 14px */
	}

	#nav-site-a11y ul li {
		display: inline-block;
	}

	#nav-site-a11y a {
		display: inline-block;
		padding: 10px;
		border-top: 0;
		border-radius: 6px 6px 0 0;
		border: 1px solid transparent;
	}

	#nav-site-a11y [role="menubar"] > li.channel a,
	#nav-site-a11y [role="menubar"] > li.channel a:hover,
	#nav-site-a11y [role="menubar"] > li.channel a:focus {
		color: #373737; /* color: caaspp menu anchor */
		background-color: #fff; /* color: white */
		border-top: 0;
	}

	#nav-site-a11y a[aria-haspopup]:after {
		position: relative;
		margin: 0 0 0 10px;
		color: #fff; /* color: white */
	}

	#nav-site-a11y li.channel a[aria-haspopup]:after {
		color: #373737; /* color: caaspp menu anchor */
	}

	#nav-site-a11y a[aria-expanded="true"] {
		border: 1px solid #373737; /* color: caaspp menu anchor */
		border-bottom: 0;
	}

	#nav-site-a11y [role="menubar"] div[id] {
		position: absolute;
		z-index: 1;
		border: 1px solid #373737; /* color: caaspp menu anchor */
		border-top: 0;
		width: 225px /* 2018-03-11 JLM increased from 200px to 225px */
	}

	#nav-site-a11y [role="menubar"] div[id] li {
		display: block;
	}

	#nav-site-a11y [role="menubar"] div[id] li a {
		display: block;
		background-color: #CEDED8; /* color: caaspp menu background  was ede1d2*/
		padding-left: 10px;
		border-top: #373737; /* color: caaspp menu anchor */
		border-radius: 0;
	}

	#nav-site-a11y [role="menubar"] li.channel div[id] li a {
		background-color: #fff;
	}

	#nav-site-a11y [role="menubar"] div[id] li li a {
		padding-left: 30px;
	}

} /* end enhance for larger form factor display */