/* PSO.css */
@charset "utf-8";
/* CSS Document */
html, 
html * {
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
body {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #e6f4f8;
	border-style: solid;
	border-width: 0px 5px 0px 5px; /* 25px top, 10px right, 4px bottom and 35px left */
	border-color: #e6f4f8;
  box-sizing: border-box;
}
.body_padded {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #e6f4f8;
	border-style: solid;
	border-width: 0px 5px 0px 5px; /* 25px top, 10px right, 4px bottom and 35px left */
	border-color: #e6f4f8;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

/* ---------- FONTS --------- */
.arvo {
	font-family: Arvo;
	font-size: medium;
	color: #333;
}
.arvolarge {
	font-family: Arvo;
	font-size: large;
	color:#383838
}
.arvoextralarge {
	font-family: Arvo;
	font-size: 36px;
	color: #383838
}
.BlackHeadline2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.BlackHeadline3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.BlackHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
.BlackSerif14pt {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 14px;
}
.BlackSerifHeadline {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 24px;
	font-weight: bold;
	color: black;
}
.BlueFont2 {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 24px;
}
.BlueHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: blue;
}
.BlueSerifHeadline {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 24px;
	color: #36F;
	font-weight: bold;
}

.BoldSerifText {
	font-family: "Playfair Display", "Playfair Display Black";
	font-size: medium;
	font-weight: bolder;
}
.BoldSerifItalicText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bolder;
	font-style: italic;
}
.BOP {
	font-family: "Windsor BT";
	font-size: xx-large;
	font-style: normal;
	font-weight: bold;
	color: black;
}
.BOPmedium {
	font-family: "Windsor BT";
	font-size: large;
	font-style: normal;
	font-weight: bold;
	color: black;
}
.BOPextralarge {
	font-family: "Windsor BT";
	font-size: 48px;
	font-style: normal;
	font-weight: bold;
	color: black;
	text-align: center;
}
.ExtraLargeSerifText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	font-weight: bold;
	color: black;
}
.Headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #0000FF;
}
hr.largered {
  border: 15px solid red;
  border-radius: 2px;
}
.MediumSerifText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bold;
}
.MediumText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
}
.Playfair {
	font-family: "Playfair Display", "Playfair Display Black";
	font-size: medium;
	color:black;
	font-weight: normal;
}
.PlayfairBold {
	font-family: "Playfair Display", "Playfair Display Black";
	font-size: medium;
	color:black;
	font-weight: bold;
}
.PORC_Text {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
}
.PSOText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}
.PSOTextSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.PSOUnderlineText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: underline;
	font-weight: bolder;
}
.PSOExtirpated {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: underline;
	font-weight: bolder;
	color: #F00;
}
.PSOTextSmall {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: small;
}
.RedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F00;
	font-size: small;
}
.RedBoldLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F00;
	font-size: large;
}
.smallSerif {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
}

.Stats {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}

.t2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bold;
	color: black;
}
.t1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: xx-large;
	font-weight: bold;
	color: red;
}
.WhiteMediumText {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: small;
}

/* ---------- END FONTS --------- */

/*  ---------- LINKS ----------  */

a {
	color: #000000;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration: underline;
}

/* ---------- LINKS --------- */

/*  ---------- TABLES ----------  */

