body, #bottomfloat {
min-width:320px;
max-width:1200px;
margin:0px auto;
padding:10px 0px 100px 0px;
font-family: "Lato", sans-serif;
font-size: 17px;
font-weight: 500;
line-height:1.5em;
background-color:#f7f7f7;
}

p {
margin-block-start: 0.25em;
}


h1, h2, h3, h4 {
font-family: "Barlow Condensed", sans-serif;
font-weight:550;
}

#header {
position:relative;
max-width:1200px;
}

#title {
z-index="99";
float: left;
position: absolute;
left: 0px;
bottom: 0px;
}

#title h1 {
color:#ffffff;
}

#dbfdnlogo {
z-index="100";
float: right;
position: absolute;
right: 10px;
bottom: 15px;
width: 65px;
height:auto;
}


#title span {
background-color:#990000;
padding:5px 10px;
}

tr, td {
    vertical-align:top;    
}


ol {
padding-inline-start:20px;
}

ul {
padding-inline-start:20px;
}


h1 {
font-size:2em;
line-height:1.3em;
}

h2 {
font-size:1.6em;
line-height:1.2em;
}


h3 {
padding-bottom:0em;
margin-bottom:0em;
line-height:1.5em;
}


.faqs h3 {
font-size:1.5em;
line-height:1.15em;
}

li {
margin-top:1em
}


select {
-webkit-appearance: none;
padding:5px 30px 5px 10px;
background: url(selectarrow.png) no-repeat right 50%;
background-color:#e7e7e7; 
font-size:1em;
color:#333333;
}


.selectarrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


.boldlink {
font-weight:700;
}

.emailtext p {
font-family: serif;
}

#container {
padding:10px 20px 60px 20px;
background-color:#ffffff;
max-width:900px;
margin:0px auto;
}

#pagecontent {
max-width:720px;
margin:0px auto;
padding-top:20px;
}


#districtinfo {
	display:none;
	border:1px solid #666666;
	padding: 10px;
}

#districtheader {
	padding: 15px;
}


#districtheader p{
	margin-block-end:0;
}

#districtheader p#dhstatus {
	margin-block-start:0;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:600;
}

#districtheader p#dhstatus span {
	white-space:nowrap;
}

p#dhlocalinfo {
	display:none;
	margin-block-start:15px;
	font-weight:400;
	font-size:1em;
}

.dhaction {
font-size:1.2em;
font-weight:400;
margin-block-end:0;
}


#instructions {
}

.bigbutton {
	width: 300px;
	height: auto;
	padding:20px;
	background-color:#990000;
	margin:10px auto;
}

.bigbutton h3 {
	padding-left:15px;
	text-indent:-18px;
	font-size:24px;
	line-height:1.2em;
	margin-block-start:0px;
	margin-block-end:0px;
	color:#ffffff;
}

.bigbutton h3 a {
text-decoration:none;
color:#ffffff;
}

.bigbutton h3 a:hover {
text-decoration:underline;
color:#eeeeee;
}


#ww1ccbutton {
 background-color:#0A3161;
}


#footer {
	margin-top:80px;
}


.endorseheader {
	font-size:0.8em;
	text-align:center;
}

.endorselogocontainer {
width:32%;
padding;0px 10px;
display:inline-block;
text-align:center;
height:auto;
min-width:50px;
}

.endorselogo {
padding;0px 10px;
width:100%
height:auto;
min-width:50px;
max-width:100px;
}



/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  float: left;
  border: 1px solid #cccccc;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  width:33.33%;
}


.tab button.emailbutton {
	background-color:#c8e7cb;
}

.tab button.phonebutton {
	background-color:#abdbaf;
}

.tab button.visitbutton {
	background-color:#8fcf94;
}

.tab button h3 {
	margin-block-start: 0.25em;
	font-family: "Barlow Condensed", sans-serif;
	font-size:2em;
	line-height:1.2em;
	color: #333333;
}




/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #1b693c;
  color:#ffffff;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #1b693c;
  color:#ffffff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  background-color:#f0f8f1;
}

#bottomfloat {
	position: fixed;
    bottom: 0;
    width: 100%;
    z-index:100;
    text-align:center;
    background-color:#990000;
    font-weight:600;
    font-size:1.2em;
    border-top: 5px solid #999999;
    padding:15px 15px 15px 0px;
    max-width:900px;
	min-width:320px;
	color:#ffffff;
	margin:0px auto;
}

#bottomfloat a {
	color:#ffffff
}