@charset "utf-8";
/* CSS Document */
html,
body {
	width:100%;
    height: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}

body {
  padding: 0; 
  margin: 0;
}

#PrintLogo {
	display:none;
}

img {
	max-width:100%;
}
	img.right {
		float:right;
		margin: 15px 0 15px 30px;
	}
	img.left {
		float:left;
		margin: 15px 30px 15px 0;
	}
	.row img {
		display:block;
		margin:auto;
	}
	.img-swap {
		margin: 0px;
	}
div.ImgCap, figure.ImgCap {
	float:right;
	margin:10px 0px 10px 10px;
	max-width:300px;
}
div.ImgCap-Left, figure.ImgCap-Left {
	float:left;
	margin:10px 10px 10px 0px;
	max-width:300px;
}
	div.ImgCap p, figure.ImgCap p, div.ImgCap-Left p, figure.ImgCapLeft p {
		font-family: 'Source Sans Pro', sans-serif;
		font-size:0.850em; /* 12px */
		font-weight:400;
		color:#505050;
		margin-top:0px;
	}

div.ThreeImageColumn {
	float: left;
	width: 33%;
	padding: 2px;
}

div.ThreeImageRow:after {
	content: "";
	clear: both;
	display: table;
}

@media screen and (max-width: 500px) {
 div.ThreeImageColumn {
    width: 100%;
  }
}

.GeneralContent {
  padding: 0px 10px 10px 0px;
  width:75%;
  min-width:320px;
  max-width:1200px;
  margin:0 auto;
}

.PaddingTop {
  padding-top: 50px;
}
header {
  background: white;
  margin:0px;
  padding:0px;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
}
header ul {
    list-style-type: none;
    margin: 0;
    padding: 20px 10px 5px 0px;
    
    display: inline-block;
    *display: inline;
    zoom: 1;
}
nav	{
	margin: 0px;
    background: #002c77;
	padding:0px;
}
nav div.GeneralContent {
  padding: 0px 0px 0px 0px;
  width:75%;
  margin:0 auto;
}

.Title {
  background-color:#0075B0;
  width:100%;
  padding:0px;
  float:left;
  margin-bottom:30px;
}
	.Title-Breadcrumbs {
	  background-color:#0075B0;
	  width:100%;
	  padding:0px;
	  float:left;
	  margin-bottom:10px;
	}
.TitleText {
  padding: 30px 10px 0px 0px;
  width:35%;
  float:left;
  margin:0 auto;
}
	.TitleTextFullWidth {
	  padding: 30px 10px 0px 0px;
	  width:75%;
	  float:left;
	  margin:0 auto;
	}
.TitleImage {
  padding: 0px;
  width:60%;
  float:right;
  margin:0px;
}

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
} 

@media screen and (max-width:984px) {
.TitleImage {float: left; width: 100%; padding: 10px 10px 0px 0px;
}
.TitleText {width:100%;}
}

.floating-box {
    display: inline-block;
    border-radius: 25px;
    border: 2px solid #999999;
    padding: 20px;
    width: 200px;
    height: 150px;
    margin: 10px;
}

.PubBlurb {
	overflow:auto;
}

.Main-Content {
	float:left;
	width:65%;
	max-width: 780px;
	
}

.TwoColumnsL {
	width:45%;
	float:left;
	margin:0;
}
.TwoColumnsR {
	width:45%;
	float:right;
	margin:0;
}

.TwoColumnsL-60 {
	width:60%;
	float:left;
	margin:0;
	padding: 0 3% 0 0;
}
.TwoColumnsR-40 {
	width:37%;
	float:right;
	margin:0;
	padding: 0;
}
.TwoColumnsL-70 {
	width:70%;
	float:left;
	margin:0;
}
.TwoColumnsR-30 {
	width:25%;
	float:right;
	margin:0;
}
.TwoColumnsL-30 {
	width:25%;
	float:left;
	margin:0;
}
.TwoColumnsR-70 {
	width:70%;
	float:right;
	margin:0;
}

.TwoColumnsL-80 {
	width:77%;
	float:left;
	margin:0;
}
.TwoColumnsR-20 {
	width:18%;
	float:right;
	margin-left:3%;
}

@media screen and (max-width: 984px) {
 .TwoColumnsL, .TwoColumnsR, .TwoColumnsL-70, .TwoColumnsR-30, .TwoColumnsL-80, .TwoColumnsR-20  {
    width: 100%;
     float: left;
    }}

.Right-Navigation {
	width:25%;
	max-width: 300px;
	float:right;
	text-align:center;
	margin-top:0px;
}
.Right-Content {
	width:25%;
	max-width: 300px;
	float:right;
}
.Callout {
	border-left: #d0e5f0 medium solid;
	border-right: #d0e5f0 medium solid;
	width: 25%;
	margin: 20px;
	padding-left:15px;
	padding-right:15px;
	text-align: left;
	float: right;
}
.Callout-Left {
	border-left: #d0e5f0 medium solid;
	border-right: #d0e5f0 medium solid;
	width: 25%;
	margin: 20px 20px 20px 0;
	padding-left:15px;
	padding-right:15px;
	text-align: left;
	float: left;
}


/* -------------------- Tables ------------------------------ */

.Display-Table {
	display:table;
	margin-top:20px;
}

.Display-Table .Display-Table-Row {
	display:table-row;
}

/* ------------------------ BOARD MEMEBERS -------------------------------------------- */

.Display-Table .Display-Table-Row .Board-Photo {
	display:table-cell;
	padding-top:20px;
	vertical-align:bottom;
}
.Display-Table .Display-Table-Row .Board-Name {
	display:table-cell;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:1.063em;
	font-weight:400;
	color:#505050;
	vertical-align:bottom;
	padding-left:10px;
}

/* ------------------------ Tools -------------------------------------------- */

.Display-Table-Row .Tools-Photo {
	display:table-cell;
	padding: 5px;
	vertical-align:bottom;
}
.Display-Table-Row .Tools-Photo h4 {
	margin-top: 0px;
	margin-bottom: 5px;
}

/* ------------------------ Housing Report -------------------------------------------- */
.TwoColumnsL25 {
    width:25%;
    float:left;
    margin:0;
}
.TwoColumnsR75 {
    width:70%;
    float:right;
    margin:0;
}
  table.scroll {
    /* width: 100%; */ /* Optional */
    /* border-collapse: collapse; */
      table-layout: fixed;
}

table.scroll tbody,
table.scroll thead { display: block; }

table.scroll tbody {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.scroll tr th {
     position: sticky; top: 0;
}
ul.HousingReport {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.HousingReport li {
  float: left;
  color: #0075B0;
  padding: 16px 16px 16px 16px;
}

ul.HousingReport li a {
  display: block;
  color: #999999;
  text-align: center;
  padding: 5px 16px 16px 16px;
  text-decoration: none;
}