<style>

	bonzai {
		nothing;
	}
	
	* {
		margin: 0;
		padding: 0;
	}
	
	body {
		background: #111C4E;
		color: white;
	}
	
	div.content a, div.footer a {
		color: #276698;
		font-weight: bold;
	}
	
	div.content a:hover {
		color: #053a64;
	}
	
	div.content {
		/* use for public facing fixed height where absolute top position required addiitional padding on the top 
		padding: 9vw 1vw 2vw 2vw;*/
		padding: 1vw 1vw 2vw 2.8vw;
		color: #222C39;
		background: linear-gradient(#e9f2f9, #dceffe);
	}
	
	div.content.home {
		background: #e9f2f9 top center no-repeat;
		background-size: contain;
		padding-top: 5vw;
	}
	
	div.success {
		padding: 6px;
		border: 2px solid green;
		background: #e2ffed;
		margin-top: 4px;
		color: #00702a;
		font-weight: bold;
	}

	div.error {
		padding: 6px;
		border: 2px solid red;
		background: #ffe2e2;
		margin-top: 4px;
		color: black;
		font-weight: bold;
	}
	
	div.accent {
		float: right;
		width: 22%;
		padding: 1% 1% 1% 0;
		/*background: orange;
		border: 3px solid #1e5c8d;*/
	}
	
	div.accent p {
		padding: 0;
		margin: 0;
		margin-left: 2vw;
	}
	
	div.panel {
		float: left;
		width: 28vw;
		margin: 0vw 1vw 0vw 0vw;
		padding: 0vw 1vw;
	}
	
	div.content h1 {
		font-size: 3.5vw;
		font-family: Zilla;
	}
	
	div.content ul, div.content ol {
		margin-left: 3vw;
		margin-top: .3vw;
		font-size: 1.5vw;
		margin-bottom: 1vw;
	}
	
	div.content ul li, div.content ol li {
		margin-bottom: .4vw;
	}
	div.content p {
		margin-top: 0;
		margin-bottom: 1vw;
		font-size: 1.5vw;
	}
	
    div.content p img {
   		width: 35%;
   		background: none;
   		padding: 2px;
   		margin: 4px 0px 4px 5px;
   		height: auto;
   		float: right;
   		border: 3px solid #4f8fc1;
   		box-shadow: 1px 1px 4px rgba(0,0,0,.2);
   	}
	
	div.content div.accent p img {
		border: 5px solid #4f8fc1;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
    div.content p img#primary_photo {
   		width: 80vw;
   		background: none;
   		padding: 2px;
   		margin: 4px 0px 4px 5px;
   		height: auto;
   		float: none;
   		border: 3px solid #4f8fc1;
   		box-shadow: 1px 1px 4px rgba(0,0,0,.2);
   	}
	
	
	div.content h2 {
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	div.content.home div.panel {
		padding-bottom: 1vw;
		background: white;
		margin: 0vw 0vw 0vw 1vw;
		border-left: 2px solid #9ec5e3;
		border-right: 2px solid #9ec5e3;
		border-bottom: 2px solid #9ec5e3;
		border-top: 4px solid #ffcd00;
		min-height: 32vw;
		margin-bottom: 2vw;
		box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	}
	

	
	div.content h2, div.content h3 {
		margin-top: 1vw;
	}
	

	
	div.content h3 {
		font-size: 1.6vw;
	}
	
	div.content p.note {
		font-style: italic;
		font-size: 80%;
		font-weight: normal;
		line-height: 95%;
	}
	
	div.content p span.instuctions {
		font-style: italic;
		background: red;
	}
	
	div.content div.panel h3 {
		margin-top: 0vw;
		margin-bottom: 2vw;
		line-height: 100%;
	}
	
	div.content div.widepanel p span.instructions {
		font-style: italic;
	}
	
	div.content div.panel ul li {
		margin-bottom: 3px;
	}
	
	div.content p input {
		width: 15vw;
		font-size: 1.1vw;
		height: 2vw;
		border: 2px solid #4f8fc1;
		padding: 0px 2px;
		border-radius: .5vw;
	}
	
	div.content h3 input.check{
		height: auto;
		width: auto;
		border: auto;
		padding: none;
		font-size: auto;
		margin-left: 1vw;
	}
	
	div.content h3 input.short {
		width: 46%;
	}
	
	div.content h3 input.search {
		width: 46%;
		font-size: 3vw;
		height: 3.6vw;
	}
	
	div.content h3 input.smallsearch {
		width: 41%;
		font-size: 2.2vw;
		height: 2.9vw;
	}
	
	div.content h3 input.smallsearchsubmit {
		width: 24vw;
		font-size: 2.2vw;
		height: 3.3vw;
	}
	
	div.content h3 input.search {
		width: 46%;
		font-size: 3vw;
		height: 3.6vw;
	}
	
	div.content p select {
		width: auto;
		font-size: 1.3vw;
		background: white;
		border: 2px solid #4f8fc1;
		padding: 0px 2px;
	}
	
	div.content h3 select.wide {
		width: 90%;
	}
	
	#results_header{
		width: 65%;
		text-align: left;
		padding: 1vw;
		margin-top: 1vw;
		background-color: #FFD98F;
		font-size: 1.5vw;
		font-weight: normal;
		color: #1E3C66;
		border-top: 1px solid #FFC85C;
	}
	
	#results_header p{
		margin: 0;
		padding: 0;
		font-weight: bold;
	}

	#results{
		width: 65%;
		text-align: left;
		padding: 1vw;
		margin: 0;
		background-color: #FFEECB;
		border-top: 1px solid #FFC85C;
		border-bottom: 1px solid #FFC85C;
		font-size: 1.5vw;
		color: #1E3C66;
	}

	#right_results_header{
		float: right;
		width: 33%;
		text-align: right;
		padding: 0;
		margin-top: 0;
		background-color: none;
	}

	#right_results{
		float: right;
		width: 65%;
		text-align: right;
		padding: 0;
		margin: 0;
		background-color: none;
	}

	p.result {
		margin: 3 0 3 0;
		padding: 0;
	}


	.error{
	 font: bold 80% Arial,sans-serif;
	 color: #CC0000;
	 margin: 0px;
	 padding: 0px;
	}

	.warning{
	 font: bold 80% Arial,sans-serif;
	 color: #CC0000;
	 margin: 0px;
	 padding: 0px;
	}

	.confirmation{
	 font: bold 80% Arial,sans-serif;
	 color: #006600;
	 margin: 0px;
	 padding: 0px;
	}
	
	div.fields p {
		margin-top: 0;
	}
	
	div.fields p input {
		width: 58%;
		font-size: 2vw;
		height: 2.4vw;
		border: 2px solid #4f8fc1;
		padding: 0px 2px;
		border-radius: .5vw;
	}
	
	label {
		padding-left: 0vw;
		line-height: 120%;
	}
	
	textarea {
		width: 98%;
		font-size: 2vw;
		height: 8vw;
		border: 2px solid #4f8fc1;
		padding: 0px 2px;
		border-radius: .5vw;
	}
	
	div.fields p textarea {
		width: 58%;
	}
	
	img.ccm-captcha-image {
		margin-bottom: 6px;
	}
	
	div.ccm-file-manager-select {
		background: white;
		border: 2px solid #4f8fc1;
		border-radius: .5vw;
	}
	
	input[type=submit], div.content p input[type=submit]{
		width: auto;
		height: auto;
		background: linear-gradient(#4f8fc1, #276698);
		border: none;
		border: 3px solid #ffcd00;
		border-style: outset;
		font-size: 1.5vw;
		padding: .7vw 4vw .7vw 4vw;
		color: white;
		text-shadow: 1px 1px 4px black;
		font-weight: bold;
		margin-bottom: 2px;
		margin-top: 5px;
	}

	input[type=submit].small {
		width: auto;
		height: 4vw;
		font-size: 2vw;
		padding-left: 4vw;
		padding-right: 4vw;
		margin-top: 1vw;
		font-weight: bold;
	}
	
	div.fields p.micron {
		font-size: 0px;
		visibility: hidden;
		line-height: 0px;
		height: 0px;
	}
	
	select.filter {
		height: 20px;
	}
	
	input[type=submit]:hover, div.fields p input[type=submit]:hover {
		border-style: inset;
		text-shadow: none;
	}
	
	input[type=submit].small:hover {
		border-style: inset;
		text-shadow: none;
	}
	
	span.note {
		font-style: italic;
		font-size: 85%;
		font-weight: normal;
		line-height: 90%;
	}
	
	span.tiny {
		font-style: italic;
		font-size: 40%;
		font-weight: normal;
		line-height: 40%;
		white-space: nowrap;
	}
	
	span.checkboxes {
		font-size: 75%;
		line-height: 75%;
		font-weight: normal;
	}
	
	div.banner, div.widepanel {
		width: 92vw;
		background: none;
		padding: 0vw 1vw 1vw 1vw;
		clear: both;
	}
	
	h4 {
		font-weight: normal;
		font-style: italic;
	}
	
	h4.filter {
		font-size: 2.4vw;
		margin-top: 2vw;
		margin-bottom: 0;
		padding: 0;
	}
	
	h4.lean {
		margin-top: 1vw;
		font-size: 1.6vw;
		line-height: 1.8vw;
	}
	
	h5.filter {
		margin: 0;
		padding: 0;
	}
	
	.drawer--navbarTopGutter {
		padding: 0;
	}
	
	.drawer-navbar .drawer-navbar-header {
	}
	
	.drawer-navbar-header {
		margin-right: 5%;
		padding-left: 1vw;
	}
	
	.drawer-navbar-header h3 img {
		width: auto;
		height: 4vw;
		margin-top: 1.1vw;
		border-width: 0;
		border: none;
	}
	
	.drawer-navbar-header h3 img.small {
		width: auto;
		height: 4vw;
		margin-top: 1.1vw;
		border-width: 0;
		border: none;
	}
	
	.drawer-navbar-header p, .drawer-navbar-header h3 {
		float: left;
	}
	
	.drawer-navbar .drawer-brand {
		line-height: 0;
	}
	
	.drawer-navbar-header p a {
		text-decoration: none;
		color: white;
		font-family: Merriweather, Garamond, serif;
	}
	
	.drawer-navbar-header p a:hover {
		text-decoration: underline;
	}
	
	.subheader {
		background-color: #111C4E;
	}
	
	.subheader p {
		font-size: 1.9vw;
		padding: 1vw 0vw 1vw 4vw;
		color: white;
	}
	
	.subheader p a {
		color: white;
		text-decoration: none;
	}
	
	.subheader p a:hover {
			text-decoration: underline;
		}
	
	.drawer-navbar-header p {
		float: left;
		margin-top: 1.1vw;
		font-size: 1.5vw;
		text-transform: uppercase;
		color: white;
		text-align: left;
	}
	
	.drawer-container {
		max-width: 97%;
	}
	
	.drawer-navbar .drawer-navbar-header {
		border: none;
		background-color: #1e5c8d;
		color: white;
		
	}
	
	.drawer-nav {
		background-color: transparent;
	}
	
	.drawer-navbar, .drawer-navbar-header {
		height: 6vw;
		border: none;
		background-color: #1e5c8d;
		border-bottom: .7vw solid #ffcd00;
		text-color: white;
	}
		
	.drawer-menu-item {
		color: #c3dbee;
		font-size: 1.8vw;
	}
	
	.drawer-menu-item:hover {
		color: white;
	}
	
	span.line {
		display: block;
		height: 1px;
		width: 100%;
		background: white;
		font-size: 1px;
		line-height: 2px;
	}
	
	.drawer-navbar .drawer-dropdown-menu{
		width: 100%;
		background: rgba(0,0,0,0.2);
	}
	
	.drawer-dropdown-menu {
		background: #4381b1;
		background: linear-gradient(#4f8fc1, #195585);
	}
	
	.drawer-navbar .drawer-menu-item {
		line-height: 2.5vw;
	}
	
	.drawer-dropdown-menu-item {
		color: #c3dbee;
		line-height: 3vw;
	}
	
	.drawer-dropdown-menu-item:hover {
		color: white;
	}
	
	div.yellowbar {
		height: 20px;
		background: #ffcd00;
		clear: both;
		margin-top: 1vw;
	}
	
	.drawer-nav {
		background: linear-gradient(#4f8fc1, #195585);
	}
	
	.drawer-menu {
		padding-top: 1.5vw;
	}
	
	.drawer-menu-item {
		color: white;
		font-size: 2.5vw;
		outline: none;
	}
	
	.drawer-hamburger {
		padding-right: .5vw;
	}
	
	div.footer {
		border-top: .6vw solid #4f8fc1;
		padding: 0vw 1vw 3vw 1vw;
		/*background: linear-gradient(#cee6f8, #9bc6e8);*/
		background-color: #1e5c8d;
		color: white;
	}
	
	div.footer h4 {
		font-size: 2vw;
		font-weight: bold;
		font-style: normal;
		color: white;
		margin-bottom: .7vw;
	}
	
	div.footer ol, div.footer ul {
		margin-left: 2.5vw;
		font-size: 115%;
		color: white;
		margin-bottom: 1.5vw;
	}
	
	div.footer ol li, div.footer ul li {
		margin-bottom: 1vw;
		line-height: 1.1em;
	}
	
	div.footer ol li a, div.footer ul li a {
		font-weight: bold;
	}
	
	div.footer ol li span.note, div.footer ul li span.note {
		font-size: 85%;
		white-space: wrap;
	}
	div.footer p {
		color: white;
	}
	div.footer div.panel p {
		margin-bottom: 1vw;
		line-height: 140%;
		color: white;
	}
	
	div.footer div.panel * a {
		transition: ease 1s;
		color: white;
		text-decoration: underline;
		text-shadow: 0px 0px 4px rgba(30,92,141,0.2);
	}
	
	div.footer div.panel * a:hover {
		color: black;
		text-decoration: none;
		text-shadow: 0px 0px 7px rgba(255,255,255,0.7);
	}
	
	div.footer div.panel {
		background: none;
		padding-top: 1vw;
	}
	
	div.content div.panel p img {
		width: 60%;
		background: none;
		padding: 2px;
		margin: 4px 0px 4px 5px;
		height: auto;
		float: right;
		border: 1px solid #81afd3;
		box-shadow: 1px 1px 4px rgba(0,0,0,.2);
	}
	
	input[type=text].lean {
		width: auto;
		height: 1.7vw;
		font-size: 1.4vw;
		color: black;
		text-shadow: none;
		background: auto;
		font-size: auto;
		border: 1px solid #4f8fc1;
		padding-top: 1px;
		padding-left: 3px;
		padding-right: 3px;
		margin-left: 3px;
		margin-top: 0px;
		font-weight: normal;
	}
	
	
	input[type=text].lean.short {
		width: 10vw;
	}
	
	input[type=submit].filter {
		width: auto;
		height: 20px;
		font-size: 16px;
		padding: 0;
		color: black;
		text-shadow: none;
		background: auto;
		font-size: auto;
		border: none;
		padding-left: 4px;
		padding-right: 4px;
		margin-top: 0px;
		font-weight: bold;
	}
	input[type=submit].lean {
		width: auto;
		height: 2vw;
		font-size: 1.4vw;
		color: #d2eef9;
		text-shadow: none;
		background: auto;
		font-size: auto;
		border: none;
		padding-top: .2vw;
		padding-left: 16px;
		padding-right: 16px;
		margin-left: 3px;
		margin-top: 0px;
		font-weight: normal;
	}
	
	div.content div.cell.full h3 input.rowline {
		width: 100px;
		height: 2.6vw;
		font-size: 1.6vw;
		color: white;
		background: auto;
		font-size: auto;
		border: none;
		padding-top: 0vw;
		padding-left: 16px;
		padding-right: 16px;
		margin-left: 3px;
		margin-top: 0px;
	}
	
	h5.filter select {
		font-size: 2.2vw;
		border: 2px solid #4f8fc1;
		padding: 2px;
		border-radius: .5vw;
	}
	
	h5.lean select.lean {
		font-size: 1.4vw;
		border: 1px solid #4f8fc1;
		padding: 2px;
		border-radius: .5vw;
	}
	
	h5 span.plussize {
		font-size: 200%;
	}
	
	div.publication {
		margin: 12px 0px 5px 0px;
		background: white;
		background: linear-gradient(white, #fff6dc);
		padding: 0px 4px 5px 10px;
		border: 2px solid #4f8fc1;
		border-radius: 1vw;
		box-shadow: 2px 2px 6px rgba(0,0,0,.2);
		text-shadow: 1px 1px 4px rgba(0,0,0,.2);
		clear: both;
	}
	
	div.publication.survey {
		margin: 12px 0px 5px 0px;
		background: white;
		background: linear-gradient(white, #dcffe4);
		padding: 0px 4px 5px 10px;
		border: 2px solid #4bbd66;
		border-radius: 1vw;
		box-shadow: 2px 2px 6px rgba(0,0,0,.2);
		text-shadow: 1px 1px 4px rgba(0,0,0,.2);
		clear: both;
		height: auto;
	}
	
	div.download {
		float: left;
		width: 8%;
		padding-top: .7%;
		margin-right: 5px;
		background: none;
	}
	
	div.pub_details {
		margin-left: 8.8%;
	}
	
	div.content div.publication div.download p {
		margin: 0;
		padding: 0;
	}
	
	div.content div.publication div.download p img{
		width: auto;
		height: 8vw;
		border: 0;
		border: none;
	}
	
	div.content div.publication div.download p a img{
		border: 0;
	}
	
	div.content div.publication div.download p.count {
		margin: 0;
		padding: 0;
		text-align: center;
		font-size: 90%;
		color: #4980ab;
	}
	
	div.content div.publication div.download p.count a {
		text-decoration: none;
	}
	
	div.publication h2 {
		font-size: 3vw;
		margin-top: 3px;
	}
	
	div.publication h4 {
		margin-top: 0px;
		margin-bottom: 0;
	}
	
	div.content a.reset {
		font-size: 1.5vw;
		color: red;
	}
	
	div.content a.reset:hover {
		font-size: 1.5vw;
		color: #276698;
	}
	
	div.sort {
		font-size: 1.9vw;
		float: none;
	}
	
	div.content div.sort a.sort {
		margin-left: 15px;
	}
	
	div.content table {
		width: 90vw;
		border-spacing: 0px;
	}
	
	div.content table tr td {
		padding: .7vw 1vw .7vw 1vw;
		margin: 0px;
		font-size: 1.2vw;
		border-top: 0px solid #4f8fc1;
		text-align: left;
	}
	
	
	div.content table tr td img.map_key{
		width: 2vw;
		height: 2vw;
	}
	
	div.content table tr td h3 {
		margin-top: 0;
		padding-top: 0;
	}
	
	div.content table tr th {
		background: linear-gradient(#4f8fc1, #276698);
		color: white;
		padding: .7vw 1vw .7vw 1vw;
		text-align: center;
		font-size: 1.2vw;
	}
	
	div.content table.lefthead tr th {
		text-align: left;
	}
	
	div.content table tr td.left, div.content table tr th.left {
		text-align: left;
	}
	
	div.content table tr td.right, div.content table tr th.right {
		text-align: right;
	}
	
	div.content table tr th a {
		color: white;
		text-decoration: none;
	}

	div.content table tr:nth-child(odd) td{
		background: #f0f6fa;
	}
	div.content table tr:nth-child(even) td{
		background: #e4edf2;
	}
	
	div.content table tr:hover td {
		background: #ffedbc;
		transition: background-color 0.5s ease;
	}
	
	div.content table tr.target td {
		background: #ccffbc;
		transition: background-color 1.5s ease;
	}

	div.cell {
		width: 30%;
		margin: 0% 1%;
		float: left;
	}
	
	div.cell.full {
		width: 96%;
		margin: 0% 1%;
		float: none;
	}
	
	div.cell.twothirds {
		width: 62%;
		margin: 0% 1%;
		float: left;
		overflow: hidden;
	}
	
	div.cell h6 {
		margin-left: 5px;
		margin-top: 2px;
		font-weight: normal;
		font-size: .9vw;
	}
	
	div.cell h6 span.shortest {
		display: inline-block;
		margin-left: 0px;
		width: 25%;
	}
	
	div.cell textarea {
		font-size: 1.5vw;
		height: 3.8vw;
	}
	
	div.cell textarea.taller {
		font-size: 1.5vw;
		height: 5.5vw;
	}
	
	div.cell textarea.tallest {
		font-size: 1.5vw;
		height: 10.5vw;
	}

	div.content div.cell h3 select {
		width: auto;
	}
	
	div.content div.cell h3 input {
		width: 96%;
	}
	
	div.content div.cell.twothirds h3 input, div.content div.cell.full h3 input {
		width: 98%;
	}
	
	div.content div.cell.twothirds h3 input.checkbox, div.content div.cell.full h3 input.checkbox {
		max-width: 2%;
		width: auto;
		line-height: auto;
		font-size: auto;
		margin: 0;
		padding: 0;
		height: auto;
		border: auto;
		border-radius: auto;
	}

	div.content div.cell h3 input.short {
		width: 40%;
	}

	div.content div.cell h3 input.shorter {
		width: 31%;
		margin-right: 1%;
	}
	
	div.content div.cell h3 input.shortest {
		width: 20.5%;
		margin-right: 2%;
	}
	
	div.content div.cell h3 input.tiny {
		width: 11%;
		margin-right: 0;
	}
	
	div.content div.cell span.smaller {
		font-size: .8em;
	}
	
	div.break {
		clear: both;
	}
	
	h3.phoneshow {
		display: none;
	}
	h3.phonehide {
		display: block;
	}
	
	

	@media screen and (min-width: 900px){
		.drawer-menu-item {
			font-size: 2vw;
		}
	}

	@media screen and (min-width: 1200px){
		div.publication h2 {
			font-size: 2.2vw;
		}
		.drawer-menu-item {
			font-size: 1.4vw;
		}
		div.content div.publication div.download p img{
			width: auto;
			height: 6vw;
		}
		div.download {
			float: left;
			width: 6%;
		}
		div.publication {
			min-height: 8vw;
		}
		div.publication h3 {
			padding-left: 0;
		}
		div.pub_details {
			margin-left: 6.5%;
		}
		div.footer h4 {
			font-size: 2vw;
			font-weight: bold;
			font-style: normal;
		}
		div.footer h4 {
			font-size: 2vw;
			font-weight: bold;
			font-style: normal;
		}
	}
	
	@media (min-width: 1350px) {
		.drawer-menu {
			padding-top: 3vw;
		}
	}
	
	@media screen and (max-width: 930px) {
		div.content {
			/* use for public facing fixed height where absolute top position required addiitional padding on the top 
			padding: 9vw 1vw 2vw 2vw;*/
			padding-top: 2vw;
		}
		div.content p {
			font-size: 2.2vw;
		}
		div.content ul, div.content ol { 
			font-size: 2.2vw;
			margin-top: 1.4vw;
		}
		div.content p select {
			font-size: 2.3vw;
		}
		.drawer-navbar, .drawer-navbar-header {
			height: 10vw;
		}
		.drawer-navbar-header h3 img {
			height: 7.5vw;
		}
		.drawer-navbar-header p {
			margin-top: 1.4vw;
			font-size: 2.9vw;
		}
		.drawer-menu-item {
			color: white;
			font-size: 2.5vw;
		}
		div.content h1 {
			font-size: 4.5vw;
			line-height: 4.8vw;
			font-family: Zilla;
		}
		div.panel {
			width: 89vw;
			float: none;
			padding: 0vw 2vw;
			margin-bottom: 0vw;
		}
		div.footer div.panel {
			margin-top: 2vw;
		}
		div.banner, div.widepanel {
			width: 90vw;
			padding: 0vw 2vw;
			margin-bottom: 1vw;
		}
		div.panel h3 input, div.fields p input {
			width: 98%;
			font-size: 4vw;
			height: 4.5vw;
			border: 2px solid #4f8fc1;
			padding: 0px 2px;
			border-radius: 1vw;
		}
		input[type=submit], div.fields p input[type=submit] {
			width: 98%;
			font-size: 3.5vw;
			padding: 1vw;
		}
		div.panel h3 select {
			font-size: 4vw;
			height: 5.3vw;
		}
		
		div.footer div.panel ol, div.footer div.panel ul {
			margin-left: 7vw;
		}
		textarea {
			font-size: 3vw;
			height: 12vw;
		}
		div.fields p textarea {
			width: 98%;
		}
		div.content h3 input.search {
			width: 98%;
			font-size: 4vw;
			height: 4.5vw;
			border: 2px solid #4f8fc1;
			padding: 0px 2px;
		}
		input[type=submit].small {
			width: 68%;
			font-size: 3.5vw;
			height: 6.5vw;
			margin-top: 10px;
		}
		div.content h3 input.smallsearch {
			width: 40vw;
			font-size: 3vw;
			height: 3.6vw;
		}
		div.content h3 input.smallsearchsubmit {
			width: 40vw;
			display: inline block;
			font-size: 2.5vw;
			height: 4.1vw;
		}
		h5.filter select {
			font-size: 2.8vw;
			border: 1px solid #4f8fc1;
			padding: 1px;
			border-radius: .5vw;
		}
		div.content a.reset {
			font-size: 2.5vw;
		}
		div.sort {
			font-size: 2.5vw;
		}
		h4.filter {
			font-size: 3vw;
		}
		div.content div.publication div.download p img{
			width: auto;
			height: 10vw;
		}
		div.content div.publication div.download p.count {
			font-size: 80%;
		}
		div.download {
			float: left;
			width: 11%;
		}
		div.pub_details {
			margin-left: 11.5%;
		}
		div.cell {
			width: 95%;
			margin: 1%;
			float: none;
		}
		div.cell.twothirds {
			float: none;
			width: 95%;
		}
		div.content div.cell h3 input{
			font-size: 3.5vw;
			height: 4.1vw;
		}
		div.content div.cell h3 select {
			font-size: 3vw;
			height: 4.1vw;
			width: 45%;
		}
		div.cell textarea {
			font-size: 2.4vw;
			height: 5.7vw;
		}
		div.cell textarea.taller {
			font-size: 2.4vw;
			height: 11.7vw;
		}
		div.cell textarea.tallest {
			font-size: 2.4vw;
			height: 14.7vw;
		}
		div.content div.cell h3 input.tiny {
			width: 17%;
			margin-right: 2%;
		}
		h3.phoneshow {
			display: block;
		}
		h3.phonehide {
			display: none;
		}
		div.content table {
			width: auto;
		}
		div.content table tr td {
			font-size: 2.2vw;
		}
		div.content table tr th {
			font-size: 1.9vw;
		}
		td.phonehide, th.phonehide {
			display: none;
		}
		h5.lean select.lean {
			font-size: 2.5vw;
		}
		input[type=text].lean {
			font-size: 5.5vw;
			height: 6.5vw;
			margin: 2px;
			width: 80vw;
			border: 2px solid #4f8fc1;
			display: block;
		}
		input[type=submit].lean {
			font-size: 4.6vw;
			line-height: 4vw;
			margin-bottom: 4px;
			width: 81vw;
			height: 7vw;
			padding: 0vw 3vw 0vw 3vw;
			font-weight: bold;
		}
		input[type=text].lean.short {
			width: 80vw;
		}
		h4.lean {
			font-size: 3.5vw;
			line-height: 3.2vw;
			margin-bottom: 1vw;
			margin-top: 2vw;
		}
		div.content a.reset {
			font-size: 3.5vw;
			margin-bottom: 1vw;
		}
		div.content.home {
			background: #e9f2f9 top center no-repeat;
		}
		div.footer h4 {
			font-size: 3vw;
			font-weight: bold;
			font-style: normal;
			margin-bottom: 2vw;
		}
		div.content h3 {
			font-size: 2.6vw;
		}
		input[type=submit], div.content p input[type=submit]{
			font-size: 2.5vw;
		}
		div.content p input {
			width: 35vw;
			font-size: 2.1vw;
			height: 3vw;
		}
		#results_header{
			width: 100%;
			text-align: left;
			padding: 1vw;
			margin-top: 1vw;
			background-color: #FFD98F;
			font-size: 2.5vw;
			font-weight: normal;
			color: #1E3C66;
			border-top: 1px solid #FFC85C;
		}
	
		#results_header p{
			margin: 0;
			padding: 0;
			font-weight: bold;
			font-size: 3.5vw;
		}

		#results{
			width: 100%;
			text-align: left;
			padding: 1vw;
			margin: 0;
			background-color: #FFEECB;
			border-top: 3px solid #FFC85C;
			border-bottom: 3px solid #FFC85C;
			font-size: 2.5vw;
			color: #1E3C66;
		}

		#right_results_header{
			font-size: 2.5vw;
			float: right;
			width: 50%;
			text-align: right;
			padding: 0;
			margin-top: 0;
			background-color: none;
		}

		#right_results{
			float: right;
			width: 60%;
			text-align: right;
			padding: 0;
			margin: 0;
			background-color: none;
		}

	}
		
	@media screen and (max-width: 580px) {
		div.content ul, div.content ol {
			margin-left: 5vw;
			margin-top: 1vw;
			font-size: 4vw;
		}
		
	    div.content p img {
	   		width: 95%;
	   		float: none;
			margin-top: 3vw;
	   		border: 3px solid #4f8fc1;
	   		box-shadow: 1px 1px 4px rgba(0,0,0,.2);
	   	}
	
		div.content ul li, div.content ol li {
			margin-bottom: .4vw;
		}
		div.content p {
			margin-top: 0;
			margin-bottom: 2.5vw;
			font-size: 4vw;
		}
	
		div.content h2 {
			font-style: normal;
			font-weight: bold;
			margin: 0;
			padding: 0;
		}
		#results_header{
			width: 100%;
			text-align: left;
			padding: 1vw;
			margin-top: 1vw;
			background-color: #FFD98F;
			font-size: 1.5vw;
			font-weight: normal;
			color: #1E3C66;
			border-top: 1px solid #FFC85C;
		}
	
		#results_header p{
			margin: 0;
			padding: 0;
			font-weight: bold;
			font-size: 3.5vw;
		}

		#results{
			width: 100%;
			text-align: left;
			padding: 1vw;
			margin: 0;
			background-color: #FFEECB;
			border-top: 3px solid #FFC85C;
			border-bottom: 3px solid #FFC85C;
			font-size: 2.5vw;
			color: #1E3C66;
		}

		#right_results_header{
			font-size: 2.5vw;
			float: right;
			width: 50%;
			text-align: right;
			padding: 0;
			margin-top: 0;
			background-color: none;
		}

		#right_results{
			float: right;
			width: 60%;
			text-align: right;
			padding: 0;
			margin: 0;
			background-color: none;
		}

		p.result {
			margin: 1vw 0 1vw 0;
			padding: 0;
			font-size: 3.5vw;
		}
		
		div.footer h4 {
			font-size: 7vw;
			font-weight: bold;
			font-style: normal;
			margin-bottom: 3vw;
		}
		div.footer p {
			margin-left: 5vw;	
		}
		.drawer-navbar .drawer-dropdown-menu{
			width: 100%;
			background: rgba(0,0,0,0.2);
		}
		.drawer-navbar .drawer-nav {
			padding-top: 12vw;
		}
		.drawer-dropdown-menu-item {
			color: #e7f1f9;
			line-height: 10vw;
			font-size: 5vw;
		}
		.drawer-navbar, .drawer-navbar-header {
			height: 13vw;
		}
		.drawer-navbar-header h3 img {
			height: 9.5vw;
			margin-top: 1.4vw;
		}
		.drawer-navbar-header p {
			margin-top: 2vw;
			font-size: 3.1vw;
		}
		.drawer-navbar .drawer-menu-item {
			line-height: 9.5vw;
		}
		.drawer-menu-item {
			color: white;
			font-size: 6vw;
			outline: none;
		}
		.drawer-hamburger {
			padding-top: 2.8vw;
			padding-right: .8vw;
		}
		.drawer-container {
			max-width: 99%;
		}
		.subheader p {
			font-size: 3.9vw;
			padding: 2vw 0vw 2vw 7vw;
			color: white;
		}
		div.content ul, div.content ol {
			margin-left: 4vw;
			margin-top: .4vw;
		}
		div.footer div.panel ol, div.footer div.panel ul {
			margin-left: 10vw;
		}
		div.content div.panel ol, div.content div.panel ul {
			margin-left: 6vw;
		}
		div.panel h3 input, div.fields p input {
			width: 98%;
			font-size: 6vw;
			height: 6.5vw;
			border: 2px solid #4f8fc1;
			padding: 0px 2px;
			border-radius: 2vw;
		}
		img.ccm-captcha-image {
			margin-bottom: 6px;
			width: 98%;
			height: auto;
		}
		input[type=submit], div.fields p input[type=submit] {
			width: 100%;
			font-size: 5.5vw;
			padding: 2vw;
		}
		div.panel h3 select {
			font-size: 6vw;
			height: 7.3vw;
		}
		textarea {
			font-size: 5vw;
			height: 18vw;
		}
		div.content div.panel, div.content.home div.panel {
			width: 88vw;
			margin-top: 4vw;
		}
		div.content div.panel p img {
			width: 100%;
		}
		div.content h3 input.search {
			width: 98%;
			font-size: 9vw;
			height: 10vw;
			border: 2px solid #4f8fc1;
			padding: 0px 2px;
		}
		input[type=submit].small {
			width: 100%;
			font-size: 7vw;
			height: 10vw;
			margin-top: 10px;
		}
		div.footer div.panel p a { /*phone numbers for smartphone footer */
		}
		div.content h1 {
			font-size: 8vw;
			padding-top: 4vw;
			line-height: 8.2vw;
			padding-bottom: 3vw;
		}
		div.content h2 {
			font-size: 4.5vw;
		}
		div.content h3 {
			margin-top: 3vw;
		}
		div.footer {
			padding: 2vw 2vw 9vw 2vw;
		}
		div.content p input {
			width: 55vw;
			font-size: 5vw;
			height: auto;
			border: 2px solid #4f8fc1;
			padding: 0px 2px;
			border-radius: .5vw;
		}
		div.content h3 {
			font-size: 5vw;
		}
		input[type=submit], div.content p input[type=submit]{
			width: auto;
			height: auto;
			background: linear-gradient(#4f8fc1, #276698);
			border: none;
			border: 3px solid #ffcd00;
			border-style: outset;
			font-size: 5.5vw;
			padding: .7vw 4vw .7vw 4vw;
			color: white;
			text-shadow: 1px 1px 4px black;
			font-weight: bold;
			margin-bottom: 2px;
			margin-top: 5px;
		}
		div.content h3 input.smallsearch {
			width: 89vw;
			font-size: 6vw;
			height: 6.6vw;
		}
		div.content h3 input.smallsearchsubmit {
			width: 90vw;
			font-size: 4.5vw;
			line-height: 3vw;
			height: 8.2vw;
			margin-top: 10px;
		}
		div.content a.reset {
			font-size: 3.5vw;
		}
		div.content p select {
			width: 100%;
			font-size: 3.8vw;
			background: white;
			border: 2px solid #4f8fc1;
			padding: .5vw;
		}
	
		h4.filter {
			font-size: 4vw;
		}
		h5.filter select {
			font-size: 4.8vw;
			border: 1px solid #4f8fc1;
			padding: 1px;
			border-radius: .5vw;
			margin-top: 5px;
		}
		h5 span.plussize {
			display: none;
		}
		div.sort {
			font-size: 3.5vw;
		}
		
		div.publication {
			border-radius: 3vw;
		}
		
		div.content div.publication h2 {
			font-size: 7vw;
		}

		div.content div.publication div.download p img{
			width: auto;
			height: 30vw;
			padding-top: 4px;
		}
		div.content div.publication div.download p.count {
			font-size: 90%;
		}
		div.download {
			float: left;
			width: 32%;
		}
		div.pub_details {
			margin-left: 0%;
		}
		div.content div.cell h3 select {
			min-width: 60vw;
			height: 5vw;
		}
		div.content div.cell h3 input.tiny {
		}
	}
	
</style>