#header {
		padding: 30px 30px 0.75em;
	}
	#header:after {
		content: '';
		clear: both;
		display: block;
	}
	#header .branding {
		float: left;
		*float: none; /* For IE7 */
	}
	#header .search {
		float: right;
	}
	#header .account {
		float: right;
	}
	#header nav.main {
		clear: both;
		width: 618px;
		float: left;
	}
	#header nav.secondary {
		width: 300px;
		float: right;
	}
	#header .search {
		border-radius: 0.25em;
	}

	#header nav.main {
		margin-top: 1.5em;
		background: #fe7805;
	}
	#header nav.secondary {
		background: #557eac;	
	}
	#header nav.main a,
	#header nav.secondary a {
		color: white;
	}
	
	.btn-navbar {
		display: none;
	}
	
	section.principles .video {
		margin: 1.5em 0 1em 1em;
		width: 420px;
		float: right;
	}

	/* TRICKY: The social buttons render strangly in
	WebKit with float:right, so use text alignment instead. */
	#header .social {
		clear: both;
		padding-top: 1em;
		text-align: right;
	}
	#header .social div {
		display: inline-block;
	}

	#header nav.main,
	#header nav.secondary {
		border-radius: 0.25em;
	}
	#crumbs,
	#content {
		overflow: auto;
		padding: 0 30px 30px;
	}
	#crumbs {
		overflow: visible;
		position: relative;
		padding-bottom: 1em;
	}
	#crumbs ul {
		margin: 0;
		position: relative;
	}
	.content-aside {
		width: 300px;
	}
	.content-main {
		float: left;
		width: 618px;
	}
	.footer-main {
		float: left;
		width: 400px;
	}

	.content-aside,
	.footer-aside {
		float: right;
	}

	#header nav.main > ul,
	#header nav.secondary > ul {
		display: table;
		width: 100%;
		margin: 0 auto;
		*display: block; /* For IE7 */
	}
	#header nav.main > ul > li,
	#header nav.secondary > ul > li {
		display: table-cell;
		text-align: center;
		*float: left; /* For IE7 */
	}

	#header nav.main > ul > li > a,
	#header nav.secondary > ul > li > a {
		padding: 0.25em 30px;
	}

	#header nav.main li ul,
	#header nav.secondary li ul {
		position: absolute;
		left: -9999px;
		z-index: 9999;
	}

	/* For IE 7/8 */
	#header nav.main a:hover {
		background: rgb(255, 154, 39);
	}
	#header nav.secondary a:hover {
		background: rgb(119, 150, 190);
	}

	#header nav.main a:hover,
	#header nav.secondary a:hover {
		background: rgba(255, 255, 255, 0.2);
	}
	#header nav.main li ul,
	#header nav.secondary li ul {
		background: rgba(235, 235, 235, 0.95);
		border-bottom-right-radius: 0.25em;
		border-bottom-left-radius: 0.25em;
		box-shadow: rgba(0, 0, 0, 0.25) 0 5px 5px;
	}
	#header nav.main li ul a,
	#header nav.secondary li ul a {
		color: rgba(0, 0, 0, 0.5);
	}
	#header nav.main li ul a:hover,
	#header nav.secondary li ul a:hover {
		background: rgba(255, 127, 0, 0.9);
		color: white;
	}
	#header nav.secondary li ul a:hover {
		background: rgba(85, 126, 172, 0.9);
	}
	/*
	#header nav.main li ul {
		background: rgba(255, 127, 0, 0.9);
	}
	#header nav.secondary li ul {
		background: rgba(85, 126, 172, 0.9);
	}
	*/
	#header nav.main li:hover ul,
	#header nav.secondary li:hover ul {
		left: auto;
	}
	
	#content .content-main .features .items,
	#content .content-main #staff_hero .items {
		height: 270px;
		overflow: hidden;
	}
	
	#content .content-main .features .graphic {
		width: 390px;
		height: 270px;
		float: left;
		position: relative;
		background: none;
		padding: 0;
		line-height: 1;
	}
	
	#content .content-main #staff_hero .graphic {
		width: 100%;
		float: left;
		position: relative;
		background: none;
		padding: 0;
		line-height: 1;
	}
	
	#content .content-main .features .desc {
		width: 196px;
		float: left;
		padding: 1em;
	}
	
	#content .content-main .features .graphic img {
		display: block;
		height: 270px;
	}
	
	#content .content-main .features .graphic::after,
	#content .content-main .features .graphic::before {
		content: none;
	}
			
	#content .content-main .features h2 {
		margin: 0 0 .5em;
		font-size: 1em;
		color: #fff;
	}
	
	#content .content-main .features .caption,
	#content .content-main .features .items a {
		font-size: .8em;
	}
	
	#content .content-main .features .caption {
		display: block;
		margin: 0;
	}
	
