/* Vert : #8CBE41 /* /* Bleu NCC: #005ca1 */
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Sans:400,400italic,700,700italic);


Theme Name: CES-NCC
Theme URI: http://www.scottbuckingham.com
Author: Scott Buckingham Media
Author URI: http://www.scottbuckingham.com
Description: Custom theme for CES-NCC
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: sbmedia
*/
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	/*overflow: auto;*/
}
body {
	font-family: 'PT Sans', sans-serif;
	color: #1d1d1d;
	font-size: 80%;
	line-height: 1.6em;
	background-color: #f7f7f7;
	min-width: 320px;
}
* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
a:link, a:visited {
	color: #8CBE41;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #3c8dca;
	text-decoration: none;
}
a:active {
	color: #002166;
}
a img {
	border: none;
}
.assistive-text {
	display: none;
}
#page {
	position: relative;
	padding: 0 12px;
	max-width: 1024px;
	margin: 0 auto;
}
#page > header {
	overflow: visible;
	margin: 0 auto;
	padding: 1em 0 0 0;
	width: 100%;
}



/**
 * Logo
 */
.logo {
	/*float: left;*/
	display: inline-block;
	width: 188px;
}

	.logo img {
		width: 100%;
		height: auto;
	}


/**
 * Menu Toggle
 */
.js-toggle-nav {
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 10px;
	width: 50px;
	height: 50px;
	padding: 8px;

	border: 0;

	background-color: transparent;

	overflow: hidden;
	cursor: pointer;
}

.js-toggle-nav:hover,
.js-toggle-nav.is-active {
	/*background-color: #8CBE41;*/
}

	.js-toggle-nav .bar {
		position: relative;
		display: block;
		margin-bottom: 4px;
		width: 100%;
		height: 5px;

		top: 2px;

		background-color: #666;
	}

	.js-toggle-nav:hover .bar,
	.js-toggle-nav.is-active .bar {
		background-color: #8CBE41;
	}

	.js-toggle-nav .label {
		display: none;
	}



/**
 * Social Navigation
 */
.social-nav {
	float: right;
	margin: 18px 0 0 0;
	padding: 0;
	list-style-type: none;
}

	.social-nav li {
		display: block;
	}

		.social-nav a {
			display: block;
			padding: 12px 0;
			border-top: 1px solid #eee;
			width: 37px;

			text-align: center;

			background-color: #fff;

			-webkit-transition: all 0.2s ease;
			   -moz-transition: all 0.2s ease;
			     -o-transition: all 0.2s ease;
			        transition: all 0.2s ease;
		}

		.social-nav li:first-child a {
			border-top: 0;
		}

		.social-nav a:link,
		.social-nav a:visited {
			color: #8CBE41;
			text-decoration: none;
		}
		.social-nav a:hover,
		.social-nav a:focus {
			border-top-color: #8CBE41;

			color: #fff;
			text-decoration: none;

			background-color: #8CBE41;
		}


/*#page > header h1 {
	float: left;
	display: inline-block;
	width: 305px;
	height: 75px;
}*/
/*#page > header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url('images/ces-logo-en.png') no-repeat center left;
	text-indent: -5000px;
	overflow: hidden;
	text-decoration: none;
}*/
html[lang="fr-FR"] #page > header h1 a {
	background-image: url('images/ces-logo-fr.png');
}
/*#page > header .menu {
	display: table;
	width: 100%;
	padding: 0;
}
#page > header .menu li {
	display: table-cell;
	width: 33.333%;
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
}
#page > header .menu li a {
	display: block;

	padding: 20px;
	border-left: 1px solid #eee;

	color: #000;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;

	background-color: #fff;

	-webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s ease;
	   -moz-transition: color 0.2s, background-color 0.2s, border-color 0.2s ease;
	     -o-transition: color 0.2s, background-color 0.2s, border-color 0.2s ease;
	        transition: color 0.2s, background-color 0.2s, border-color 0.2s ease;
}
#page > header .menu li:first-child a {
	border-left: 0;
}
#page > header .menu li a:hover {
	border-color: #8CBE41;

	color: #fff;
	text-decoration: none;

	background-color: #8CBE41;
}
#page > header .menu li.current-menu-item a {
	font-weight: bold;
}*/
#site-navigation {
	display: none;
	position: absolute;
	z-index: 99999;
	top: 139px;
	left: 0;
	width: 100%;
	padding: 0 12px;

	font-size: 1.2em;
	text-align: center;
}
#site-navigation ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	background-color: #8CBE41;
}
#site-navigation ul li {
	position: relative;
}

