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

body { background-color: #5faad0; background-size: 100% 100%;font-family:Arial, Helvetica, sans-serif;color:#000000 !important;}
.container {margin-top:30px;} 
#mainContent {padding-right:16px;}
#mainContent h3 {font-size:1.4em;font-weight:bold;}
.col-md-8 h1, .col-md-8 h2 {color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-weight:bold;margin-bottom:16px;}
#mainHeader {border-bottom:1px solid #cccccc;padding-bottom:16px;margin-bottom:30px;}
h2.title {margin-bottom:20px;}
#mainHeader h1 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:2.8em !important;margin-bottom:5px;}
#mainHeader h2 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:1.6em !important;margin-bottom:15px;}
#mainHeader h3 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:1.2em !important;}
#mainHeader h4 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:1em !important; font-weight:bold;line-height:1.2em;margin-top:-3px;}
.container .jumbotron p, .container .jumbotron td{margin-bottom: 15px;font-size: 16px;line-height:1.5em;font-weight: normal;color:#000;}
#linksPage li {margin-left:-20px;margin-bottom: 15px;font-size: 16px;line-height:1.5em;font-weight: normal;color:#000;}
#bioImage {width:300px !important; height:349px !important;}

nav {height: 50px;width: 100%;background: #5faad0;
	font-size: 14px;font-weight: bold;position: relative;border-bottom: 2px solid #fff;}
nav ul {padding: 0;margin: 0 auto;width: 100%;height: 50px;}
nav li {list-style: none; background: #5faad0; border-top: solid 1px #fff; text-align: left; margin: 0;display: block;}
nav a {padding-left:20px;color: #fff;width: 200px;text-decoration: none;line-height: 50px;
	display: block;} 
nav li a {}
nav a:hover, nav a:active {background-color: #ebebeb;width: 100%;text-decoration:none;}
nav a#pull {display: none;}

.foot a, .foot a:active {text-decoration:none;color:#000;}
.foot a:hover {text-decoration:none;color:#fff;}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
.container {margin-top:10px;} 
#mainHeader {border-bottom:none;}
	nav { height:auto;margin-top:-20px;	}
  	nav ul {width: 100%;display: block;	height: auto;}
  	nav li {width: 100%;float: left;position: relative;}
  	nav li a {border-bottom: 1px solid #fff;}
  	nav a {	text-align: left;width: 100%;text-indent: 10px;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#leftImage {display:none;}
#bioImage {width:240px !important;height:190px !important;}
#mainHeader h1 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:1.4em!important;}
#mainHeader h2 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:1.1em!important;margin-top:-3px;}
#mainHeader h3 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:.9em!important; margin-top:-10px;}
	nav {border-bottom: 0;height:auto;}
	nav ul {display: none;height: auto;}
	nav a:hover, nav a:active {background-color: #ebebeb;}
	nav a#pull {display: block;	background-color:#5faad0;width: 100%;	position: relative;	}
	nav a#pull:after {	content:"";	background: url('nav-icon.png') no-repeat;
		width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 13px;}
iframe, #resourcesImage {width:85%;}		
}


/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
#bioImage {display:inline;width:300px;height:237px}
#mainHeader h1 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:2.2em;}
#mainHeader h2 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:1.6em;margin-top:-3px;}
#mainHeader h3 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:1em;margin-top:-10px;}
}



/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.col-md-4 {width:25%;}
#leftImage {width:100%;}
#mainHeader h2 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:1.3em;margin-top:-3px;}
#mainHeader h3 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:.8em;margin-top:-10px;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#leftImage {display:none;}
#mainHeader h2 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:1.3em;margin-top:-3px;}
#mainHeader h3 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:.8em;margin-top:-10px;}
	nav {border-bottom: 0;height:auto;}
	nav ul {display: none;height: auto;}
	nav a:hover, nav a:active {background-color: #ebebeb;}
	nav a#pull {display: block;	background-color:#5faad0;width: 100%;	position: relative;	}
	nav a#pull:after {	content:"";	background: url('nav-icon.png') no-repeat;
		width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 13px;}
iframe, #resourcesImage {width:85%;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 800px) {	 
#bioImage {width:300px !important;height:237px !important;}
#mainHeader h1 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:2.4em!important;}
#mainHeader h2 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:1.3em!important; margin-top:-3px;}
#mainHeader h3 {text-align:center;color:#1b325f;font-family: Georgia, "Times New Roman", Times, serif;font-size:.8em!important;margin-top:-10px;}	
iframe, #resourcesImage {width:85%;}
}