/* ============================================================================= 
		Styling colors for main pages
   ============================================================================= */
   
   /* General
   ---------------------------------------- */
   	#content a,
	#content h1, #content h3,
	#content .side-nav a:hover {
		color: #8B8178;
	}
		/*#content.about a:visited {
			color: #3F7218;
		}*/
	#content .top,
	#content .side-nav .active,
	#content a.button:hover {
		background-color: #8B8178;
		border-color: #8B8178;
	}
	
	#content th { background-color: #8B8178; font-weight: bold; }
	
	.ui-accordion-header { color: #008542; }
	
	/* Styling Callout Box */
	#content .callout { background-color: #A59D95; }
	#content .callout a, 
	#content.about .callout a, #content.academics .callout a, #content.innovation .callout a, #content.engage .callout a, #content.news .callout a { 
		color: #fff; 
	}
	#content .callout a:last-of-type:after { content: "  >>"; }
	
   /* Homepage
   ---------------------------------------- */
   #content.home .event p strong { color: #008542; display: inline-block; margin-top: 0.5em; }
	
   
@media (min-width: 30px) {
	
	/* About
	---------------------------------------- */
	.m-menu #about {
		background: url('../images/navigation/About-White.png') 8px center no-repeat scroll;
	}
		.m-menu #about.active, 
		.m-menu #about:active,
		.m-menu #about:hover{
			background: #ccc url('../images/navigation/About-Highlighted.png') 8px center no-repeat scroll;
			color: #69BE28;
		}
	#jonsson-nav .about-curr .sub-nav {
		border-color: #69BE28;
		background: #fff url('/websvcs/templates/engineering/images/sub-nav/sub-nav-01-about-bg.jpg') no-repeat center left scroll;
	}
	#jonsson-nav .about-curr.active a, 
	#content.about a,
	#content.about h1, #content.about h2, #content.about h3, #content.about h4,
	#content.about .side-nav a:hover,
	#content.about .color,
	#content.about .pcc, #content.about .pse,
	#content.about .ui-accordion-header {
		color: #48821C;
	}
	#content.about .top, 
	#content.about .side-nav .active,
	#content.about a.button:hover, #content.about button {
		background-color: #48821C;
		border-color: #69BE28;
	}
	
	/* Setting side-nav active link colors */
	#content.about .side-nav .active-subnav { color: #69BE28; }
	#content.about .side-nav .current, #content.about .side-nav .current-subnav { background-color: #48821C; color: white; }
	
	#content.about { border-color: #69BE28; }
	#content.about th { background-color: #69BE28; }
	
	/* Styling Callout Box */
	#content.about .callout, #content.about button:hover { background-color: #446A25; border-color: #85C454; }
	#content.about .right .share a { color: #FFF; font-weight: bold; text-decoration: underline;}
	
	
	/* Academics
	---------------------------------------- */
	.m-menu #academics {
		background: url('../images/navigation/Academics-White.png') 8px center no-repeat scroll;
	}
		.m-menu #academics.active, 
		.m-menu #academics:active,
		.m-menu #academics:hover{
			background: #ccc url('../images/navigation/Academics-Highlighted.png') 8px center no-repeat scroll;
			color: #E98300;
		}
	#jonsson-nav .academics-curr .sub-nav {
		border-color: #E98300;
		background: #fff url('/websvcs/templates/engineering/images/sub-nav/sub-nav-02-academics-bg.jpg') no-repeat center left scroll;
	}
	#jonsson-nav .academics-curr.active a,
	#content.academics a,
	#content.academics h1, #content.academics h2, #content.academics h3, #content.academics h4,
	#content.academics .side-nav a:hover,
	#content.academics .color,
	#content.academics .pcc, #content.academics .pse,
	#content.academics .ui-accordion-header {
		color: #AD6200;
	}
		/*#content.academics a:visited {
			color: #BA6900;
		}*/
	#content.academics .top,
	#content.academics .side-nav .active,
	#content.academics a.button:hover, #content.academics button {
		background-color: #AD6200;
		border-color: #E98300;
	}
	
	/* Setting side-nav active link colors */
	#content.academics .side-nav .active-subnav { color: #E98300; }
	#content.academics .side-nav .current, #content.academics .side-nav .current-subnav { background-color: #AD6200; color: white; }
	
	#content.academics th { background-color: #E98300; }
	
	/* Styling Callout Box */
	#content.academics .callout, #content.academics button:hover { background-color: #AD6200; border-color: #AD6200; }
	#content.academics .right .share a { color: #ED9C33; }
	
	/* Innovation
	---------------------------------------- */
	.m-menu #innovation {
		background: url('../images/navigation/Innovation-White.png') 8px center no-repeat scroll;
	}
		.m-menu #innovation.active, 
		.m-menu #innovation:active,
		.m-menu #innovation:hover{
			background: #ccc url('../images/navigation/Innovation-Highlighted.png') 8px center no-repeat scroll;
			color: #00A1DE;
		}
	#jonsson-nav .innovation-curr .sub-nav {
		border-color: #00A1DE;
		background: #aaa url('/websvcs/templates/engineering/images/sub-nav/sub-nav-03-research-big.jpg.png') no-repeat center left scroll;
	}
	#jonsson-nav .innovation-curr.active a,
	#content.innovation a,
	#content.innovation h1, #content.innovation h2, #content.innovation h3, #content.innovation h4,
	#content.innovation .side-nav a:hover,
	#content.innovation .color,
	#content.innovation .pcc, #content.innovation .pse,
	#content.innovation .ui-accordion-header {
		color: #007FAD;
	}
		/*#content.innovation a:visited {
			color: #00719B;
		}*/
	#content.innovation .top,
	#content.innovation .side-nav .active,
	#content.innovation a.button:hover, #content.innovation button {
		background-color: #007FAD;
		border-color: #00A1DE;
	}
	
	/* Setting side-nav active link colors */
	#content.innovation .side-nav .active-subnav { color: #00A1DE; }
	#content.innovation .side-nav .current, #content.innovation .side-nav .current-subnav { background-color: #007FAD; color: white; }
	
	#content.innovation th { background-color: #00A1DE; }
	
	/* Styling Callout Box */
	#content.innovation .callout, #content.innovation button:hover { background-color: #32B2E3; border-color: #32B2E3; }
	#content.innovation .right .share a { color: #FFF; font-weight: bold; text-decoration: underline;}
	
	/* Engage
	---------------------------------------- */
	.m-menu #engage {
		background: url('../images/navigation/Engage-White.png') 8px center no-repeat scroll;
	}
		.m-menu #engage.active, 
		.m-menu #engage:active,
		.m-menu #engage:hover{
			background: #ccc url('../images/navigation/Engage-Highlighted.png') 8px center no-repeat scroll;
			color: #008542;
		}
	#jonsson-nav .engage-curr .sub-nav {
		border-color: #008542;
		background: #fff url('/websvcs/templates/engineering/images/sub-nav/window-nav-04-engage.png') no-repeat center left scroll;
	}
	#jonsson-nav .engage-curr.active a,
	#content.engage a,
	#content.engage h1, #content.engage h2, #content.engage h3, #content.engage h4,
	#content.engage .side-nav a:hover,
	#content.engage .color,
	#content.engage .pcc, #content.engage .pse,
	#content.engage .ui-accordion-header {
		color: #007038;
	}
		/*#content.engage a:visited {
			color: #005D2E;
		}*/
	#content.engage .top,
	#content.engage .side-nav .active,
	#content.engage a.button:hover, #content.engage button {
		background-color: #007038;
		border-color: #008542;
	}
	
	/* Setting side-nav active link colors */
	#content.engage .side-nav .active-subnav { color: #008542; }
	#content.engage .side-nav .current, #content.engage .side-nav .current-subnav { background-color: #008542; color: white; }
	
	#content.engage th { background-color: #008542; }
	
	/* Styling Callout Box */
	#content.engage .callout, #content.engage button:hover { background-color: #008542; border-color: #009148; }
	#content.engage .right .share a { color: #00CC65; }
	
	/* News
	---------------------------------------- */	
	.m-menu #news {
		background: url('../images/navigation/News-White.png') 8px center no-repeat scroll;
	}
		.m-menu #news.active, 
		.m-menu #news:active,
		.m-menu #news:hover {
			background: #ccc url('../images/navigation/News-Highlighted.png') 8px center no-repeat scroll;
			color: #C75B12;
		}
	#jonsson-nav .news-curr .sub-nav {
		border-color: #C75B12;
		background: #fff url('/websvcs/templates/engineering/images/sub-nav/sub-nav-05-news-bg.jpg') no-repeat center left scroll;
	}
	#jonsson-nav .news-curr.active a,
	#content.news a,
	#content.news h1, #content.news h2, #content.news h3, #content.news h4,
	#content.news .side-nav a:hover,
	#content.news .color,
	#content.news .pcc, #content.news .pse,
	#content.news .ui-accordion-header {
		color: #BF5712;
	}
		/*#content.news a:visited {
			color: #9F490E;
		}*/
	#content.news .top,
	#content.news .side-nav .active,
	#content.news a.button:hover, #content.news button {
		background-color: #BF5712;
		border-color: #C75B12;
	}
	
	/* Setting side-nav active link colors */
	#content.news .side-nav .active-subnav { color: #C75B12; }
	#content.news .side-nav .current, #content.news .side-nav .current-subnav { background-color: #BF5712; color: white; }
	
	#content.news th { background-color: #C75B12; }
	
	/* Styling Callout Box */
	#content.news .callout, #content.news button:hover { background-color: #8D400C; border-color: #CC783F; }
	#content.news .right .share a { color: #CC783F; }
	
	#content.news .callout #accordion h4 { color: white; }
	
}

/* Overrides 
---------------------------------------- */

/* Sidenav */
	#content .side-nav .active-subnav { background-color: transparent; }
	#content .side-nav .current, #content .side-nav a.current:hover, #content .side-nav .current-subnav, #content .side-nav a.current-subnav:hover { color: white; }
		#content .side-nav .current:before, #content .side-nav .current-subnav:before { content: ">> "; }

/* Right Column */
	#content .callout { color: white; }
	#content .callout h1, #content .callout h2, #content .callout h3 { color: white; padding: 0 12px; }