@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
/*@import url("progressbar.css");*/

html, body { background: #fff; }

body { margin:0; padding:0; color: #163a61; font-size: 9pt; text-shadow: 1px 1px 1px #fff; font-family: 'Noto Sans', sans-serif; }
input, select, textarea, label, .btn, span, div { font-family: 'Noto Sans', sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans', sans-serif; margin: .3em 0em 0em 0em; }
hr { border-top: 1px solid #ddd; border-bottom: 1px solid #fff; margin: 0; padding: 0; }
a { color: #084d7a; }

.headingFont { font-family: 'Noto Sans', sans-serif; }
.instructions { color: #5386a6; font-size: 1em; margin-bottom: .8em; }
.quote { color: #5386a6; font-size: 1.1em; font-style: italic; line-height: 150%; margin-top: .5em; }
.sidebarTitle {
	background: #163a61; border-top: 1px solid #07123e; border-bottom: 1px solid #07123e; color: #fff; text-shadow: 1px 1px 1px #000;
}

.largeTxt { font-size: 1.8em; }

.b { font-weight: bold; }
.i { font-style: italic; }
.green { color: #d7f4a0; }

.r { text-align: right; }
.c { text-align: center; margin: 0 auto; }

.floatL { float: left; }
.floatR { float: right; }
.clr { clear: both; }
.noDeco, a.noDeco:hover { text-decoration: none; }



/* main layout */
.topBkgdBar { 
	background: #163a61; /* Old browsers */
	background: -moz-linear-gradient(top,  #163a61 0%, #07123e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#163a61), color-stop(100%,#07123e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #163a61 0%,#07123e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #163a61 0%,#07123e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #163a61 0%,#07123e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #163a61 0%,#07123e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f2ff', endColorstr='#07123e',GradientType=0 ); /* IE6-9 */

	height: 75px;
	border-bottom: 1px solid #fff;
	z-index: 0;
}
.logo { 
	background-color: #fff;
	width: 270px;
	padding: 15px 10px;
	z-index: 999;
}

.logo img { height: 75px; }

.header {
	width: 900px;
	margin: -79px auto 0px auto;
}
.footer {
	width: 100%;
	position: fixed;
	bottom: 0px;
	background: #181e34;
	color: #eee;
	
	min-height: 75px;
	
	text-shadow: 1px 1px 1px #333;
	padding-top: 10px;
	font-size: .8em;
}

.wrapper {
	width: 900px;
	margin: 0 auto;
}
.clrSite {
	margin-bottom: 150px;
}
.footer a { color: #aaa; }

/* main layout pieces */
.contentWrapper {
	border-radius: 7px;
	background-color: #efefef;
	margin-top: 10px;
	padding: 10px 0px 15px 0px;
	box-shadow: 0px 0px 10px #ccc;
}

.contentWrapper div.content { padding: 0px 20px; }

.section1 { background: #e1f2ff; padding: 10px 20px; border-top: 1px solid #c5e0f5; border-bottom: 1px solid #c5e0f5; }
.section2 { background: #c5e0f5; padding: 5px 20px; border-top: 1px solid #a6ceed; border-bottom: 1px solid #a6ceed; }
.section3 { padding: 5px 20px; }
.section2 .heading { font-size: 1.2em; margin-top: 3px; }
.notes { background: #ffeee1; padding: 5px 20px; border-top: 1px solid #ffd9bb; border-bottom: 1px solid #ffd9bb; color: #ff8f3c; font-weight: bold; }


.sidebar { float: right; width: 250px; margin-left: 10px; }
.mainContent { float: left; width: 640px; }