#footer {
	overflow: hidden;
}

@media (min-width:1020px) {
/*-----------------------------------------------
    Widescreen
  ----------------------------------------------- */
	body {
		padding: 0 0 50px;
		background-color: #efeed9;
	}


	/* =Layout
	----------------------------------------------- */
  #alert div,
	#header,
	#crumbs,
	#content,
	#footer {
		width: 960px;
	}

	

	#content {
		border-bottom-right-radius: 0.25em;
		border-bottom-left-radius: 0.25em;
	}
	#footer {
		border-radius: 0.25em;
		margin-top: 30px;
	}

	#footer {
		overflow: auto;
	}
	#footer .branding {
		float: right;
	}

	#content .mod {
		border-radius: 0.25em;
	}
	#content .mod h2 {
		border-top-right-radius: 0.25em;
		border-top-left-radius: 0.25em;
	}

	#content .tags,
	#content .events {
		width: 250px;
		float: left;
	}
	#content .events {
		float: right;
	}

	#content .tags,
	#content .events {
		border-radius: 0.25em;
	}
	
	
}

@media (max-width:992px) {
	#header nav.main, #header nav.secondary {
		float: left;
		width: auto;
	}
	
	#header nav.main > ul > li > a,
	#header nav.secondary > ul > li > a {
		padding: 5px 0;
	}
	
	#header nav.main {
		border-radius: .25em 0 0 .25em;
		width: 80%;
	}
	
	#header nav.secondary {
		border-radius: 0 .25em .25em 0;
		width: 20%;
	}
	
	#header nav.secondary > ul > li:first-child a {
		border-left: 3px solid rgba(255, 255, 255, 0.25);
	}
	
	.search {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.content-main {
		width: 100%;
	}
	
	.content-main #staff_hero {
		margin: 0 auto;
	}
	
	#staff_hero_background {
		background-color: #8AB52B;
		padding-top: 10px;
	}
	
	.features .items {
		background-color: #8ab52b;
	}
	
		#content .features .slides_control {
			left: auto !important;
			width: 618px !important;
			margin: 0 auto;
		}
	
		#content .features .items li {
			margin-left: auto;
			margin-right: auto;
			left: auto !important;
			width: 618px;
		}
	
	
	.content-aside {
		float: left;
		width: 100%;
	}
		
		#content .content-aside section {
			width: 48%;
			float: left;
			margin: 1%;
			padding: 0 0 .5em 0;
		}
		
			#content .content-aside .mod h2 {
				margin: 0;
			}
			
			#content .content-aside .mod ul {
				padding: 0 20px 20px;
			}
			
		#content .content-aside .mod ul {
				padding: 0 20px 20px;
			}
			
			#content .content-aside .mod .social_links {
				padding: 20px;
			}
			
			
			#content .content-aside .mod p,
			#content .content-aside .mod > li {
				margin: .5em 20px 0;
			}
			
		.content-aside .ad-sidebar {
			width: 100%;
			float: left;
			overflow: hidden;
			padding-left: 0;
			padding-right: 0;
			background: #fafafa;
		}
		
		.content-aside .ad-sidebar > p,
		.content-aside .ad-sidebar .ad-copy {
			float: left;
			padding: 0;
		}
		
		.content-aside .ad-sidebar > p {
			display: inline-block;
			margin: 0 10px;
		}
		
		.content-aside .ad-sidebar .ad-copy {
			/* width: 59%; */
		}
		
			.content-aside .ad-sidebar > a {
			display: block;
		}
}

