﻿
/* ie6 PNG Alpha and image flash hacks -----------------------*/
	html.ie6 { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* fixes the image flash issue */
	* html.ie6 img,
	* html.ie6 .png{
	    position:relative;
	    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	        this.src = "/Style Library/Images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	    ); /* adds alpha support to ie6 */
	}
/* -----------------------------------------------------------*/

/*  level the playing field ----------------------------------*/
	html{color:#000;background:#FFF;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,
	fieldset,legend,input,textarea,p,blockquote,th,td
	{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,strong,th,var
	{font-style:normal;font-weight:normal;}
	li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym {border:0;font-variant:normal;}
	sup {vertical-align:text-top;}
	sub {vertical-align:text-bottom;}
	input,textarea,select
	{font-family:inherit;font-size:inherit;font-weight:inherit;}
	.ie legend{color:#000;}
/*  leveled --------------------------------------------------*/

/* authoring interface overrides -----------------------------*/
	#site-actions-dropdown{position:absolute;}
	#MSOTlPn_MainTD{position:relative;z-index:1000;}
	.UserSectionTitle{color:black!important;}
	select{font-size:11px;}
	#ctl00_PlaceHolderMain_PageBody_ctl00_RichHtmlField_displayContent{width:auto ! important;}
	.ms-long{width:99%;}
	.ms-WPBody a:link,.ms-vb2 a:link{color:#0ad !important; text-decoration:none !important;}
	.ms-WPBody a:visited,.ms-vb2 a:visited{color:#8bc !important; text-decoration:none !important;}
	.ms-WPBody a:hover,.ms-vb2 a:hover{color:#08c !important; text-decoration:underline !important;}
	.ms-WPBody #tocwp #header{background-image:none;}
	
	.ms-cui-TabRowLeft{ font-size:8pt; }
	.ms-cui-TabRowLeft .ms-siteactionsmenuinner a{ padding:0 3px; color:#fff; }
	.ms-cui-TabRowLeft .ms-siteactionsmenuhover a{ padding:0 3px; color:#aef; }
/* -----------------------------------------------------------*/

/* ie6 specific hacks for SharePoint Edit Mode ---------------*/
	.ie6 .ms-SPZone, #ms-OZone{padding:0!important;border:none!important;}
	.ie6 .ms-WPTitle * {	white-space:normal; }
	.ie6 .ms-WPBorder { border-width:0!important; }
	.ie6 .ms-formfieldlabelcontainer { margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; }
	.ie6 .ms-formfieldvaluecontainer { margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; }
	.ie6 .ms-formfieldvaluecontainer span span span span div{ width:96%!important; }
/* -----------------------------------------------------------*/

/* Ribbon Consideration provided by... */

body #s4-workspace {
	overflow-x: visible;
	overflow-y: visible;
}

html.authenticated body #s4-workspace {
	overflow-x: scroll;
	overflow-y: scroll;
}

body.v4master {
  overflow: scroll;
}

.ie6 body.v4master, .ie7 body.v4master { overflow-x: visible; overflow-y: visible; }

html.authenticated body.v4master {
  overflow: hidden;
}



body{background:#ffffff url(images/bodyBG.jpg) repeat-x center top;}/*height:100%;overflow:hidden;width:100%;}*/

body #aspnetForm #s4-workspace {
	overflow-y:visible;
}

.authenticated body #aspnetForm #s4-workspace {
	left:0;
	overflow-x:auto;
	overflow-y:scroll;
	position:relative;
}

#masterBackground{width:100%;background:#ffffff url(images/bodyBG.jpg) repeat-x center top;}

.siteContainer {background-color: #ffffff;min-height: 450px;width:960px;margin:0px auto;background:#ffffff url(images/bodyBG.jpg) repeat-x center top;}
.siteHeader{height:166px;width:960px;background:transparent url(images/headerBG.jpg) no-repeat left top;}
.siteHeaderArc{width:960px;height:126px;background:transparent url(images/headerCurveBG.jpg) no-repeat left top;}
.siteHeader .logo{height:136px;width:250px;float:left;padding-left:360px;margin-top:30px;}
.logo h1{text-indent:-999em;margin:0px;}
.logo a{display:block;height:120px;}

.social { float:left; }
.social ul{ margin-left:10px; }
.social li{ height:40px; float:left; display:inline; background-image:url('Images/the-social-bkg-1x40.png'); background-repeat:repeat-x; border-left:#cde solid 1px; }
.social li a{ height:20px; padding-top:20px; text-indent:-4200px; display:block; background-image:url('Images/chk-socials-sprites-128x128.png'); background-repeat:no-repeat; }

.social li.label{ background-image:none; font-size:10px; text-align:right; padding-right:10px; padding-top:16px; border:none; }
.social li.twitter  a{ width:84px; background-position: 10px -4px; }
.social li.facebook a{ width:80px; background-position: 10px -36px; }
.social li.youtube  a{ width:70px; background-position: 10px -68px; }
.social li.linkedin a{ width:86px; background-position: 10px -100px; border-right: 1px solid #ddd; }
.social li.twitter  a:hover{ background-position: 10px -5px; }
.social li.facebook a:hover{ background-position: 10px -37px; }
.social li.youtube  a:hover{ background-position: 10px -69px; }
.social li.linkedin a:hover{ background-position: 10px -101px; border-right: 1px solid #ddd; }


.nav {margin-top: 30px; padding-top:0px;height: 33px;font-size:12px; font-weight:bold; text-transform: uppercase;font-family: "Arial"; float:right;}
.nav ul {float: left; text-align:left; list-style-type:none; margin:0px;}
.nav ul li{float: left;border-right:1px solid #0799d6;}
.nav ul li.last{border-right:0px solid #0799d6;}
.nav ul li a{float: left;padding: 0px 12px;color: #015f86; text-decoration:none;}
.nav ul li a:hover{ text-decoration: none;color:#0799d6;}

.contentContainer{background:#FFFFFF url(images/contentBG.jpg) no-repeat right top;width:940px;margin:0px auto 32px auto;}
.contentContainer a, .contentContainer a:visited, .contentContainer a:link{
	color:#0c9700;
	text-decoration:underline;
}
.siteContent{width:940px;border-bottom:1px solid #c2e1f1;}
.siteContent .contentText{background:transparent url(images/contentText.jpg) no-repeat left top;text-indent:-999em;height:187px;width:597px;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#464646;padding:99px 60px 0px 0px;line-height:23px;float:left;}
.siteContent .bigButton{float:left;height:281px;width:283px;background:transparent url(images/bigButton.jpg) no-repeat left top;}
.bigButton a{display:block;height:219px;width:283px;}

.commWebsites{width:940px;padding-bottom:30px;border-bottom:1px solid #c2e1f1}
.commWebsites .title{width:940px;height:60px;background:transparent url(images/CommSitesTitleBG.jpg) no-repeat left top;}
.shaleSites{width:220px;margin-right:20px;float:left;color:#464646;line-height:18px;}
.shaleSites.last{margin-right:0px;}
.shaleSites .shale{display:block;width:220px;height:166px;}
.bShale{background:transparent url(images/bShaleBG.jpg) no-repeat left top;}
.mShale{background:transparent url(images/mShaleBG.jpg) no-repeat left top;}
.fShale{background:transparent url(images/fShaleBG.jpg) no-repeat left top;}
.hShale{background:transparent url(images/hShaleBG.jpg) no-repeat left top;}

.featured{padding:19px 0px 17px 0px;color:#464646;border-bottom:1px solid #c2e1f1;line-height:20px;}
.featuredBG{width:940px;background:#ffffff url(images/featureBG.gif) repeat-y 50% top;}
.col1{float:left;width:430px;margin-right:1px;padding:20px 20px 0px 20px;}
.col2{float:left;width:430px;padding:20px 10px 0px 25px;}
.featured .title{color:#0066b3;font-size:1.66em;line-height:22px;}
.CNGNow{background:#ffffff url(images/CNGLogo.jpg) no-repeat 31px top;height:140px;}
.CLDC{background:#ffffff url(images/CLDCLogo.jpg) no-repeat left top;height:150px;}
.CHKM{background:#ffffff url(images/CHKMLogo.jpg) no-repeat left top;height:124px;}
.CNGNow .icon{display:block;width:180px;height:140px;margin-right:10px;float:left;}
.CLDC .icon{display:block;width:138px;height:150px;margin-right:25px;float:left;}
.CHKM .icon{display:block;width:138px;height:124px;margin-right:25px;float:left;}
.CHKWeather{background:#ffffff url(images/CHKWeatherLogo.jpg) no-repeat left top;height:140px;}
.CHKWeather .icon{display:block;width:180px;height:140px;margin-right:10px;float:left;}
.CHKWeather a{ white-space:nowrap;}

.subsidiaries{ padding-bottom:35px; border-bottom:1px solid #c2e1f1;}
.subsidiaries .title{	background:#ffffff url(images/subsidiariesTitleBG.jpg) no-repeat left top;height:59px;}

.slider{height:160px;}
.subsidiaries .slider { width:940px; height:160px; float:left; overflow:hidden; position:relative}
.slider #prev{position:absolute;top:62px;left:0px;display:block;width:42px;height:41px;background:transparent url(images/leftArrow.jpg) no-repeat top left; z-index:5;}
.slider #next{position:absolute;top:62px;right:0px;display:block;width:42px;height:41px;background:transparent url(images/rightArrow.jpg) no-repeat top left; z-index:5;}
.slider #prev:hover{background:transparent url(images/leftArrowHover.jpg) no-repeat top left;}
.slider #next:hover{background:transparent url(images/rightArrowHover.jpg) no-repeat top left;}
.subsidiaries .slider div{width:940px;height:160px;	}
.subsidiaries .slider ul{width:940px;height:160px;list-style-type:none;margin:0px; padding-left:60px;}
.subsidiaries .slider li{width:207px;height:120px; padding:20px 35px;float:left;text-align:center;color:#464646; background:url(images/sliderItemBG.jpg) no-repeat left top;}

.footer{background:#ffffff url(images/footerBG.jpg) no-repeat left top;padding-top:40px;width:940px;margin:0px 10px 20px 10px;}
.footer .logo { width:225px; margin:0px 41px 0px 0px; float:left; }
.footer .logo h4 { text-indent:-999em; margin:0px; }
.footer .logo h4 a { background:transparent url(images/footerLogo.jpg) no-repeat 50% top; display:block; height:85px; }
.footer .column1,
.footer .column2,
.footer .column3 { width:195px; float:left; text-transform:uppercase; margin-right:20px; }
.footer .column3 { width:210px; }
.footer dl { font-size:0.917em;  }
.footer dl dt { font-weight:bold; color:#333333; border-bottom:1px solid #e5e5e5; padding-bottom:6px; margin-bottom:7px; }
.footer dl dd { text-transform:uppercase; margin-left:3px; line-height:20px; }
.footer dl dd a { color:#666666; text-decoration:none; font-size:.834em;font-weight:normal; }
.footer dl dd a:hover { text-decoration:none; color:#0c9700; }
.footer .copyright { color:#999999; text-align:center; margin-top:20px;}

.contentInside{width:597px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#464646;padding:0 60px 0 0;line-height:20px;float:left;}
.contentInside h2 {background:transparent url(images/about_title.gif) no-repeat top left; text-indent:-9999px; border-bottom:1px solid #C2E1F1; padding-bottom:20px;}
.contentInside img.left {float:left; margin:0 20px 20px 0;}
.contentInside img.right {float:right; margin:0 0 20px 20px;}

#s4-ribbonrow{ display:none; }
.authenticated #s4-ribbonrow{ display:block; }

html.editmode #s4-ribbonrow{
	min-height:135px!important;
	border-bottom: 1px solid #898D92;
	border-style: solid;
	border-width: 0 0 1px;
	background-color:#fff;
}

body #s4-ribboncont{
	background-color:#21374C
}

/* ie7 */
#s4-workspace { zoom:1 ! important; }


/* DEALING WITH THE RIBBON 
body form #s4-ribbonrow{ height:auto ! important; min-height:0; }
.ms-cui-topBar2{ height:auto; }
.s4-breadcrumb-anchor{ display:none; }
.s4-trc-container-menu{ display:none; }
.ms-cui-TabRowLeft{ margin-top:0; position:relative; }
.ms-siteactionsmenuinner{margin-top:20px;}
.ms-cui-tts, .ms-cui-tts-scale-1, .ms-cui-tts-scale-2{ float:none; }*/

 
 /* DEALING WITH THE RIBBON 
body form #s4-ribbonrow{ height:auto ! important; min-height:0; }
.ms-cui-topBar2{ height:auto; }
.ms-cui-TabRowLeft{ margin-top:0; }
*/