#site-navigation > ul > li, #site-navigation > ul > li.current-menu-item, #site-navigation > ul > li.current-menu-ancestor, .single-latest_news #site-navigation > ul > #menu-item-20, .single-latest_news #site-navigation > ul > #menu-item-271 {
	border-color: #00599c;
	font-size: 1.2em;
}
#site-navigation > ul > li:hover, #site-navigation > ul > li.current-menu-item, #site-navigation > ul > li.current-menu-ancestor, .single-latest_news #site-navigation > ul > #menu-item-20, .single-latest_news #site-navigation > ul > #menu-item-271 {
	border-color: #00599c;
}
#site-navigation ul a {
	color: #fff;
	padding: 20px;
	display: block;
	text-decoration: none;
	background-color: #8CBE41;
	white-space: nowrap;
	text-align: center;

	border-top: 1px solid #0070b6;
	border-bottom: 1px solid #004287;

	-webkit-transition: color 0.2s, background-color 0.2s, border 0.2s ease;
	   -moz-transition: color 0.2s, background-color 0.2s, border 0.2s ease;
	     -o-transition: color 0.2s, background-color 0.2s, border 0.2s ease;
	        transition: color 0.2s, background-color 0.2s, border 0.2s ease;
}


/**
 * Mini nav
 */
#menu-mini-nav {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
}

	#menu-mini-nav li {
		display: table-cell;
		width: 33%;
		height: 50px;
		border-left: 1px solid #ddd;
	}
	#menu-mini-nav li:first-child {
		border-left: 0;
	}

	/**
	 * Icons
	 */
	#menu-mini-nav .icon-facebook,
	#menu-mini-nav .icon-linkedin,
        #menu-mini-nav .icon-twitter {
		width: 50px;
		overflow: hidden;
		text-indent: 100%;
		background-color: #fff;
	}

		#menu-mini-nav .icon-facebook a,
		#menu-mini-nav .icon-linkedin a,
		#menu-mini-nav .icon-twitter a {
			/*display: inline-block;*/
			width: 50px;
			height: 50px;
			margin: 0 auto;
			background: #fff url('images/sprites.png') 0 0 no-repeat;
		}

		#menu-mini-nav .icon-facebook a:link,
		#menu-mini-nav .icon-facebook a:visited { background-position: 0 0; }
		#menu-mini-nav .icon-facebook a:hover,
		#menu-mini-nav .icon-facebook a:focus   { background-position: 0 -50px; }

		#menu-mini-nav .icon-linkedin a:link,
		#menu-mini-nav .icon-linkedin a:visited { background-position: -50px 0; }
		#menu-mini-nav .icon-linkedin a:hover,
		#menu-mini-nav .icon-linkedin a:focus   { background-position: -50px -50px; }

		#menu-mini-nav .icon-twitter a:link,
		#menu-mini-nav .icon-twitter a:visited { background-position: -100px 0; }
		#menu-mini-nav .icon-twitter a:hover,
		#menu-mini-nav .icon-twitter a:focus   { background-position: -100px -50px; }

#menu-mini-nav a {
	display: block;
	height: 50px;
	padding: 14px 8px;
	/*border-top-color: #ddd;
	border-bottom-color: #fff;
	border-left: 1px solid #ddd;*/

	color: #333;
	font-family: 'Open Sans';
	/*font-size: 0.8em;*/
	/*font-weight: 300;*/
	text-align: center;

	background-color: #fff;
}

#menu-mini-nav li:first-child a {
	border-left: 0;
}

#menu-mini-nav a:link,
#menu-mini-nav a:visited {
	color: #333;
	text-decoration: none;
}

#menu-mini-nav a:hover,
#menu-mini-nav a:focus {
	border-color: #8CBE41;
	color: #fff;
	background-color: #8CBE41;
}