.cellpadding10 {
	padding: 10px;
}
.cellpadding5 {
	padding: 5px;
}
.hoverTable{
	align: center;
	border:1px, solid, #000;
	border-collapse: collapse;
	border-spacing: 0;
	margin-left: 15%;
	margin-right: 15%;
	font-family: arial, "sans-serif;";
	position: relative;
	border: thin solid #000;
}
.hoverTable td{
	padding: 5px;
	cellspacing: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #CCC;
}
.hoverTable th{
	padding: 5px;
	background-color: #EDFEE7;
}
.hoverTable tr{
	background-color: #FEFDF1;
	text-align: center;
	border-collapse: collapse;
	padding:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.hoverTable tr:hover {
	  background-color: #F5F2EB;
}
.porc_table_wide tr:nth-child(even){
	background-color: #f2f2f2;
}
.porc_table_wide tr:hover {
	background-color: #ddd;
}
.porc_photo_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
.porc_photo_table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;;
}
.porc_photo_table td, th {
  border: 1px solid #ddd;
  padding: 8px;
}
.porc_photo_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
.porc_table_nobars {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
}
.porc_table_nobars td, th {
  border: 1px solid #ddd;
  padding: 8px;
}
.porc_table td, th {
  border: 1px solid #ddd;
  padding: 8px;
}
.porc_table tr:nth-child(even){
	background-color: #f2f2f2;
}
.porc_table tr:nth-child(odd){
	background-color: white;
}
.porc_table tr:hover {
	background-color: #ddd;
}
.countylist_table td, th {
  border: 1px solid #ddd;
  padding: 8px
}
.countylist_table tr:nth-child(even){
	background-color: #f2f2f2;
}
.countylist_table tr:nth-child(odd){
	background-color: white;
}
.countylist_table tr:hover {
	background-color: #ddd;
}
.porc_table_800 {
	font-family: Arial, Helvetica, sans-serif;
	width: 1000px;
}
.porctable1000{
	padding: 20px;
}
.porc_table_800 td, th {
  border: 1px solid #ddd;
  padding: 8px;
}
.porc_table_800 tr:nth-child(even){
	background-color: #f2f2f2;
}
.porc_table_800 tr:hover {
	background-color: #ddd;
}
.porc_table_wide {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width:100%
}
.porc_table_wide td, th {
  border: 1px solid #ddd;
  padding: 8px;
}
.porc_table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
}
.porc_titlecell {
  border:solid 4px #000;
}
.siteguide_table {
  padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
}
table {
   border-collapse: collapse;
}
.TableBody {
	font-family:verdana,arial,tahoma;
	font-size:12px;
	padding-left: 3px;
	color:black;
}
.TableBody:hover {
color:red;
}
.TableBodySelected {
font-family:verdana,arial,tahoma;
font-size:12px;
background-color:#E2DBC3;
padding-left: 3px;
color: #383881;
}
.TableBodySelectedNumeric {
font-family:verdana,arial,tahoma;
font-size:12px;
background-color:#E2DBC3;
padding-right: 3px;
color: #383881;
text-align: right;
}
.TableBodyNumeric {
font-family:verdana,arial,tahoma;
font-size:12px;
color:black;
background-color:#EEEEEB;
text-align:right;
padding-right: 3px;
}
.TableBodyNumeric:hover {
color:red;
}
.TableFooter {
font-family:verdana,arial,tahoma;
font-weight:bold;
font-size:12px;
background-color:#D5D3CC;
text-align=center;
}
.TableHeader {
font-family:verdana,arial,tahoma;
font-size:12px;
font-weight:none;
background-color:#D5D3CC;
text-indent:5px;
color:black;
text-decoration:none;
}
.TableHeader:hover {
color:#A52A00;
}
.TableTitle {
font-family:verdana,arial,tahoma;
font-size:22px;
font-weight:normal;
text-indent:5px;
color:#565656;
text-decoration:none;
}


/*  ---------- END TABLES ----------  */

/*  ---------- MENUS ----------  */

