@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Catamaran:100,700,300,500);

p, a, table, ul {
	font-family: 'Catamaran' !important;
}
body {
	background-color:#e7e7e7;
	font-size:1.2em;
	font-weight:300;	
}
#pageWrapper {
	width:100%;
	background:#fff;
	overflow:hidden;
}
a {
	color: #2a68b3;
	text-decoration:underline;
}
h1, h2, h3, h4 {
	color:#2a68b3;
	font-family: 'Catamaran' !important;
	line-height:1em;
	letter-spacing:-0.02em;
}
h1 {
	font-size:2em;
	font-weight:100;
	margin-bottom:0.8em;
}
h2 {
	font-size:1.6em;
	font-weight:100;
}
h3 {font-size:1.1em;
font-weight:700;
}
h4 {font-size:1.2em;}
table thead tr th {
	background-color:#2a68b3;
	color:#fff;
	text-align:left;
}
td {
	vertical-align:top;
}
li {
	line-height: 1.2em;
    margin-bottom: 0.75em;
}
#topbar {
	height: 80px;
	padding:5px;
	float:none;
	background: #1c4b81; /* Old browsers */
	background: -moz-linear-gradient(top, #1c4b81 0%, #2a68b3 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1c4b81 0%,#2a68b3 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1c4b81 0%,#2a68b3 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c4b81', endColorstr='#2a68b3',GradientType=0 ); /* IE6-9 */
}
#logo {
	height:70px;
	background:transparent url(../img/logo-white.png) left center no-repeat;
	background-image:linear-gradient(transparent, transparent), url(../img/logo-white.svg);
	background-position:left center;
	background-size:contain;
	background-repeat:no-repeat;
}
#bannerImg {
	max-width:660px;
	width:100%;
	margin:0.75em 0 0;
}
#bannerSM {
	width:100%;
	max-width:800px;
	padding:0 0.75em 2em 0.75em;
	margin:0.75em auto 0;
}
#contentRow {
	padding:0 1em;
}
#contentWrapper {
	width:100%;
	padding:1em;
}
#footerWrapper {
	text-align:center;
	font-size:0.9em;
	padding-bottom:1em;
}
#menuLink {
	margin: 0.25em;
    position: absolute;
    right: 0.5em;
    top: 0;
}
.nav1 a {
	text-decoration:none;
	font-weight:bold;
}
.nav1 a:hover {
	color:#000;
}
ul.nav1 {
	list-style:none;
	line-height:0.95em;
}
ul.nav1 li {
	margin-bottom:1.2em;
	white-space:nowrap;
}
button.menuBtn, button.menuBtn:hover, button.menuBtn:focus {
	background-color:transparent;
	font-size:1.5em;
}
#menu.dropdown-pane {
	top:-1em;
	right:0;
	left:auto;
	position:relative;
	-webkit-box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.4);
	box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.4);
}
#menuLG {
	position:relative;
	float:left;
	margin:0 5em 1em 0;
}
ul.bullets {
	margin-left:1.5em;
	max-width:700px;
}
.sectionBlock {
	padding-top:0.3em;
	margin:0.5em 0 1.5em;
	border-top:1px solid #2a68b3;
	max-width:700px;
}
.graphic1 {
	max-width:400px;
	margin:0 auto 2em;
}
.graphic2 {
	max-width:600px;
	margin:0 auto 2em;
}
.contentBlock {
	width:100%;
	float:none;
}
.contentBlock h2 {
	background-color:#2a68b3;
	padding:0.25em 0.5em;
	color:#fff;
	white-space:nowrap;
	margin-bottom:0.5em;
}
.row.lined {
	padding-top:0.5em;
	margin-top:1em;
	border-top: 1px solid #2a68b3;
}
.row.lined h3 {
	font-size:1em;
	font-weight:500;
}
.accordion {
	max-width:800px;
}
.accordion-title {
	color:#fff;
	background-color:#2a68b3;
	font-size:1.2rem;
	text-decoration:none;
	font-weight:500;
}
.accordion-title:hover {
	background-color:#1c4b81;
	color:#fff;
}

@media only screen and (min-width: 1024px) {
	
	#pageWrapper {
		max-width:1200px;
		margin:0 auto;
	}
	#logo {
		height:112px;
		margin-top: 4em;
    	position: relative;
	}
	#topbar {
		height: 200px;
	}
	.nav1 {
		font-size:0.8em;
		line-height:0.95em;
	}
	#bannerImg {
		float:right;
		margin: 0 2em 0 0;
		top:-9em;
		position:relative;
		border:2px white solid;
	}
	#contentRow {
		top:-6em;
		position:relative;
	}
	#contentWrapper {
		padding:1em 2em 1em 1em;
		max-width:1200px;
	}
	#footerWrapper {
		top:-5em;
		position:relative;
	}
	.row.lined {
		width:80%;
	}
	
}

@media only screen and (min-width: 741px) {
	
	.contentBlock {
		width:49%;
		float:left;
	}
	
}

@media only screen and (max-width: 500px) {
	
	h1 {
		font-size:1.6em;
	}
	
}