/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
em {font-style:italic;}
/*end reset*/


body .article {display:none;}
body.no-js .article {display:block;}

strong {font-weight:bold;}
/*SVG*/
svg text {font-family:'open-sans', arial, sans-serif; fill:#000}

#counties g g {cursor:pointer;}
#counties g g path {fill:#FFF; transition:all 300ms;}
#counties g g.all-ECS path {fill:#cddcf3}
#counties g g:hover path {fill: #fbdb99}
.lt-blue{fill:#7EACED;}
.st2 {fill:#FFF;}
rect {display:none;}
.font-14{font-size:14px;}
.font-15 {font-size:15px;}
.font-16{font-size:16px;}

.nowrap {
    white-space: nowrap;
}


body {font-family: 'open-sans', Arial, Helvetica, sans-serif; font-size: 10px; margin:0; padding:0; background: #ffffff; line-height:1.3;}

.banner {
    margin:20px 0; 
    padding:100px 0px;
    background-size:cover; 
    border-bottom:3px solid #3797db; 
    border-top:3px solid #3797db
    }
    
 .banner .banner-title {
    margin:0 auto;
    width:90%;
    max-width:514px;
 }
 
 .banner .banner-title img {width:100%;}

.menu-wrap h4 {
    color:#3797db;
    padding:3px 8px;
    font-size:16px;
    text-transform:uppercase;
    border-bottom:1px dashed #3797db;
    margin-bottom:3px;
}
.menu-wrap ul {
    font-size:16px;
    margin-left:0px; 
    list-style:none;   

}


.menu-wrap ul a {
    display:block;
    transition: all 100ms;
    text-decoration:none;
    padding:8px 10px;
        
    border-radius:5px;
}

.menu-wrap ul a.active {
    color:#FFF;
    background-color: #3797db;
}

h1 {
        line-height: 1.4em !important;
    }

.content {font-size:1.6em; line-height:1.4; padding:.5em .75em 5em; position:relative;}

.content img.full-width {width:100%;}
.content div.callout-right {float:right; width:225px;margin: 10px 0 15px 15px;}
.content div.callout-right img {width:100%;}



.caption {display:block; text-align:right; font-style:italic; font-size:10px; padding-bottom:15px;}
.caption.text-center{text-align:center}

.disclaimer
{
    border-top:1px solid #3797db;
    padding-top:15px;
    margin-top:15px;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
}
.print-button-wrap {
    text-align:right;
    margin:5px 5px 15px;
    }
    

    
.no-js .button-wrap {display:none;}

.print-only {display:none;}
@keyframes fadeIn {
    from {opacity:0; left:25px;}
    to {opacity:1; left:0px;}
}

ul.all-ecs {
    list-style:none;
    list-style:none;
    margin:0!important;
    padding:5px!important;
    
    
    }
    
    ul.all-ecs li {float:left; width:32%}
    
    @media only screen and (max-width:600px) {
        ul.all-ecs li {width:49%}  
                
        
    }
    
    @media only screen and (max-width:350px) {
        ul.all-ecs li {width:95%}  
    }

table.education-table {
       margin:15px auto;
       border:1px solid #3797db;
       width:60%;
       min-width:250px;
       cellpadding:0; 
       cellspacing:0;
       border-collapse:collapse;
    }
    
table.education-table th,
table.education-table td {padding:8px 5px; text-align:center}

table.education-table th {background:#3797db; color:#FFF; font-weight:bold;}
table.education-table tr:nth-child(even) {background:#DEEAF3;}

table.education-table.align-left {
       margin:15px 0;
     text-align: left;
    }

table.education-table.align-left td, table.education-table.align-left th {
       text-align: left;
        padding: 8px 15px;
    }

.note {
  font-size: 14px;
  padding: 0;
  margin: 5px 0;
  font-style: italic; }

p {margin-bottom:1em;}
blockquote {margin-bottom:1em; border-left:2px solid #CCC; padding:5px;}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

h1 {
	font-size: 2em;
	color: #005a9c;
	font-weight: 700;
	line-height:1.1em;
	margin-bottom:1em;
}	
span.subhead {font-size:.75em; color:#46a2e5; line-height:1em;}

h2 {
	font-size: 1.85em;
	font-weight: 600;
	color: #3797db;
	margin-top:1.75em;
	margin-bottom:.5em;
}

h3 {
	font-size: 1.1em;
	font-weight: 600;
	color: #005a9c;
	margin-top:1em;
	margin-bottom:.5em;
}

p {padding-top:0px; margin-top:0px; line-height:1.5}


ul, ol {margin-left:2em;}


li {
	padding-bottom:1em;
}

ol 
{
	list-style-type: decimal;
}


a:link 
{
	color: #005a9c;
	text-decoration: underline;

}
a:visited {
	color: #005a9c;
	text-decoration: underline;

}
a:hover {
	color: #00a886;
	text-decoration: underline;

}
a:active {
	color: #CFAB7A;
	text-decoration: underline;
}
.month 
{
	font-size: 10pt;
	line-height: normal;
	font-weight: bold;
}

a.button,
a:link.button,
.button {
    display:inline-block;
    background:#3797db;
    text-align:center;
    padding:8px 16px;
    font-size:16px;
    border-radius:5px;
    text-decoration:none;
    color:#FFF;
    cursor:pointer;
    transition:300ms background-color;
    
    }
    
.button:hover,
a:hover.button{
    background:#2088D1;
    }


.callout {
    margin: 15px 0px 30px;
    border-radius: 5px;
    border: 3px solid #7CBB5A;
    display: flex;
    align-items: stretch;
}

.callout-alt {
	font-weight:600;
    padding:20px 25px;
    text-align:center;
    color:#FFF;
    background-color:#7CBB5A;
    font-size: 17px;
	line-height: 24px;
}

.callout-alt h3 {
	text-transform: uppercase;
	margin-top: 0;
	padding-top: 0;
	font-size: 1.4em;
}

.callout__left {
    flex:1;
    position:relative;
    font-weight:600;
    padding:10px 15px;
    text-align:center;
    color:#FFF;
    background-color:#7CBB5A;
    font-size: 17px;
    text-transform:uppercase;
}
.callout__left span {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}
.callout__right {
    padding:10px 15px;
    flex:9;
}
.location-list-left {
		float: none;
		width:100%;
		display: block;
		margin-bottom: 0;
	}

	.location-list-right {
		float: none;
		width:100%;
		display: block;
		margin-top: 0;
	}

	@media (min-width: 1024px) {
		.location-list-left {
			float: left;
			width: 40%;
		}

		.location-list-right {
			float: left;
			width: 45%;
		}
	}


@media print {
    body {
        width: 100%;
    }
    
    .banner {padding:25px 0px;}
    .banner .banner-title {display:none;}
    .banner .banner-title img {display:none;}
    .banner .print-only {display:block; text-align:center}
    .banner .print-only h1 {font-size:36px;}
    .banner .print-only span {font-style:italic; font-size:24px;}
    
    .menu-wrap {display:none;}
    .article {display:block!important;}
    .print-button-wrap {display:none;}
    .content h1 {
        margin-top:25px;
        padding-top:25px;
        border-top:1px solid #3797db
    }
    
    .content>div:first-child h1 {border-top:none; padding-top:0px;}
    
    a:after {
        content: "( "attr(href)" )"
    }
    
    .education-table a:after {content:none;}
    .print-only {display:block;}
}