@charset "utf-8";
body {
	font: 100%/1.6 Georgia, Arial, sans-serif;

	background-color: #42413C;
	margin: 0;
	padding: 0;
		color: #0D72B9;

}
.clear{
	clear:both;
	float:none;
	display:block;
	height:1px;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
li{
	margin-left:20px;
	padding-left:20px;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	color: #0D72B9;
	text-transform:uppercase;
	
}
p {
	margin-top: 0;
}
a img {
	border: none;
}

a:link {
	color:  #0D72B9;
	 
}
a:visited {
	color: #d6d6d6;
	
}
a:hover, a:active, a:focus { 
	
}
.container {
	width: 100%;
	background-color: #FFF;
	margin: 0 auto;
}
.header {
	line-height:1.4em;
	position: relative;
	width: 100%;
	padding: 10px 0;
	border-top: 20px solid #0D72B9;
	color:#0D72B9 !important;
	/*border-bottom: 10px solid #0D72B9;*/
	 background: #ADDBF7; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ADDBF7,#fff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ADDBF7,#fff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ADDBF7, #fff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ADDBF7, #fff); /* Standard syntax */

}
.header h3{
		font-family: Georgia, Arial, sans-serif;
		font-weight:normal;
		font-size:1.6em;

}
.logo {
	height: 100px;
	margin: 0 0 20px;
	width: 301px;
}
.content {
	display: block;
	clear: both;
	margin:0 auto;
}
.topBio {
	
}
#blue{
	
	width:100%;
	clear:both;
	float:none;
	background:#0D72B9;
	color:#fff;
	padding:1em 0;
		font-family:"Comic Sans MS", cursive;


}
.section {
	width: 92%;
	padding: 2em 4%;
	max-width: 720px;
	display: block;
	clear: both;
	margin:0 auto;
}

.header .section{
	width: 72%;
	padding: 2em 5%;
	max-width: 600px;
	background:#fff;
}
.left {margin-right:5%;
	float: left;
	
}
.right {
	float: right;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background-color: #0D72B9;
}
.sm-logo{
	display:none;
}


}

@media only screen and (max-width: 799px) {
	.left, .right {
		display:block;
		clear:both;
	float:none;
	width:100%;
	text-align:center;
	margin:0 0 20px;
		
}
.sm-logo{
		text-align:center;
	width:80%;
	max-width:300px;
	display:block;
	margin:1em auto 2em;
}
.sm-logo img{
	width:100%;
	height:100%;
}
.logo{
	display:none !important;
}
.header .section{
	width: 92%;
	padding: 2em 4%;
	max-width: 799px;
	background:#fff;
}
}