.navbar {
  width: 100%;
  background-color: #555;
  overflow: auto;
}
.navbar a {
  float: left;
  color: white;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  border-top: #7fc6f8 1px solid;
  border-bottom: #7faed0 1px solid;
  border-right:  #7faed0 1px solid;
  border-left:  #7faed0 1px solid;
  background: #008ef1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008ef1', endColorstr='#005fa2');
  background: -webkit-gradient(linear, left top, left bottom, from(#008ef1), to(#005fa2));
  background: -moz-linear-gradient(top, #008ef1, #005fa2);
  height: 50px;
  padding-top: 10px;
  Width: 33.3%;
}
.navbar a:hover {
  background-color: #B0D9F9;
  color:black;
}
.navbar a.active {
  background-color: #B0D9F9;
  color:black;
}
.tr.border-bottom {
  border-bottom: 1px solid black;
}
/*  ---------- navbar separator ----------  */

.navbarbrown3 {
  width: 100%;
  overflow: auto;
}
.navbarbrown3 a {
  float: left;
  color: black;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  border-top: #66492D 1px solid;
  border-bottom: #66492D 1px solid;
  border-right:  #66492D 1px solid;
  border-left:  #66492D 1px solid;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DAC3AC', endColorstr='#E9DBCD');
  background: -webkit-gradient(linear, left top, left bottom, from(#DAC3AC), to(#E9DBCD));
  background: -moz-linear-gradient(top, #DAC3AC, #E9DBCD);
  height: 50px;
  padding-top: 10px;
  Width: 33.3%;
}
.navbarbrown3 a:hover {
  color:white;
}
.navbarbrown3 a.active {
  color:white;
}
/*  ---------- navbar separator ----------  */

.navbarbrown4 {
  width: 100%;
  overflow: auto;
}
.navbarbrown4 a {
  float: left;
  color: black;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  border-top: #66492D 1px solid;
  border-bottom: #66492D 1px solid;
  border-right:  #66492D 1px solid;
  border-left:  #66492D 1px solid;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DAC3AC', endColorstr='#E9DBCD');
  background: -webkit-gradient(linear, left top, left bottom, from(#DAC3AC), to(#E9DBCD));
  background: -moz-linear-gradient(top, #DAC3AC, #E9DBCD);
  height: 50px;
  padding-top: 10px;
  Width: 25%;
}
.navbarbrown4 a:hover {
  color:white;
}
.navbarbrown4 a.active {
  color:white;
}
/*  ---------- navbar separator ----------  */
.navbarbrownmedium4 {
  width: 100%;
  overflow: auto;
}
.navbarbrownmedium4 a {
  float: left;
  color: black;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  border-top: #66492D 1px solid;
  border-bottom: #66492D 1px solid;
  border-right:  #66492D 1px solid;
  border-left:  #66492D 1px solid;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DAC3AC', endColorstr='#E9DBCD');
  background: -webkit-gradient(linear, left top, left bottom, from(#DAC3AC), to(#E9DBCD));
  background: -moz-linear-gradient(top, #DAC3AC, #E9DBCD);
  height: 40px;
  padding-top: 10px;
  Width: 25%;
}
.navbarbrownmedium4 a:hover {
  color:white;
}
.navbarbrownmedium4 a.active {
  color:white;
}
/*  ---------- navbar separator ----------  */
.navbarbrownmedium3 {
  width: 100%;
  overflow: auto;
}
.navbarbrownmedium3 a {
  float: left;
  color: black;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  border-top: #66492D 1px solid;
  border-bottom: #66492D 1px solid;
  border-right:  #66492D 1px solid;
  border-left:  #66492D 1px solid;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DAC3AC', endColorstr='#E9DBCD');
  background: -webkit-gradient(linear, left top, left bottom, from(#DAC3AC), to(#E9DBCD));
  background: -moz-linear-gradient(top, #DAC3AC, #E9DBCD);
  height: 40px;
  padding-top: 10px;
  Width: 33.3%;
}
.navbarbrownmedium3 a:hover {
  color:white;
}
.navbarbrownmedium3 a.active {
  color:white;
}

/*  ---------- navbar separator ----------  */

.navbarbrownmedium2 {
  width: 100%;
  overflow: auto;
}
.navbarbrownmedium2 a {
  float: left;
  color: black;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  border-top: #66492D 1px solid;
  border-bottom: #66492D 1px solid;
  border-right:  #66492D 1px solid;
  border-left:  #66492D 1px solid;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DAC3AC', endColorstr='#E9DBCD');
  background: -webkit-gradient(linear, left top, left bottom, from(#DAC3AC), to(#E9DBCD));
  background: -moz-linear-gradient(top, #DAC3AC, #E9DBCD);
  height: 40px;
  padding-top: 10px;
  Width: 50%;
}
.navbarbrownmedium2 a:hover {
  color:white;
}
.navbarbrownmedium2 a.active {
  color:white;
}

/*  ---------- navbar separator ----------  */

.navbar2 a {
  float: left;
  color: white;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  border-top: #7fc6f8 1px solid;
  border-bottom: #7faed0 1px solid;
  border-right:  #7faed0 1px solid;
  border-left:  #7faed0 1px solid;
  background: #008ef1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008ef1', endColorstr='#005fa2');
  background: -webkit-gradient(linear, left top, left bottom, from(#008ef1), to(#005fa2));
  background: -moz-linear-gradient(top, #008ef1, #005fa2);
  height: 50px;
  padding-top: 10px;
  Width: 50%;
}
.navbar2 a:hover {
  background-color: #B0D9F9;
  color:black;
}
.navbar2 a.active {
  background-color: #B0D9F9;
  color:black;
}
.navbar3 {
  width: 100%;
  background-color: #555;
  overflow: auto;
}
.navbar3 a {
  float: left;
  color: white;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  border-top: #7fc6f8 1px solid;
  border-bottom: #7faed0 1px solid;
  border-right:  #7faed0 1px solid;
  border-left:  #7faed0 1px solid;
  background: #008ef1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008ef1', endColorstr='#005fa2');
  background: -webkit-gradient(linear, left top, left bottom, from(#008ef1), to(#005fa2));
  background: -moz-linear-gradient(top, #008ef1, #005fa2);
  height: 50px;
  padding-top: 10px;
  Width: 25%;
}
.navbar3 a:hover {
  background-color: #B0D9F9;
  color:black;
}
.navbar3 a.active {
  background-color: #B0D9F9;
  color:black;
}

.column {
  float: left;
  padding: 10px;
  border-top: #7fc6f8 1px solid;
  border-bottom: #7faed0 1px solid;
  border-right:  #7faed0 1px solid;
  border-left:  #7faed0 1px solid;
}
.left {
  width: 70%;
}
.middle {
  width: 15%;
}
.right {
  width: 15%;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.porcwrapper {
	position: fixed;
	top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.porcelement {
  width: 500px;
  height: 80px;
  background-color: lightblue;
}
.porctopnav {
  overflow: hidden;
  background-color: #FDCB98;
  border-right: 1px solid #bbb;
}
.porctopnav a {
  float: left;
  overflow: auto;
  width: 12.5%;
  color: black;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 17px;
  border-right: 1px solid #bbb;
}
.porctopnav a:hover {
  background-color: #ddd;
  color: black;
}
.porctopnav a.active {
  background-color: #BAFEF5;
  color: black;
}
.porcrowheight{
  height: 70px;
}
.row .col .BOPextralarge {
}


/*  ---------- END MENUS ----------  */

/*  ---------- MEDIA ----------  */

/*Tablet View*/

@media (min-width: 768px){
	body {
		max-width: 778px;
	}
	.style-nav ul li {
		display: inline-block;
	}
	.style-nav ul {
		text-align: center;
	}
	h1 {
		font-size: 40px;
	}
	h2 {
	}
	.col-md-one-half {
		width: 50%;
	}
	.col {
		float: left;
	}
}

/*Desktop View*/

@media (min-width: 1024px){
	body {
		max-width: 3000px;
	}
	.style-logo {
		float: left;
	}
	.style-nav {
		float: right;
	}
	.col-lg-one-fourth {
		width: 25%;
	}
}


/*  ---------- END MEDIA ----------  */

/*  ---------- LISTS ----------  */

ol.I {
	list-style-type: upper-roman;
}
ol.i {
	list-style-type: lower-roman;
}

ol.a {
	list-style-type: lower-alpha;
}
ol.A {
	list-style-type: upper-alpha;
}
ol.G {
	list-style-type: decimal;
}
ul li {
	padding: 10px 0px;
}

/*  ---------- END LISTS ----------  */



/*  ---------- IMAGES ----------  */

figure {
  border: 1px #cccccc solid;
  padding: 14px;
  margin: auto;
}

figcaption {
	color: black;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.MapBorder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.img  {
  float: right;
}
.imgphoto  {
  float: center;
  border: 15px;
  border-style: solid;
  border-color: #e6f4f8;
}
.imgphotoleft  {
  float: left;
  border: 15px;
  border-style: solid;
  border-color: #e6f4f8;
}
.imgphotoright  {
  float: right;
  border: 15px;
  border-style: solid;
  border-color: #e6f4f8;
}
.imgphotowhiteright  {
  float: right;
  border: 15px;
  border-style: solid;
  border-color: white;
}
.imgphotowhiteleft  {
  float: left;
  border: 15px;
  border-style: solid;
  border-color: white;
}
img.scaled {
  width: 100%;
}


/*  ---------- END IMAGES ----------  */

/* ---------- BUTTONS----------  */

.BOPbutton {
	background: -webkit-gradient(linear, left top, left bottom, from(#DAC3AC), to(#E9DBCD));
	background: -moz-linear-gradient(top, #DAC3AC, #E9DBCD);
	border: none;
	color: black;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.SubmitButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #000;
	background-color: #CCCCCC;
	border-top-style: ridge;
	border-right-style: inset;
	border-bottom-style: outset;
	border-left-style: ridge;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	padding: 6px;
}
.porc_button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

/* ---------- END BUTTONS----------  */

/* ---------- FORMS----------  */

.Option {
font-family:verdana,arial,tahoma;
font-size:12px;
}
.style1 {
	font-size: large;
	font-weight: bold;
}
.SelectedOption {
font-family:verdana,arial,tahoma;
font-size:12px;
color:#888067;
}
.InputCenter {
	text-align: center;
}
.TextBox {
	background-color: #EAFEFF;
	font-family: Arial;
	font-size: 14px;
	padding: 4px;
	font-weight: bold;
}
input:focus {
	background-color: #FFFFE6;
}
textarea:focus {
	background-color: #FFFFE6;
}
.textareabox {
	font-family: Arial;
	font-size: 14px;
	background-color: #EAFEFF;
	padding: 4pt;
}
.textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.ballotfields {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding-top: 4pt;
	padding-right: 4pt;
	padding-bottom: 6pt;
	padding-left: 4pt;
	border: thin solid #CCC;
	line-height: 30px;
	background-color: #F3F0D6;
}
.userviewfields {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, Times New 
}


/* ---------- END FORMS ----------  */

/* ----------  MISC ----------  */

html * {
	margin: 0 auto;
	box-sizing: border-box;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial,"sans-serif";
}
.wrscell {
	padding: 15px;
}
.Uppercase {
	text-transform: uppercase;
}
.InvisibleField {
	font-family: Georgia, "Times New Roman", Times, serif;
	visibility: hidden;
}
.fieldbackground {
	background-color: #FFFF99;
}
.Error {
font-family:verdana,arial,tahoma;
font-size:12px;
font-weight:bold;
background-color:#EEEEEB;
text-indent:5px;
color:#282828;
text-decoration:none;
margin-bottom:10px;
}
.content {
  max-width: 1200px;
  margin: auto;
  background: white;
  padding: 10px;
}
div.centre {
	margin: auto;
}
.center_text {
  text-align: center;
}
.birdlist_title {
  border-collapse: collapse;
}
.ppp {
	font-family: "Playfair Display", "Playfair Display Black";
	font-size: medium;
	font-weight: normal;
}
.titlerow{
	text-align: center;
	background-color: #94C8F2;
	width: 100%;
}
.titlerow2{
	text-align: center;
	background-color: #E9DBCD;
	width: 100%;
	padding: 20px
}
.titlerow2 a {
  text-decoration:none;
}
.titlerow2 a:hover {
  color:white;
}
.titlerow2 a.active {
  color:white;
}
.col {
	width: 100%;
}

/* ---------- END MISC ----------  */

/* ---------- GRIDS ----------  */


.grid-container8 {
  display: grid;
  grid: auto auto auto / auto auto;
  grid-gap: 10px;
  background-color: #e6f4f8;
  padding: 10px;
  text-align: left;
}
.grid-container8 > div {
  background-color: #e6f4f8;
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
  text-align: left;
}
.grid-container2 {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: auto;
  gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}
.grid-container2 > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
}
.grid-container3 {
  display: grid;
  grid: auto auto auto / auto auto;
  grid-gap: 10px;
  background-color: #e6f4f8;
  padding: 10px;
  text-align: left;
}
.grid-container3 > div {
  background-color: #e6f4f8;
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
  text-align: left;
}
.grid-container4 {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  gap: 0px;
  background-color: #e6f4f8;
}
.grid-container4 > div {
  background-color: #e6f4f8;
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
}
.grid-container5 {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  column-gap: 100px;
  background-color: #e6f4f8;
}
.grid-container5 > div {
  background-color: #e6f4f8;
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
}
.grid-container6 {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  column-gap: 100px;
  background-color: #e6f4f8;
}
.grid-container6 > div {
  background-color: #e6f4f8;
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
}

.grid-item-left {
  display: flex;            /* new */
  justify-content: left;  /* new */
}
.grid-item-center {
  display: flex;            /* new */
  align-items: center;      /* new */
  justify-content: center;  /* new */
}
.grid-item-right {
  display: flex;            /* new */
  align-items: right;      /* new */
  justify-content: right;  /* new */
}

/* ---------- END GRIDS ----------  */



/* ---------- BOP ----------  */

.PSO-body {
	background: #e6f4f8;
	border-style: solid;
	border-width: 0px 5px 0px 5px; /* top, right, bottom, left */
	border-color: #e6f4f8;
}

.BOP-header {
	background: #B0D9F9;
}
.BOP_header {
	background: #B0D9F9;
}
.BON_header {
	background: #B0D9F9;
	padding: 15px
}
.TestHeader {
		background: #B0D9F9;
}

.CL-header {
	background-color: #FFCC33;
}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}

.header-wrapper {
    border-top: #7fc6f8 1px solid;
    border-bottom: #7faed0 1px solid;
    background: #008ef1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008ef1', endColorstr='#005fa2');
    background: -webkit-gradient(linear, left top, left bottom, from(#008ef1), to(#005fa2));
    background: -moz-linear-gradient(top, #008ef1, #005fa2);
    height: 50px;
    padding-top: 5px;
	width: 25%;
}

.page {
	background-color:#ffffff;
}

/* ---------- END BOP ----------  */

.lefttext {
	text-align: left;
}
.centerpage {
	margin: 0 auto;
	padding: 10px;
}
hanging_indent {
  padding-left: 8em;
  text-indent: -4em;
}