/* SharePoint Look and Feel for Energy Public Websites Created on Aug. 2017 */
/* ########## SharePoint Styles Start ########## */
/* Hide Ribbon for Signed in users
#s4-ribbonrow, #suiteBar, #ctl00_PlaceHolderLeftNavBar_onetidHeadbnnr2 { display : none; } */
/* Hide Search box on search result page */
.ms-srch-hover-outerContainer{display: none !important;} 
/* SharePoint Toolbar color */
div#suiteBarLeft {
	background-color: #FBA82E;
}
/* Hide First node on the Top Nav */
.ms-core-listMenu-horizontalBox li.static > a{ 
 display: none !important; 
 }
 .ms-core-listMenu-horizontalBox li.static > ul a{ 
 display: block !important; 
 }
/* Top Navigation static Menu Item Links Hover Style  */
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover {
	background-color: #ffcd29 !important;
}
/* Top Navigaion Static Menu Selected */
.ms-core-listMenu-horizontalBox li.selected a.selected {
	background-color: #ffcd29 !important;
 }
 /* Format left Nav */
 .ms-core-listMenu-verticalBox UL.root > LI > .menu-item {
     /*Style each menu item*/
	 background-color: #ffffff;
	 font-size: 1em;
     color: #001b6b;
	 width: 134px;
}
.ms-core-listMenu-verticalBox > ul.root > li.static > ul.static > li.static > a:hover {
     /*Style on hove sub items*/
}
.ms-core-listMenu-verticalBox > ul.root > li.selected > a { 
     /*Style selected top level item*/
	 background-color: #ffcd29;
	 font-weight: bold;
}
.ms-core-listMenu-verticalBox > ul.root > li > a:hover {  
     /*Style top level mouse hover*/
	 background-color: #ffcd29;
}
.ms-core-listMenu-verticalBox > ul.root > li.static > ul.static > li > a { 
     /*Style sub level mouse hove*/
	 background-color: #ffffff;
	 font-size: 1em;
     color: #001b6b;
	 width: 114px;

}
.ms-core-listMenu-verticalBox > ul.root > li.static > ul.static > li > a.selected {  
     /*Style selected sub item*/
	 background-color: #ffcd29;
	 font-weight: bold;
}
.ms-core-listMenu-verticalBox > ul.root > li.static > ul.static > li > a:hover {  
     /*Style selected sub item*/
	 background-color: #ffcd29;
}
.ms-core-listMenu-verticalBox a.selected {
     /*Style Selected Item*/
	 background-color: #ffcd29; 
}
.ms-core-listMenu-verticalBox UL.root UL {
     /*Style Outer Box*/
}
 /* Format search box */
#SearchBox > div {
	float:right;
	background-color: #ffffff; 
	margin-top: 7px;
}
/* ########## SharePoint Styles End ########## */



