@font-face {
    font-family: "Lato";
    src: url("/font/lato-heavy-webfont.woff2") format("woff2"),
         url("/font/lato-heavy-webfont.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("/font/lato-light-webfont.woff2") format("woff2"),
         url("/font/lato-light-webfont.woff") format("woff");
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("/font/lato-regular-webfont.woff2") format("woff2"),
         url("/font/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

html
{
	overflow-y: scroll;
}

body
{
	margin: 24px;
	color: #000000;
	font-family: Lato, Arial, Helvetica, Helv, Sans, Sans-serif, "Sans Serif";
	font-weight: normal;
	font-size: 1;
	background-color: #e5e5e5;
	-webkit-text-size-adjust: 100%;
}

em, i, cite
{
	font-style: normal;
	font-weight: 800;
}

b, strong
{
	font-style: normal;
	font-weight: 800;
}

div, form, img, header, footer, article, section, aside, nav
{
	border: none; margin: 0; padding: 0;
	display: block;
	box-sizing: border-box;
}

p
{
	line-height: 1.4em;
	margin: 0 0 1.3em 0;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 0.8em 0;
}

h1, h2
{
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 0 0 0.8em 0;
}

h3
{
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0 0 0.4em 0;
}

h4
{
	font-size: 1em;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
}

h5
{
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
}

h6
{
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
}

ul, ol
{
	padding: 0 0 0 24px;
	margin: 0 0 15px 0;
}

ul li, ol li
{
	list-style-type: disc;
	list-style-position: outside;
	line-height: 1.5em;
	margin: 0 0 0.4em 0;
}

ul li
{
	list-style-type: disc;
}

ol li
{
	list-style-type: decimal;
}

a { color: #003399; text-decoration: none; }
a:link { color: #003399; text-decoration: none; }
a:visited { color: #663366; text-decoration: none; }
a:active { color: #0279c2; text-decoration: none; }
a:hover { color: #0279c2; text-decoration: none; }

.tm, .phrase
{
	white-space: nowrap;
}

.clearfix
{
	clear: both;
}

div.clearfix
{
	height: 1px;
	overflow: hidden;
}

#footer
{
	clear: both;
	padding-top: 1em;
}

#footer p
{
	font-size: 0.8em;
	line-height: 1.2em;
	margin-bottom: 0.6em;
}

/* Market */

body.market h1
{
	float: left;
	margin-right: 0.8em;
}

body.market h2
{
	text-align: right;
	white-space: nowrap;
}

body.market div#video
{
	position: relative;
	box-sizing: content-box;
	width: 43.74%;
	padding: 28.13%;
	overflow: hidden;
}

body.market div#video iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

div#dashboard,
div.sbs_graphs
{
	clear: both;
	margin: 20px auto;
	display: table;
	border-collapse: collapse;
	width: 100%;
}

div#dashboard div.midwrap,
div.sbs_graphs div.row
{
	display: table-row;
}

div#dashboard div.midwrap div,
div.sbs_graphs div.row div
{
	display: table-cell;
	text-align: center;
	vertical-align: top;
	border: 8px solid #c0c0c0;
	width: 25%;
	background-color: #ffffff;
	padding: 12px;
}

div.sbs_graphs div.row div
{
	width: auto;
}

div#dashboard div h3,
div.sbs_graphs div.row div h4
{
	font-size: 1em;
	line-height: 1.2em;
	margin: 0;
}

div.sbs_graphs div.row div h5
{
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0.2em auto 0.4em auto;
}

div#dashboard div p
{
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0;
}

div#dashboard div img,
div.sbs_graphs div.row div img
{
	width: 90%;
	max-width: 300px;
	height: auto;
	margin: 0.3em auto;
}

div.sbs_graphs div.row div.by_occupant img
{
	width: 400px;
	max-width: 400px;
	height: auto;
	margin: 2em auto;
}

div#dashboard div p span
{
	white-space: nowrap;
}

div#dashboard div p.trend span.value span
{
	display: inline-block;
	vertical-align: bottom;
	width: 18px;
	height: 16px;
	background-image: url(/img/stats/spr_trend_arrows.png);
	background-size: 60px 13px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-align: left;
	text-indent: -9em;
}

div#dashboard div p.trend span.value span.up
{
	background-position: left top;
}

div#dashboard div p.trend span.value span.down
{
	background-position: right top;
}

div#content .section
{
	clear: both;
	padding-top: 20px;
}

div#content .section h3,
div#content .section h4
{
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 0 0 0.8em 0;
}

div#content .section h3
{
	float: left;
	margin-right: 0.4em;
}

div#content .section h3:after
{
	content: ": ";
}

div#content .section div.graph
{
	border: 8px solid #c0c0c0;
	background-color: #ffffff;
	float: left;
	margin: 0 24px 4px 0;
	width: 50%;
	min-width: 300px;
	max-width: 450px;
	padding: 18px 10px 9px;
	overflow: hidden;
}

div#content .section div.graph img
{
	width: 95%;
	margin: 0 auto;
}

/* Schools */

div#GS_schoolSearchWidget
{
	box-sizing: content-box;
	border:solid 8px #C0C0C0 !important;
	border-bottom-width: 8px !important;
}

body.schools h2
{
	clear: both;
	margin-top: 1.5em;
}

body.schools div.schooltable,
body.assessment div.assesstable
{
	display: table;
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9em;
	line-height: 1.3em;
}

body.assessment div.assesstable
{
	border-top: 2px solid #666666;
}

div.schooltable div.headerrow,
div.schooltable div.roweven,
div.schooltable div.rowodd,
div.assesstable div.roweven,
div.assesstable div.rowodd
{
	display: table-row;
}

body.schools div.schooltable div.morecontrol
{
	display: none;
}

body.schools div.schooltable div.headerrow div
{
	display: table-cell;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 4px 8px;
	background-color: #dddddd;
	border-bottom: 2px solid #666666;
}

div.roweven div,
div.rowodd div
{
	display: table-cell;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background-color: #f4f4f4;
	padding: 4px 8px;
}

body.schools div.schooltable div.score
{
	text-align: center;
	padding: 2px 8px;
}

div.assesstable div.roweven div.datum,
div.assesstable div.rowodd div.datum
{
	text-align: right;
	font-weight: bold;
}

body.schools div.schooltable div.headerrow div.score
{
	text-align: center;
}

body.schools div.schooltable div.score img
{
	margin: 0 auto;
}

div.roweven div
{
	background-color: #dddddd;
}

body.schools div.schooltable div span
{
	display: none;
}

body.demog div.section
{
	margin-bottom: 1.6em;
}

body.demog div.section h4:first-child
{
	font-size: 1.4em;
	line-height: 1.2em;
}

body.demog table
{
	border-collapse: collapse;
	width: 100%;
}

body.demog table tr td
{
	vertical-align: top;
	text-align: right;
	width: 15%;
	min-width: 5.5em;
	padding: 2px 0 2px 8px;
	border-bottom: 1px solid #999999;
}

body.demog table tr td:first-child
{
	text-align: left;
	width: auto;
	padding-left: 0;
}

body.demog table tr.demographicsTableHeader td
{
	font-weight: bold;
	border-bottom: 1px solid #000000;
}

body.demog table hr
{
	display: none;
}

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
.jssora05l.jssora05lds      (disabled)
.jssora05r.jssora05rds      (disabled)
*/
.jssora05l, .jssora05r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	cursor: pointer;
	background: url('/img/nav/jssor/a17rmj.png') no-repeat;
	background-size: 400px 90px;
	overflow: hidden;
	top: 220px;
}
.jssora05l { left: 16px; background-position: -10px -40px; }
.jssora05r { right: 16px; background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
/* jssor slider thumbnail navigator skin 01 css *//*.jssort01-96-72 .p            (normal).jssort01-96-72 .p:hover      (normal mouseover).jssort01-96-72 .p.pav        (active).jssort01-96-72 .p.pdn        (mousedown)*/.jssort01-96-72 .p {    position: absolute;    top: 0;    left: 0;    width: 96px;    height: 72px;}.jssort01-96-72 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}.jssort01-96-72 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.jssort01-96-72 .c {    position: absolute;    top: 0px;    left: 0px;    width: 92px;    height: 68px;    border: #000 2px solid;    box-sizing: content-box;    background: url('/img/nav/jssor/t01rmj.png') -800px -800px no-repeat; background-size: 160px 120px;    _background: none;}.jssort01-96-72 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 92px;    height: 68px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}.jssort01-96-72 .p:hover .c {    top: 0px;    left: 0px;    width: 94px;    height: 70px;    border: #fff 1px solid;    background-position: 50% 50%;}.jssort01-96-72 .p.pdn .c {    background-position: 50% 50%;    width: 92px;    height: 68px;    border: #000 2px solid;}* html .jssort01-96-72 .c, * html .jssort01-96-72 .pdn .c, * html .jssort01-96-72 .pav .c {    /* ie quirks mode adjust */    width /**/: 96px;    height /**/: 72px;}

.comm_photos
{
	border: 8px solid #c0c0c0;
	background-color: #ffffff;
	padding: 12px;
	width: 67%;
	max-width: 680px;
	float: right;
	margin: 0 0 18px 18px;
}

.comm_photos .caption
{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	color: #ffffff;
	background-color: rgba(0, 0, 0, .6);
	padding: 4px 15px;
}


@media only screen and (max-width: 780px) {

	body.demog div.sbs_graphs
	{
		display: block;
		border-top: 8px solid #c0c0c0;
	}

	body.demog div.row
	{
		display: block;
	}

	body.demog div.row div
	{
		display: block;
		border-top: none;
		width: auto;
	}

	div.sbs_graphs div.row div.by_occupant img
	{
		width: 100%;
		max-width: 600px;
		margin: 1em auto;
	}

	.comm_photos
	{
		float: none;
		width: auto;
		margin: 0 auto 18px;
	}

}

@media only screen and (max-width: 640px) {

	/* Market */

	body.market h1
	{
		float: none;
		margin: 0 0 0.1em 0;
	}

	body.market h2
	{
		text-align: left;
		font-size: 1.2em;
		line-height: 1.2em;
		font-weight: normal;
	}

	/* Schools */
	
	div#GS_schoolSearchWidget
	{
		display: none;
	}

	body.schools div.schooltable
	{
		display: block;
		width: 100%;
	}

	body.schools div.schooltable div.headerrow
	{
		display: none;
	}

	body.schools div.schooltable div.roweven,
	body.schools div.schooltable div.rowodd
	{
		display: block;
		width: 100%;
		padding: 6px 12px 1px;
		background-color: #f4f4f4;
	}

	body.schools div.schooltable div.roweven
	{
		background-color: #dddddd;
	}

	body.schools div.schooltable div.roweven div,
	body.schools div.schooltable div.rowodd div
	{
		display: block;
		padding: 0 0 4px 0;
		background-color: transparent;
	}

	body.schools div.schooltable div.name a,
	body.schools div.schooltable div.name a:link,
	body.schools div.schooltable div.name a:visited
	{
		font-weight: bold;
	}

	body.schools div.schooltable div span
	{
		display: inline-block;
		font-weight: bold;
	}

	body.schools div.schooltable div.roweven div.type,
	body.schools div.schooltable div.rowodd div.type,
	body.schools div.schooltable div.roweven div.ratio,
	body.schools div.schooltable div.rowodd div.ratio
	{
		display: inline-block;
		width: 63%;
	}

	body.schools div.schooltable div.roweven div.enroll,
	body.schools div.schooltable div.rowodd div.enroll,
	body.schools div.schooltable div.roweven div.score,
	body.schools div.schooltable div.rowodd div.score
	{
		display: inline-block;
		width: 36%;
	}

	body.schools div.schooltable div.score img
	{
		display: inline;
		vertical-align: middle;
	}
	
	/* Demographics */

	body.demog table tr td
	{
		font-size: 0.9em;
		line-height: 1.3em;
		min-width: 5em;
	}

}

@media only screen and (max-width: 580px) {

	.comm_photos .caption
	{
		font-size: 1.8em;
		line-height: 1.2em;
	}

	.jssora05l, .jssora05r {
		width: 60px;
		height: 60px;
		border-radius: 30px;
		-webkit-border-radius: 30px;
		background-size: 600px 135px;
		top: 210px;
	}

	.jssora05l { left: 16px; background-position: -15px -60px; }
	.jssora05r { right: 16px; background-position: -105px -60px; }
	.jssora05l:hover { background-position: -195px -60px; }
	.jssora05r:hover { background-position: -285px -60px; }
	.jssora05l.jssora05ldn { background-position: -375px -60px; }
	.jssora05r.jssora05rdn { background-position: -465px -60px; }
	.jssora05l.jssora05lds { background-position: -15px -60px; }
	.jssora05r.jssora05rds { background-position: -105px -60px; }

}

@media only screen and (max-width: 520px) {

	/* Market */

	div#dashboard
	{
		display: block;
		border-top: 8px solid #c0c0c0;
	}

	div#dashboard div.midwrap
	{
		display: block;
	}

	div#dashboard div.midwrap div
	{
		display: block;
		border-top: none;
		width: auto;
	}

	div#dashboard div img
	{
		max-width: 250px;
	}

	div#content .section h3,
	div#content .section h4
	{
		margin-bottom: 0.4em;
	}

	div#content .section div.graph
	{
		float: none;
		width: 100%;
		min-width: 0;
		max-width: 100%;
		margin-bottom: 12px;
		border-color: #c0c0c0;
	}

	body.schools div.schooltable div.roweven div.type,
	body.schools div.schooltable div.rowodd div.type
	{
		width: 52%;
	}

	body.schools div.schooltable div.roweven div.enroll,
	body.schools div.schooltable div.rowodd div.enroll
	{
		width: 45%;
	}

	body.schools div.schooltable div.roweven div.ratio,
	body.schools div.schooltable div.rowodd div.ratio,
	body.schools div.schooltable div.roweven div.score,
	body.schools div.schooltable div.rowodd div.score
	{
		display: block;
		width: 100%;
		padding-bottom: 2px;
	}

	.comm_photos
	{
		background-color: transparent;
		padding: 0;
		border: none;
	}

}

@media only screen and (max-width: 420px) {

	/* Market */

	div#content .section h3
	{
		float: none;
		margin: 0 0 0.4em 0;
	}

	div#content .section h3:after
	{
		content: none;
	}

	div#content .section h4
	{
		font-size: 1em;
		line-height: 1.1em;
		text-align: center;
		background-color: #c0c0c0;
		margin: 0;
		padding: 4px 6px;
	}

	div#content .section div.graph
	{
		border-top: none;
	}

	/* Demographics */

	body.demog table tr td
	{
		font-size: 0.8em;
		line-height: 1.3em;
		min-width: 5em;
	}


}