﻿body {font-family: 'Droid Sans', sans-serif; font-size:14px;}
p {font-family: 'Droid Sans', sans-serif; font-size:14px; line-height:24px; margin: 0 0 18px 0;}
h1 {font-family: 'Droid Sans', sans-serif; font-size:34px; color:#272425;font-weight:normal;margin: 40px 0 10px 0;font-style:normal;}
h2 {font-family: Georgia, "Times New Roman", Times, serif;color:#4478a7;font-size:20px;font-style:italic;font-weight:normal;font-weight:500;margin:24px 0 10px 0;}
h3 {font-family:'Droid Serif', Serif; font-size:16px; color:#565656;font-weight: bold; margin: 24px 0 10px 0; /*text-align: center;*/}
h4 {font-family:'Droid Sans', sans-serif; font-size:18px;color:#505050;font-weight:bold; margin: 24px 0 10px 0;}
#intro-wrapper {background:#fbfbfb;padding-top:10px;padding-bottom:5px;}
#intro {font-size:14px;margin:0 auto;}
.blue {color: #3f76ab;}
.blueCaption {color: #3f76ab; line-height:1.25em;font-size:.85em;margin:10px 50px;}
ul li {padding-bottom: 7px;}

.iframe-container {position: relative; width: 100%; overflow: hidden; padding-top: 80%;}
.iframe-container iframe {position: absolute; top: 0;	left: 0; bottom: 0; right: 0;	width: 100%;	height: 100%; border: none;}

@media (max-width: 1200px) {
	.iframe-container {padding-top: 100%;}
}
@media (max-width: 990px) {
	.iframe-container {padding-top: 140%;}
}
@media (max-width: 735px) {
	.iframe-container {padding-top: 165%;}
}
@media (max-width: 650px) {
	.iframe-container {padding-top: 175%;}
}
@media (max-width: 600px) {
	.iframe-container {padding-top: 185%;}
}
@media (max-width: 550px) {
	.iframe-container {padding-top: 225%;}
}
@media (max-width: 500px) {
	.iframe-container {padding-top: 250%;}
}
@media (max-width: 450px) {
	.iframe-container {padding-top: 280%;}
}
@media (max-width: 420px) {
	.iframe-container {padding-top: 330%;}
}
@media (max-width: 360px) {
	.iframe-container {padding-top: 350%;}
}