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

body {
	margin: 0;
	padding: 0;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#719fd1+0,203567+25 */
	background: #203567; /* Old browsers */
	background: -moz-linear-gradient(top, #719fd1 0%, #203567 25%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #719fd1 0%,#203567 25%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #719fd1 0%,#203567 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#719fd1', endColorstr='#203567',GradientType=0 ); /* IE6-9 */
	height: calc(100vh - 20px);
}

div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}

p {
	margin-top:0;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	margin-top:20px;
}

#printHeader {
	display: none;
}

#header {
	float: left;
	width: 800px;
	background-image:url(/images/header-background.jpg);
	background-repeat:no-repeat;
}

#header-logo {
	float: left;
	width: 430px;

	padding: 32px 0 0 20px;

	overflow:hidden;
}

#header-contact {
	color: #ffffff;
	float: left;
	font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
	width: 330px;

	height: 109px;
	padding: 41px 20px 0 0;
	text-align: right;
	text-shadow: 1px 1px 2px rgba(9, 32, 9, .6);
}

#header-contact a {
	color: #ffffff;
	text-decoration: none;
}

#header-contact .larger {
	font-size: 31px;
	line-height: 45px;
}

#navigation {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 780px;
	height: 31px;
}

#navigation > a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a8b8+0,f0f1f4+100 */
	background: #a1a8b8; /* Old browsers */
	background: -moz-linear-gradient(top, #a1a8b8 0%, #f0f1f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a1a8b8 0%,#f0f1f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a1a8b8 0%,#f0f1f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a8b8', endColorstr='#f0f1f4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ffd24a;
	border-bottom: none;
	color: #313131;
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	font-size: 14px;
	height: 30px;
	line-height: 14px;
	max-width: 138px;
	padding: 0 8px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

#navigation > a:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#152547+0,0e1117+100 */
	background: #152547; /* Old browsers */
	background: -moz-linear-gradient(top, #152547 0%, #0e1117 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #152547 0%,#0e1117 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #152547 0%,#0e1117 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152547', endColorstr='#0e1117',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
}

#content-tile {
	background-image:url(/images/bkgd-tile.jpg);
	background-repeat:repeat-y;
	background-position: top;
	float:left;
	margin: 0;
	padding: 0;
	width: 800px;
}

#content-top {
	background-image:url(/images/bkgd-top.jpg);
	background-repeat:no-repeat;
	float:left;
	width:800px;
}

#content-bottom {
	background-image: url(/images/bkgd-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	padding-bottom: 66px;
	width: 800px;
}

#content {
	float: left;
	margin: 0;
	padding: 20px 0 10px;
	width: 800px;
	min-height:387px;
}

#fullcol {
	float:left;
	padding:0 23px 60px;
	width:754px;
}

#col1 {
	float:left;
	padding: 0 12px 0 23px;
	width: 510px;
}

#sidebar {
	float:left;
	padding: 30px 23px 0 0;
	width: 232px;
}

#footer {
	background-image: url(/images/bkgd-footer.gif);
	background-repeat: no-repeat;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	float: left;
	height: 30px;
	padding: 0;
	width: 800px;
}

#footer a {
	color:#FFFF99;
	text-decoration: none;
}

#footer a:hover {
	color:#FFD24A;
	text-decoration: none:
}

#copyright {
	float: left;
	font-size: 11px;
	line-height: 12px;
	padding: 15px 0 0 20px;
	text-align: left;
	width: 330px;
}

#designers {
	float: left;
	padding: 15px 20px 0 0;
	text-align:right;
	font-size: 9px;
	width: 430px;
}

#successMessage {
	padding:20px 0 100px;
	margin-botton:20px;
	font-weight:bold;
	color:#006600;
}

#errorMessage {
	padding:20px 0 100px;
	margin-botton:20px;
}

/* Sidebar Styles */
.pageImage {
	border: solid #000000 3px;
	padding: 0;
	margin: 5px 0;
}

.pageQuote {
	font-family:"Times New Roman", Times, serif;
	text-align:right;
	font-style:italic;
	font-size:12px;
	border-top: solid thin #CCCCCC;
	padding-top:5px;
	margin-top: 5px;
}

.pageQuoteSource {
	font-family:"Times New Roman", Times, serif;
	text-align:right;
	font-weight:bold;
	font-size:10px;
	padding-top:10px;
}