#site-navigation > ul > li:hover > a, #site-navigation > ul > li.current-menu-item > a, #site-navigation > ul > li.current-menu-ancestor > a, .single-latest_news #site-navigation > ul > #menu-item-20 > a, .single-latest_news #site-navigation > ul > #menu-item-271 > a {
	background-color: #004287;
	border-top-color: #004287;
}
#site-navigation ul ul {
	display: none;
	/*top: 100%;*/
	/*left: 0;*/
	/*margin: 0 0 0 -30px;*/
/*padding: 0 30px 30px 30px;*/
	/*position: absolute;*/
	/*-webkit-transition: opacity 200ms linear;
	-moz-transition: opacity 200ms linear;
	-ms-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	transition: opacity 200ms linear;*/
}
#site-navigation ul li:hover ul {
	/*display: block;*/
}
#site-navigation ul ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: rgba(0,92,161,0.9);
}
#site-navigation ul ul li a {
	color: #fff;
	padding: 10px 30px;
	display: block;

	font-family: 'Open Sans';
	font-weight: 300;
	text-decoration: none;
	/*text-align: center;*/
	white-space: nowrap;

	border-top-color: #1e74b5;
	border-bottom-color: #1e74b5;

	background-color: #1e74b5;

	-webkit-transition: color 0.2s, background-color 0.2s, border-color ease;
	   -moz-transition: color 0.2s, background-color 0.2s, border-color ease;
	     -o-transition: color 0.2s, background-color 0.2s, border-color ease;
	        transition: color 0.2s, background-color 0.2s, border-color ease;
}
#site-navigation ul ul li a:hover,
#site-navigation ul ul li a:focus,
#site-navigation ul ul .current-menu-item a {
	border-top-color: #17639c;
	border-bottom-color: #17639c;
	background-color: #17639c;
}
#site-subnavigation {
	display: none;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
}
#site-subnavigation a {
	display: block;
	padding: 5px 0;
	font-weight: normal;
}
#banners {
	overflow: hidden;
	position: relative;
}
.home #banners {
	position: relative;
	padding-top: 35.4%;
	width: 100%;
	background-color: #000;
}
#banners img {
	display: block;
	width: 100%;
	height: auto;
}
#banners ul {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
#banners ul li {
	position: absolute;
	top: 0;/*display: none;*/
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	height: 100%;
}
#banners ul li.active {
	/*display: block;*/
	z-index: 2;
}
#banners ul li a {
	display: block;
	text-decoration: none;
	color: #000;
}
#banners ul li h2 {
	position: absolute;
	left: 0;
	top: 20%;
	/*bottom: 0;*/
	/*width: 100%;*/
	margin: 0;
	/*padding: 20px 30px;*/
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	/*font-size: 1.6em;*/
	font-size: 1.2em;
	/*line-height: 1.9em;*/
	line-height: 1.2;
	font-family: 'PT Sans', sans-serif;
	/*max-width: 500px;*/
	font-weight: 400;
	text-align: center;
}
#banners .navigation {
	display: none;
	position: absolute;
	width: auto;
	height: auto;
	top: auto;
	left: auto;
	bottom: 10px;
	right: 10px;
	z-index: 999;
	background-color: transparent;
}
#banners .navigation > li {
	width: auto;
	height: auto;
	position: relative;
	float: left;
	margin-left: 10px;
	/*margin-left: 5px;*/
}
#banners .navigation > li > a {
	display: block;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color: #ddd;
	background-color: rgba(255, 255, 255, 0.7);
}
#banners .navigation > li > a:hover, #banners .navigation > li > a:focus {
	background-color: #eee;
	background-color: rgba(255, 255, 255, 0.9);
}
#banners .navigation > .active > a {
	background-color: #fff;
	cursor: default;
}
#tagline {
	/* background-color: #8CBE41; */
	background-color: #000;
	color: #fff;
	padding: 20px;
	/*font-size: 1.6em;*/
	font-size: 1.9em;
	text-align: center;
	font-family: 'PT Sans', serif;
}
#main {
	clear: both;
	overflow: auto;
	height: auto;
	background-color: #fff;
}
#main .callouts {
	overflow: auto;
	margin: 0 auto;
	/*padding: 70px 40px;*/
	padding: 12px;
}
#main .callouts aside {
	/*width: 50%;*/
	/*float: left;*/
	/*padding: 0 50px;*/
	padding: 0 12px 12px;
	border-top: 1px solid #eee;
	font-size: 1.2em;
	line-height: 1.6em;
}
#main .callouts aside:first-child {
	border-top: 0;
}
#main .callouts aside:nth-child(3) {
	clear: left;
}
#main .callouts aside h3 {
	/*margin-top: 0;*/
	margin-left: -50px;
	background: transparent no-repeat center left;
	font-family: 'PT Sans Narrow', serif;
	font-weight: 700;
	font-size: 1.7em;
	padding: 5px 0 5px 50px;
}
#main .callouts #text_icl-4 h3,
#main .callouts #text_icl-12 h3 {
	background-image: url('images/icon-about.png');
}
#main .callouts .widget--news h3 {
	background-image: url('images/icon-news.png');
}
.rss-icon {
	padding-left: 18px;
	background: transparent url('images/rss.png') left center no-repeat;
}
#main .callouts #text_icl-6 h3,
#main .callouts #text_icl-13 h3 {
	background-image: url('images/icon-pd.png');
}
#main .callouts #text_icl-7 h3,
#main .callouts #text_icl-14 h3 {
	background-image: url('images/icon-networking.png');
}
#main .callouts a {
	color: #3485ba1;
	text-decoration: none;
}
#main .callouts a:hover {
	opacity: 0.8;
}
#main .callouts ul {
	margin: 0;
	padding: 0;
}
#main .callouts ul li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
#main .callouts span.title {
	font-weight: bold;
	display: block;
	color: #8CBE41;
}
#main .callouts span.date {
	display: block;
	font-size: 0.8em;
}
#primary {
	/*float: left;*/
	/*width: 70%;*/
	/*padding: 45px 3%;*/
	padding: 24px;
}
#primary h1.entry-title {
	margin-top: 0;
	font-size: 2.5em;
	line-height: 1.2em;
	font-family: 'PT Sans', serif;
	text-transform: uppercase;
}
#primary .entry-content {
	font-size: 1.3em;
	line-height: 1.6em;
}
#primary .entry-content h2 {
	color: #8CBE41;
	font-family: 'PT Sans Narrow', serif;
}
#secondary {
	/*float: right;*/
	border-left: 1px solid #e5e5e5;
	background-color: #f3f3f3;
	padding: 45px 3%;
	min-height: 100%;
	text-align: center;
	/*width: 30%;*/
}
#secondary aside {
	display: inline-block;
	margin: 0 auto 22px auto;
	width: 100%;
	text-align: center;
}
/*#secondary .widget_text_icl a {
display: block;
width: 100%;
height: auto;
padding: 45px 10px;
color: #fff;
text-align: center;
text-decoration: none;
background: transparent url('images/sidebar-volunteer.jpg') no-repeat center top;
background-size: cover;
overflow: hidden;
}
#secondary #text_icl-3 a {
background-image: url('images/sidebar-joinus.jpg');
}*/
#secondary .volunteer a, #secondary .joinus a {
	display: inline-block;
	width: 100%;
	max-width: 238px;
	max-height: 130px;
	padding: 45px 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: transparent url('images/sidebar-volunteer.jpg') no-repeat center top;
	background-size: cover;
	overflow: hidden;
}
#secondary .volunteer a {
	background-image: url('images/sidebar-volunteer.jpg');
}
#secondary .joinus a {
	background-image: url('images/sidebar-joinus.jpg');
}
/*#secondary .widget_text_icl a {
color: #fff;
text-decoration: none;
display: block;
overflow: auto;
width: 100%;
height: 100%;
}*/
#secondary .volunteer h3, #secondary .joinus h3 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1.5em;
}
#secondary .volunteer p, #secondary .joinus p {
	margin: 0;
}
#secondary #sidebar-navigation {
	font-family: 'PT Sans Narrow', serif;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.3em;
}
#secondary #sidebar-navigation a {
	color: #565656;
	text-decoration: none;
}
#secondary #sidebar-navigation ul {
	font-weight: 400;
	font-size: 0.8em;
	color: #363636;
}
#page > footer {
	clear: both;
}
#page > footer .callouts {
	background-color: #fff;
	padding: 25px;
	margin: 0;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	overflow: auto;
	font-size: 1em;
	/*text-align: center;*/
}
#page > footer .callouts > div {
	/*max-width: 910px;*/
	margin: 0 auto;
	overflow: auto;
}
footer .callouts aside {
	/*float: left;*/
	/*width: 25%;*/
	/*border-left: 1px solid #eee;*/
	/*padding: 0 2.5%;*/
	/*padding: 10px 0;*/
	margin-bottom: 2em;
}
footer .callouts aside:first-child {
	/*padding-left: 0;*/
	border-left: none;/*width: 21%;*/
}
/*footer .callouts aside:last-child {
padding-right: 0;
width: 21%;
}*/
footer .callouts h3 {
	margin: 0 0 0.2em 0;
	font-weight: 700;
	font-family: 'PT Sans Narrow', serif;
	font-size: 1.2em;
	color: #8CBE41;
}
footer .callouts aside ul {
	margin: 0;
	padding: 0;
	/*border-top: 1px solid #eee;*/
}
footer .callouts aside ul li {
	margin: 0;
	/*padding: 2px 0;*/
	list-style: none;
}
footer .callouts aside ul li a {
	display: block;
	padding: 4px 0;
	color: #000;
	text-decoration: none;
}
footer .callouts aside ul li a:hover {
	text-decoration: underline;
}
#page > footer .copyright {
	text-align: center;
	padding: 10px;
}