@media (max-width:834px) {
	.footer-aside {
		float: left;
	}
}

@media (max-width:689px) {
	
	#alert {
		font-size: .9em;
	}
	#header {
		padding-left: 0;
		padding-right: 0;
	}
	
	#header nav.main {
		width: 75%;
	}
	
	#header nav.secondary {
		width: 25%;
	}
	
	#header nav.main,
	#header nav.secondary {
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	#content #newsletter-form {
		width: 100%;
		padding: 0;
		margin-right: 0;
	}
	
	#content #newsletter-form h2 {
		padding: 20px 20px 10px;
		margin: 0;
	}
	
	#content #newsletter-form form {
		padding: 20px;
		margin: 0;
	}
	
	#content .mod form .text input[type="text"] {
		width: 96%;
	}
	
}

@media (max-width:678px) {
/*	* {
		border: 1px solid red;
	}*/

	#home-page .content-main,
	#home-page #content {
		margin-top:0;
	}
	/*#home-page #header {
		padding-bottom: 0;
	}*/

	#home-page .graphic {
		height: 60% !important;
		width: 60%;
	}
	
	.content-main #staff_hero {
		width: 100%;
	}
	
	#staff_hero_background {
		padding-top: 0px;
	}

	.desc {
		width: 40%;
	}

	#home-page #content .features li {
		padding-bottom:0;
	}
		
}

@media (max-width:677px) {
	.content-main {
		width: 100%;
	}
	#content .content-main .features .graphic {
		width: 100%;
		float: none;
	}
	
	#content .content-main .features .graphic img {
		margin: 10px auto;
		height: auto !important;
	}
	
	#content .content-main .features .desc {
		width: 100%;
		float: none;
		padding: 0;
	}
	
		#content .content-main .features .desc h2 {
			padding: 1em 1em 0 1em;
		}
		
		#content .content-main .features .desc span {
			padding: 0 1em;
		}
		
		#content .content-main .features .desc a {
			padding: 0 1em 1em;
		}
		
	#content .content-main .features .items {
		overflow: visible !important;
		height: 100% !important;
		background-color: #8AB52B;
	}
	
	#content .features .slides_control {
		left: auto !important;
		width: 100% !important;
		/* height: 420px !important; */
	}
	
	.features .slides_control li {
		left: 0px !important;
		top: 0px !important;
		width: 100% !important;
		overflow: visible !important;
	}
	
	#content .content-main .features {
		height: 100% !important;
	}
	
	.content-aside {
		float: left;
		width: 100%;
	}
	
		.content-aside .quote {
			width: 100%;
			float: left;
			margin: 0 0 20px 0;
			padding: 0;
		}
		
		#content .content-aside section {
			width: 100%;
			float: left;
			padding-bottom: .5em;
		}
			#content .content-aside .mod h2 {
				margin: 0;
			}
			
			
		
		#content .content-aside .ad-sidebar {
			float: left;
			width: 100%;
			margin: 10px 0;
		}
}

@media (max-width:648px) {
	#staff_hero .slides_control li {
		width: 100%;
		left: 0 !important;
	}
	
		#staff_hero .slides_control li img {
			width: 100%;
			left: 0 !important;
		}
		
		#staff_hero .slides_control {
			left: auto !important;
			width: 100% !important;
		}
		
		
}

@media (max-width:553px) {
	#header h2.branding a img {
			width: 100%;
		}
}

/*-----------------------------------------------
    Tiny
  ----------------------------------------------- */