.quickLinks {
	padding: 0 10px 0 0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}

.quickLinks a {
	color:#000033;
	text-decoration:none;
	font-weight:bold;
	padding-right:5px;
}

.quickLinks a:hover {
	color:#FF9900;
	border-right: solid #000033 2px;
	padding-right:3px;
	font-weight:bold;
	text-decoration:none;
}

.assocLinks {
	padding: 0 10px 0 0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

.assocLinks img {
padding: 5px 0;
}

.assocLinks img a {
border:none;
border-right:none;
}

.assocLinks img a:hover {
border:none;
border-right:none;
}

.quickLinksHeading {
	text-align:right;
	font-weight:bold;
	font-size:16px;
	border-bottom: solid 2px #ffd24a;
	margin-bottom:5px;
}

/* Content Styles */
#content h1 {
color:#172a54;
font-family:Arial, Helvetica, sans-serif;
font-size:32px;
font-weight:bold;
padding: 0 0 10px;
margin: 0;
}

#content h1 sup {
	font-size:0.6em;
}

#content h2 {
	color:#993300;
	margin-top: 0;
	padding: 5px 0 0;
	font-stretch:condensed;
	font-variant:small-caps;
}

#content h3 {
color:#000066;
border-bottom: solid #000066 thin 1px;
}

#content a, a:visited {
color:#000066;
font-weight:bold;
text-decoration:none;
}

#content a:hover {
	color:#0066CC;
	font-weight:bold;
}

.contactInfoBlock {
width:200px;
margin-left:10px;
}

.contactName {
min-width:100px;
padding: 0;
margin: 0;
text-align:left;
color:#8e2800;
float:left;
}

.contactNumber {
width:90px;
padding: 0 0 0 10px;
text-align:left;
font-weight:bold;
float:left;
margin: 0;
}

/* TEAM BIO STYLES */
.teamBio {
	width:499px;
	float:left;
	border-top:thin #CCCCCC;
	padding-top: 5px;
	padding-bottom: 20px;
	border-top-style:solid;
	background:none;
}

.teamPhoto {
	float:left;
	width:150px;
	text-align:center;
}

.teamPhoto img {
	border-width: 1px;
	border-color:#CCCCCC;
	padding: 0;
}

.teamPhotoCaption {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:oblique;
	margin-top:0;
	padding-top:0;
	text-align:center;
}

.teamName {
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-weight:bold;
	font-size:1.4em;
	font-weight: bold;
	text-transform:none;
	margin: 0;
	letter-spacing: -.05em;
	clear:both;
}

.teamJobTitle {
	color: #4e4a4e;
	font-weight: bold;
	font-size: 1.0em;
	margin: 0;
}

.bioQuote {
	margin-left:10px;
	text-indent:15px;
	border-left:#CCCCCC;
	border-width:1px;
	font-style:oblique;
}

.bioDescription {
	float:left;
	width:339px;
	padding: 0 0 0 10px;
}

@media screen and (max-width: 600px) {
	#container,
	#header,
	#header-logo,
	#header-contact,
	#navigation,
	#content-tile,
	#content-top,
	#content-bottom,
	#content,
	#footer,
	#copyright,
	#designers {
		float: none;
		width: 100%;
	}
	#header,
	#header-logo,
	#header-contact {
		background: #2a51a1
	}
	#content-tile,
	#content-top,
	#content-bottom {
		background: none;
		background-color: #FFFFFF;
	}
	#navigation {
		border: none;
		height: auto;
		margin: 0;
		text-align: center;
	}
	#navigation > a {
		height: 36px;
		margin-bottom: 4px;
		max-width: 44%;
		width: 100%;
	}
	#fullcol,
	#col1,
	#sidebar {
		float: none;
		padding: 0 23px;
		width: calc(100% - 46px);
	}
	#header img,
	#col1 > img {
		width: 100%;
	}
	#header-logo {
		text-align: center;
		padding: 20px 20px 0 20px;
		width: calc(100% - 40px);
	}
	#header-contact {
		height: 90px;
		padding-top: 20px;
		width: calc(100% - 20px);
	}
	#header-contact img {
		max-height: 75px;
		max-width: 219px;
	}
	#sidebar {
		padding-top: 30px;
	}
	#footer,
	#copyright,
	#designers {
		background: none;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	#designers {
		padding-bottom: 15px;
	}
}