#page > footer .fb-like {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

#page > footer .fb-like + p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}



/**
 * Media Queries
 */
@media screen and (min-width: 768px) {

	.logo {
		float: left;
		/*display: inline-block;*/
		width: auto;
	}

	.js-toggle-nav {
		display: none;
	}

	#site-navigation {
		display: block;
		position: relative;
		top: auto;
		padding: 0;

		background-color: transparent;
	}

	#menu-mini-nav {
		float: right;
		width: auto;
		margin-top: 3em;
	}

		#menu-mini-nav li {
			width: auto;
			height: auto;
			border: 0;
		}

			#menu-mini-nav a {
				margin: 0 0.5em;
				padding: 4px;
				border: 0;
				height: auto;
				/*border-left: 1px solid #ddd;*/
				background-color: transparent;
			}
			#menu-mini-nav a:hover,
			#menu-mini-nav a:focus {
				color: inherit;
				text-decoration: underline;
				background-color: inherit;
			}

			#menu-mini-nav .icon-facebook,
			#menu-mini-nav .icon-linkedin,
			#menu-mini-nav .icon-twitter {
				width: auto;
				background-color: transparent;
			}

			#menu-mini-nav .icon-facebook a,
			#menu-mini-nav .icon-linkedin a,
			#menu-mini-nav .icon-twitter a {
				width: 30px;
				height: 30px;
				background-color: transparent;
			}

			#menu-mini-nav .icon-facebook a:link,
			#menu-mini-nav .icon-facebook a:visited,
			#menu-mini-nav .icon-facebook a:hover,
			#menu-mini-nav .icon-facebook a:focus {
				background-position: -10px -110px;
			}

			#menu-mini-nav .icon-linkedin a:link,
			#menu-mini-nav .icon-linkedin a:visited,
			#menu-mini-nav .icon-linkedin a:hover,
			#menu-mini-nav .icon-linkedin a:focus {
				background-position: -60px -110px;
			}

			#menu-mini-nav .icon-twitter a:link,
			#menu-mini-nav .icon-twitter a:visited,
			#menu-mini-nav .icon-twitter a:hover,
			#menu-mini-nav .icon-twitter a:focus {
				background-position: -110px -110px;
			}

	#site-navigation #menu-main-navigation {
		clear: both;
		margin: 1em 0 0 0;
		width: 100%;
		background-color: #8CBE41;
	}

		#site-navigation #menu-main-navigation li {
			position: relative;
			display: inline-block;
		}

			#site-navigation #menu-main-navigation a {
				padding: 14px 13px;
				border: 0;
			}

			#site-navigation #menu-main-navigation .sub-menu {
				display: none;
				position: absolute;
				top: 100%;
				left: 0;
				z-index: 99999;
				min-width: 100%;
				background-color: transparent;
			}

				#site-navigation #menu-main-navigation .sub-menu li {
					display: block;
					background-color: transparent;
				}

					#site-navigation #menu-main-navigation .sub-menu a {
						text-align: left;
						background-color: #1e74b5;
						background-color: rgba(30, 116, 181, 0.9);
					}
					#site-navigation #menu-main-navigation .sub-menu a:hover,
					#site-navigation #menu-main-navigation .sub-menu a:focus,
					#site-navigation #menu-main-navigation .sub-menu .current-menu-item a {
						background-color: #004287;
						background-color: rgba(0, 66, 135, 0.9);
					}

			#site-navigation #menu-main-navigation li:hover .sub-menu {
				display: block;
			}

		/*
		#site-navigation > ul > li {
			display: inline-block;
			vertical-align: top;
			width: auto;
		}

			#site-navigation > ul > li > a {
				padding: 12px;
				border: 0;
				border-bottom: 1px solid #004287;
				border-right: 1px solid #004287;
			}
			*/

	/*#site-navigation > ul > li:hover .sub-menu,
	#site-navigation > ul > li:focus .sub-menu {
		display: block;
	}*/

	/*#site-navigation ul ul {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
	}

		#site-navigation ul ul li a {
			padding: 12px 25px;
			text-align: left;

			background-color: inherit;
		}*/

	.social-nav {
		margin-top: 44px;
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #eee;
	}

		.social-nav li {
			margin-left: 5px;
			display: inline-block;
		}

			.social-nav a {
				display: block;
				padding: 5px;
				border-top: 0;
				width: auto;

				text-align: center;

				background-color: transparent;
			}

			.social-nav a:link,
			.social-nav a:visited {
				color: #333;
			}
			.social-nav a:hover,
			.social-nav a:focus {
				color: #8CBE41;
				background-color: transparent;
			}

	/*#page > header .menu {
		width: auto;
		float: right;
		margin: 47px 0 0 0;
	}

		#page > header .menu li a {
			margin-left :10px;
			padding: 0;
			border: 0;
			background-color: transparent;
		}

		#page > header .menu li a:hover,
		#page > header .menu li a:focus {
			color: #8CBE41;
			text-decoration: underline;
			background-color: transparent;
		}*/

	#banners .navigation {
		display: block;
	}

	#banners ul li h2 {
		max-width: 500px;
		padding: 20px 30px;
		font-family: 'PT Sans', sans-serif;
		font-size: 1.6em;
		text-align: left;
	}

	#tagline {
		font-size: 1.9em;
		line-height: 1.3;
	}

	#main .callouts {
		padding: 24px;
	}

		#main .callouts aside {
			float: left;
			width: 50%;

			padding: 0 50px;
			border: 0;
		}

	#secondary {
		text-align: left;
	}

	#secondary aside {
		/*display: inline-block;*/
		vertical-align: top;
		width: 30%;
		margin: 0 2% 2em 0;
		text-align: left;
	}

	footer .callouts aside {
		float: left;
		width: 25%;

		padding: 0 2.5%;
		border-left: 1px solid #eee;
	}

}