/* ########## RedDot Styles Start ########## */
#LeftSide  > div{
width: 154px;
background: #FFFFFF;
padding: 0px 0px 0px 0px;
}
#LeftStaticContent{
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
}
#LeftStaticContent a{
	color: #0072c6 !important;
}
#LeftStaticContent li{
	list-style-type: disc !important;
	padding-left: 0px;
	margin-left: 16px;
}
#LeftStaticContent H4{
	font-size: 16px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	margin-left: 0px;
	padding-left: 8px;
}
#LeftStaticContent p{
	text-align: center;
}
#RightSide {
width:698px;
float:left;
background: #FFFFFF;
padding: 0px 10px 10px 10px;
}
#Energy_wrapper {
    position: inherit;
    width: 900px;
    margin: 10px 10px 10px 10px;
    background: #E0DCDC;
    height: auto;
    background-color: #E0DCDC;
}
#Energy_Page {
	position: inherit;
	width: 943px;
	overflow: hidden;
	background-color: #FFF;
	margin-top: 20px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	background: #f1f2f2;
}
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	Z-index: 9999;
	font: 100%;
	font-family: arial, helvetica, sans-serif;
	line-height: 1.2em;
	background-color: #f1f2f2;
}
#pageWrap {
margin: 0px auto 0px auto;
background: url(page-bg-bottom.png) no-repeat bottom center;
}
#pageWrapTop {
background: url(page-bg-top.png) no-repeat top center;
}
#page {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 960px;
}
img {
border: none;
}
#header {
margin: 0px 8px 0px 8px;
padding: 0px 0px 0px 0px;
width: 912px;
height: 115px;
overflow: hidden;
}
#logo {
    float: left;
    padding: 38px 0px 0px 5px;
    width: 480px;
}
#siteName {
    margin: 0px 0px 0px 6px;
    font-size: 20px;
    font-weight: normal;
    font-style: italic;
    color: #00aebd;
    display: inline;
    vertical-align: bottom;
}
#metaNav {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 12px 5px;
	width: 420px;
	text-align: right;
	list-style-type: none;
	font-size: 16px;
}
#metaNav li {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
}
#metaNav a {
font-size: 0.7em;
color: #000000;
text-decoration: none;
}
#metaNav a:hover {
text-decoration: underline;
}
#breadcrumb {
margin: 0px 8px 4px 18px;
padding: 0px;
width: 902px;
overflow: hidden;
}
#breadcrumb p {
float: left;
display: inline;
margin: 0px 0px 0px 0px;
padding: 5px 0px 2px 0px;
width: 852px;
font-size: 0.75em;
color: #000000;
}
#breadcrumb a {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
#breadcrumb p a:hover {
text-decoration: underline;
}
#mainNav {
margin: 0px 8px 0px 8px;
width: 912px;
overflow: hidden;
line-height: 0.9em;
border-bottom: 2px solid #ffcd29;
background: #ffffff;
}
#mainNav ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
#mainNav li {
float: left;
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #ffffff;
}
#mainNav a {
display: block;
padding: 7px 8px 7px 8px;
font-size: 1em;
color: #36424b;
text-decoration: none;
background: #ffffff;
}
#mainNav .isCurrent,
#mainNav .isParentCurrent,
#mainNav .selectedParent {
background: #ffcd29;
}
#mainNav .isCurrent a,
#mainNav .isParentCurrent a,
#mainNav .selectedParent a {
color: #36424b;
background: #ffcd29;
}
#mainNav a:hover {
text-decoration: none;
background: #ffcd29;
}
#content {
margin: 20px 0px 0px 20px;
width: 714px;
}
#footer {
clear: both;
margin-top: 5px;
width: 928px;
height: 95px;
overflow: hidden;
padding-top: 60px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
/* content styles */
#footer a {
color: #36424b;
text-decoration: none;
font-size: 11px;
}
#footerLogo {
float: left;
display: inline;
padding: 10px 10px 0px 20px;
width: 120px;
}
#goaLinks,
#siteLinks {
width: 750px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#goaLinks li,
#siteLinks li {
float: right; 
display: inline;
padding: 0px 5px 0px 5px;
list-style-type: none;
}
#copyright {
float: left;
display: inline;
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 750px;
font-size: 11px;
color: #36424b;
border-top: 1px solid #ff7900;
}
#copyright a {
padding-left: 10px;
}
/* ########## RedDot Styles Reusable Content Start ########## */
.quicklinks3 {
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND: #eff4f5;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 0px;
	PADDING-LEFT: 1px;
	CLEAR: right;
	PADDING-RIGHT: 0px;
	width: 220px;
	margin: 1px;
	border: 1px solid #ffcd29;
}
.quicklinks3 H3 {
	FONT-SIZE: 16px;
	BACKGROUND: #f1f2f2;
	BORDER-BOTTOM: #d1d4d3 1px solid;
	COLOR: #34624b;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 4px;
	PADDING-LEFT: 10px;
	MARGIN: 0px;
	PADDING-RIGHT: 10px;
	font-weight: 400;
}
.quicklinks3 UL {
	MARGIN-TOP:5px;
	MARGIN-BOTTOM:3px;
	PADDING-LEFT:25px;
}
.quicklinks3 LI {
	FONT-SIZE: 13px;
	LIST-STYLE-TYPE: square; MARGIN: 0px;PADDING:0px;
}
.quicklinks3 A {
	TEXT-DECORATION: none
}
.quicklinks3 A:hover {
	TEXT-DECORATION: none
}

.sidebar3 {
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND: #eff4f5;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 0px;
	PADDING-LEFT: 1px;
	CLEAR: right;
	PADDING-RIGHT: 0px;
	width: 220px;
	margin: 1px;
	border: 1px solid #bce2d6;
}
.sidebar3 H3 {
	FONT-SIZE: 16px;
	COLOR: #36424b;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	MARGIN: 10px 0px 0px;
	PADDING-RIGHT: 0px;
	font-weight: 200;
}
.sidebar3 A {
	TEXT-DECORATION: none
}
.sidebar3 A:hover {
	TEXT-DECORATION: none
}
.sidebar3 P {
	FONT-FAMILY: arial, helvetica, sans-serif;
	FONT-SIZE: 12px;
	MARGIN: 10px 5px 0px 0px;
	color: #666666;
}
.sidebar3 img {
	border: none;
	float: left;
	padding: 2px;
	margin: 2px;
	width: 72px;
}
/* ########## RedDot Styles Reusable Content End ########## */
/* ########## RedDot Styles End ########## */
