@font-face {
    font-family: 'PPObjectSans';
    src: url('fonts/PPObjectSans-Regular.otf');
}

@font-face {
    font-family: 'PPObjectSansBold';
    src: url('fonts/PPObjectSans-Bold.otf');
    font-weight: bold;
}

body {
	margin: 0;
/*	background: #fff;*/
	background: #f3f4f4 repeat-y 50% 0; /* HACK: Used so sidebar will show same background color when scrolling down page */
	font-family: 'PPObjectSans', Helvetica, Arial;
	font-size: 10pt;
}

#sampleFrmFld { /* handle spam on feedback form */
	display: none;
}

h1, h2, h3 {
	line-height: 35px;
}

.ftr-hr-electricity-wide{border-top:2px solid #96FFF5; background-color:#96FFF5}

.brmedium {
	display: block;
    margin-bottom: .3em;
}

.companyHeading {
	margin: 0 0 .8em 0;
	color: #141928;
	font-weight: bold;
	font-size: 12pt;
}

.subHeading {
	margin: 0 0 .8em 0;
	color: #141928;
	font-weight: bold;
}

.subHeadingLarge {
	margin: 0 0 .8em 0;
	font-weight: bold;
	font-size: large;
}

.redHead {
	color: #FF0037;
}

.line-double {
    font-size: 1px;
    margin: 6px 0px;
    width: 100%;
    border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
    height: 3px
}


/* logo */
div.logo {
	margin-left: 0px;
	padding-left: 10px;
	background: #fff;
	text-align: left;
}
/* end logo */


/* topNav */
div.top_navbar {
	background: #FF0037;
	margin-left: 0px;
	align-items: center;
	padding: 0 30px;
	text-align: right;
}
div.top_navbar a {
	 color: #fff;
	 text-decoration: underline;
}
/* end topNav */


/* breadcrumb */
div.breadcrumb {
	margin-left: 200px;
	padding: 1px 16px;
	background: #f3f4f4;
	vertical-align: middle;
	padding: 4px;
}
/* end breadcrumb */


/* content */
div.content {
	background: #fff;
	margin-left: 200px;
	padding: 1px 16px;
}
div.content a {
	text-decoration: underline;
}
div.content ul {
	margin-left: 20px;
	padding: 8px 30px;
}
div.content ul li {
 	padding: 8px 0px;
}
div.content .row-gray a {
	text-decoration: none;
}
div.content .row-white a {
	text-decoration: none;
}
/* end content */

/* row definitions */
div.content .row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	overflow-wrap: break-word;
}

div.content .row-gray {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	background-color: #f3f4f4;
    border: 0px solid #f3f4f4;
    padding: 0 0 4px 4px;
	overflow-wrap: break-word;
}

div.content .row-white { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	background-color: #fff;
    border: 0px solid #fff;
    padding: 0 0 4px 4px;
	overflow-wrap: break-word;
}

.col-45 { 
	float:  left;
	width: 45%;
	margin-top: 6px;
}

.col-50 { 
	float: left;
	width: 50%;
	margin-top: 6px;
}

.col-55 { 
	float: left;
	width: 55%;
	margin-top: 6px;
}

.col-80 { 
	float: left;
	width: 80%;
	margin-top: 6px;
}

.col-100 { 
	float: left;
	width: 100%;
	margin-top: 6px;
}

.col-255 { 
	float: left;
	width: 225px;
	margin-top: 6px;
}
/* end row defnitions */


/* form inputs */
input[type=text], TEXTAREA, select {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 85%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: vertical;
}

input[type=submit] {
	background-color: #FF0037;
	color: white;
	font-weight: bold;
	padding: 12px 20px;
	border: 1px solid #FF0037;
	border-radius: 4px;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: #ffffff;
	color:#FF0037;
	border: 1px solid #FF0037; 
}
/* end form inputs */


/* sidebar */
.sidebar {
	margin: 0;
	padding: 0;
	width: 200px;
	background-color: #f3f4f4;
	position: absolute; /* fixed */
	height: 100%;
	overflow: auto;
}

.sidebar a {
	display: block;
	color: #141928;
	padding: 8px 20px;
	text-decoration: none;
}

.sidebar a.active {
	text-decoration: underline;
}

.sidebar a:hover:not(.active) {
	text-decoration: underline;
}

.sidebar #virtualLinks {
	background-color: #FF0037;
	color: #fff;
	padding: 4px;
}

.sidebar #virtualLinks a {
	color: #fff;
	text-decoration: underline;
}

div.sidebar hr {
	margin: 15px;
	color: #898C93;
}
/* end sidebar */


/* footer  */
div.footer {
	background: #fff;
	margin-left: 200px;
	padding: 50px 16px 100%;  /* top  right/left  bottom */
	text-align: center; 
	font-size: 9pt;
}
/* end footer */


/* Hide Drop Down Navigation for large screens */
div.subMenu {
	background: #fff;
	display: none;
}

/* Drop Down Navigation for small screens */
select#sub-menu {
	width: 100%;
    height: 50px;
    /*background-color: #f3f4f4;*/
    color: #000;
    margin: 5px 0;
    padding: 13px;
    border: 1px solid #333;
    text-overflow: '';
    font-family: 'PPObjectSans', Helvetica, Arial, sans-serif;
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    -moz-appearance: none; /* Firefox */
    background:  #fff url(images/icons8-expand-arrow-24.png) right no-repeat; /* use image as down arrow */
}

@media screen and (max-width: 650px) {
	div.sidebar { display: none; }
	div.top_navbar { margin-left: 0; }
	div.breadcrumb { margin-left: 0; }
	div.content { margin-left: 0; }
	div.footer { margin-left: 0; }
	div.subMenu { display: inline; }
}

@media screen and (max-width: 400px) {
	div.sidebar { display: none; }
}