@media screen and (min-width: 992px) {

	#site-navigation ul {
		/*display: table;*/
		/*text-align: center;*/
	}

	#site-navigation #menu-main-navigation a {
		padding: 25px;
	}

		#site-navigation #menu-main-navigation > li {
			/*display: inline-block;*/
			/*width: auto;*/

			margin: -12px 4px 0;

			border-top: 12px solid #f7f7f7;
		}

		#site-navigation #menu-main-navigation > li:hover {
			border-top-color: #8CBE41;
		}

		#site-navigation #menu-main-navigation ul a {
			padding: 16px 25px;
		}

	#primary {
		float: left;
		width: 70%;
	}

	#secondary {
		float: right;
		width: 30%;
	}

		#secondary aside {
			width: 100%;
		}

}


/*
@media screen and (max-width: 720px) {
	#site-navigation {
		margin: 2% 0;
		padding: 0;
		overflow: visible;
		background-color: transparent;
	}
	#site-navigation > ul {
		display: block;
		margin: 0;
		overflow: auto;
	}
	#site-navigation > ul > li {
		float: left;
		margin: 0;
		width: 50%;
		border: 0;
	}
	#site-navigation ul li:hover ul {
		display: none;
	}
	#site-navigation > ul > li > a {
		display: block;
		padding: 20px;
		background-color: #8CBE41;
	}
	#site-navigation > ul > li:nth-child(2n) > a {
		border-left: 1px solid #024d86;
	}
	#site-navigation > ul > li:nth-child(n+3) > a {
		border-top: 1px solid #024d86;
	}
	#site-subnavigation {
		display: block;
	}
	#main .callouts {
		padding: 2.5%;
	}
	#main .callouts aside {
		float: none;
		width: auto;
		margin: 20px 0 40px;
	}
	#page > footer .callouts {
		padding: 2.5%;
	}
	#primary, #secondary {
		float: none;
		width: 100%;
		overflow: auto;
	}
	#secondary aside {
		margin: 0 20px 20px 0;
	}
	#secondary aside.widget {
		float: left;
	}
	footer .callouts {
		display: none;
	}

}


@media screen and (min-width: 720px) {

	#site-navigation > ul > li > a {
		padding: 10px;
	}

}



@media screen and (max-width: 600px) {
	#site-navigation > ul > li {
		width: 100%;
	}
	#site-navigation > ul > li:nth-child(n+2) > a {
		border-top: 1px solid #024d86;
	}
	#page > header h1 {
		float: none;
	}
	#page > header ul.menu {
		float: none;
		margin-top: 0;
		background-color: #fff;
		overflow: auto;
	}
	#page > header ul.menu > li {
		float: left;
		width: 33.33%;
		margin: 0;
	}
	#page > header ul.menu > li > a {
		display: block;
		text-align: center;
		padding: 20px;
		border-left: 1px solid #eee;
	}
	#page > header ul.menu > li:first-child > a {
		border-left: 0;
	}
	footer .callouts aside, footer .callouts aside:first-child, footer .callouts aside:last-child, footer .callouts aside:nth-child(n+3) {
		width: 100%;
		border: 0;
	}
	footer .callouts aside:nth-child(n+2) {
		border-top: 1px solid #eee;
	}
}


@media screen and (max-width: 481px) {
	#main .callouts aside {
		float: none;
		width: auto;
	}
}

*/