@media (max-width:499px) {
	#alert {
		font-size: .9em;
	}
	.search {
		display: none;
	}
	
	.btn-navbar {
		float: left;
		color: #fff;
		padding: 5px 8px;
		margin: 1em;
		display: block;
		cursor: pointer;
		font-weight: bold;
		-moz-border-radius: .25em;
		border-radius: .25em;
		background-color: #FE7805;
	}
	
		.btn-navbar:hover {
			text-decoration: none;
			background: rgb(255, 154, 39);
		}
	
	.nav-collapse {
		float: left;
		width: 100%;
	}
	
	#universal-toolbar {
		display: none;
	}
	#header nav.main,
	#header nav.secondary {
		background: transparent;
	}
	
	#header nav.main,
	#header nav.secondary {
		width: 100%;
		display: block;
		margin-top: 0;
	}
	
	#header nav.main {
		border-top: 2px solid rgba(0, 0, 0, 0.05);
	}
		
		#header nav.main ul,
		#header nav.secondary ul {
			display: block;
		}
		
			#header nav.main ul li,
			#header nav.secondary ul li {
				float: none;
				display: inline;
				text-align: left;
			}
			
				#header nav.main ul li a {
					color: #fe7805;
					padding-left: 1em;
				}
				
				#header nav.secondary ul li a {
					padding-left: 1em;
				}
			
				#header nav.main li ul {
					position: relative;
					left: auto;
					z-index: auto;
					background: transparent;
					border-bottom-right-radius: 0;
					border-bottom-left-radius: 0;
					box-shadow: none;
				}
				
					#header nav.main li ul li a {
						padding-left: 2.5em;
						color: rgba(0, 0, 0, 0.25);
						background-color: transparent;
					}
					
	#header nav.secondary > ul > li:first-child a {
		border-left: none;
	}
		
	.nav-collapse, .nav-collapse.collapse {
		height: 0;
		overflow: hidden;
	}
	
	#header nav.main a {
		border-bottom: 2px solid rgba(0, 0, 0, 0.05);
	}
	
	
	#header nav.secondary a {
		border-bottom: 2px solid rgba(0, 0, 0, 0.05);
		color: #557eac;
	}
	#header nav.main a,
	#header nav.secondary a {
		font-weight: bold;
	}
	#header nav.main ul ul a,
	#header nav.secondary ul ul a {
		padding-left: 2.5em;
		color: rgba(0, 0, 0, 0.25);
	}
	#header nav.secondary {
		margin-top: 0;
	}
	#crumbs {
		margin-top: 1.5em;
	}
	#header .branding,
	#crumbs,
	#content h1,
	.content-main > section,
	.content-main > article,
	.content-aside > section,
	#content .mod form,
	#disqus_thread  {
		padding-left: 20px;
		padding-right: 20px;
	}
	.content-main > .features {
		padding-left: 0;
		padding-right: 0;
	}
	#header .search {
		padding-left: 20px;
		padding-right: 20px;
	}
	#header .account {
		margin-left: 5px;
	}
	#header .social {
		margin-left: 20px;
	}
	#content {
		margin-top: 1.5em;
	}
	#content form {
		margin-left: -20px;
		margin-right: -20px;
	}
	#home-page #content .features li {
		padding-bottom: 20px;
	}
	/* #home-page #content .features li .caption, */
	#home-page #content .features li a {
		display: block;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	#home-page #content .features li .desc a {
		margin: 0;
	}
	
	#home-page #content .features li .caption {
		margin-top: 1em;
	}
	.graphic {
		max-width: 100%;
		width: auto;
	}
	#content .content-main .features .pagination {
		/* bottom: 0px; */
		display: none;
	}
	
	.slides_control {
		left: auto !important;
		width: 100% !important;
		height: 450px !important;
		background-color: #8AB52B;
	}
	
	#content .content-main #staff_hero .items {
		height: 180px !important;
	}
	
	
 	#content .content-main .features .graphic {
		padding: 0;
		margin: 0;
 	}
 	.graphic {
 		float: left;
 	}
 	#content .content-main .features {
 		padding: 0;
 		margin: 0;
 	}
	#footer {
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer-aside {
		margin-top: 1.5em;
	}
	
}