/**
* National News Shortcode
*/
.nationalnews p {
	margin: 0;
}
.nationalnews .title {
	margin: 15px 0 5px;
	font-weight: bold;
}
/**
* Comments
*/
.comments-area {
	margin-top: 2em;
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}
.comments-area label {
	display: block;
	font-weight: bold;
}
.comments-area textarea {
	width: 100%;
}
.comments-area input[type="submit"] {
	padding: 5px 15px;
	border: 1px solid #003569;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	background-color: #005da2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0071b6), to(#00478c));
	background-image: -webkit-linear-gradient(top, #0071b6, #00478c);
	background-image: -moz-linear-gradient(top, #0071b6, #00478c);
	background-image: -ms-linear-gradient(top, #0071b6, #00478c);
	background-image: -o-linear-gradient(top, #0071b6, #00478c);
	background-image: linear-gradient(to bottom, #0071b6, #00478c);
	-webkit-box-shadow: inset 0 1px 0 0 #0085c4;
	box-shadow: inset 0 1px 0 0 #0085c4;
	cursor: pointer;
}
.comments-area input[type="submit"]:hover, .comments-area input[type="submit"]:focus {
	background-color: #006bbb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0083cf), to(#0051a3));
	background-image: -webkit-linear-gradient(top, #0083cf, #0051a3);
	background-image: -moz-linear-gradient(top, #0083cf, #0051a3);
	background-image: -ms-linear-gradient(top, #0083cf, #0051a3);
	background-image: -o-linear-gradient(top, #0083cf, #0051a3);
	background-image: linear-gradient(to bottom, #0083cf, #0051a3);
}
.commentlist {
	list-style-type: none;
	padding-left: 0;
}
.children {
	list-style-type: none;
	padding-left: 4.5em;
}
.comment {
	margin: 2em 0;
}
.comment .avatar {
	float: left;
	margin-right: 1em;
}
.comment .fn {
	margin-right: 0.3em;
	color: #999;
}
.comment .fn:after {
	content: '\2013';
}
.comment-content, .reply {
	margin: 0.5em 0 0.5em 4.5em;
}
.comment-content > p {
	margin: 0.5em 0;
}
.emphasis {
	font-weight: bold;
	color: #1d1d1d;
}


/**
 * Clearfix
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}