@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; }

/*  ---- tags ---- */
a { outline: none; }
a:link { color: #ee3a43; text-decoration: underline; }
a:visited { color: #ee3a43;	text-decoration: underline; }
a:hover { color: #ee3a43; text-decoration: underline; }
a:active { color: #ee3a43; text-decoration: none; }
a:focus { color: #ee3a43; text-decoration:underline; }
img { border: none; }
body { background: #FFF url(../images/bgnd-body.jpg) repeat-x; margin: 0px; }
body, td, th { color: #2f2f2f; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 13px; }
body:first-of-type #navigation { margin-top:-1px; }
p { line-height:1.5; padding-bottom:10px; }

h1 { font-size: 2.7em; color: #ee3a43; margin:0px auto; }
h2 { font-size: 2.7em; color: #ee3a43; margin:0px auto; }
h3 { font-size: 1.6em; color: #0a0a0a; margin-top:0px; }

hr { width:60%; margin-top:30px; height:1px; color:#7F7F7F; }



/* ---- home - header ----- */
#pageHeader { margin: 0px auto; height:123px; padding: 0px; background:#050608; }
#pageHeaderLogo { margin:0px auto; background:url(../images/trianaEnergyHeader.jpg) no-repeat; width:766px; height:123px; }
#pageHeaderLogo a { border: none; }
#pageHeaderLogo a#mmHome { height: 100px; width: 267px; float: left; }
#pageHeaderBGRepeat { background:url(../images/headerRepeat.jpg) repeat-x; height:57px; position:relative; z-index:100;  }
#pageHeaderLogo #empButton { text-align: right; padding: 0px 20px 0px 0px; z-index:200; float: right;}


#pageHeaderImgContainer { margin:0px auto; width:972px; }
#pageHeaderFade { background:url(../images/headerBG.jpg) no-repeat; height:57px;  position:relative; margin-top:-56px; }

#pageButtonContainer { margin: 0px auto; width: 766px; position:relative; padding:0px; z-index:150;     }


#pageBannerContainer { margin: 0px auto; width: 766px; position:relative;  }

#pageFlashBanner { height:220px; width:766px; margin-top:15px; margin-top:0px;  }
#pageBannerBG { background:#0a0a0a; height:243px; margin-top:-243px; }
#pageHeaderBodyDivide { background:url(../images/headerbodyDivider.jpg) repeat-x; height:22px; margin-left:1px; width:765px; }

/* ---- home - body ---- */ 
#pageBodyContainer { margin: 0px auto; width: 782px; } 
#pageBodySlice { background:url(../images/bodySlice.png) repeat-y; width:782px;  }
#pageBodyWelcome { float: left; width: 402px; padding:27px 0px 40px 40px;  }
#pageBodyNews { width:325px; float:right; margin-top:7px; text-align:center; padding-right:12px; }

/* ---- interior - header differences ---- */
#pageBannerBGInterior { background:#0a0a0a; height:0px; margin-top:-12px; margin-left:1px; }
#pageHeaderInterior { background:#FFFFFF; z-index:60; position:relative; display:none;  width:734px; margin:0px auto; padding:15px 2px 29px 29px; }
#pageHeaderFadeInterior { background:url(../images/interiorTop.jpg) no-repeat bottom; height:4px; width:765px; padding-top:15px; margin:0px auto; margin-top:-3px; }


/* ---- interior - body ---- */
#pageBodyContainerInterior { margin: 19px auto; width: 782px; min-height:700px; z-index:50; } 
#pageBodyInterior { float:left; width: 438px; padding:10px 0px 40px 40px; }
#pageBodyInteriorSide { float:right; width:270px; margin-top:100px; }

#pageBodyInteriorOneArea { width: 702px; padding:10px 40px 40px 40px; }


#pageOperationsBG { background:url(../images/OperationsImage.jpg) no-repeat; }

#pageMissionStatementBG { background:url(../images/missionStatement.jpg) no-repeat; height:242px; }
#pageEnvironmentalAwareness { background:url(../images/environmentalAwarenessBG.jpg) no-repeat;  }

#pageOperationsBody { width:400px; margin-left:290px; padding-top:5px; }
#pageEnvironmentalBody { width:370px; margin-left:320px; padding-top:10px; }

#quickFacts { background-color:#ee3a43; width:230px; color:#FFFFFF; height:25px; font-size:21px; border:1px solid #7f7f7f; }
#quickFactsBox { background-color:#cccccc; width:210px; color:#000000; font-size:14px; padding:20px 10px 20px 10px; border:1px solid #7f7f7f; margin-left:-1px; }

/* ---- footer ---- */ 
#pageFooter { background:url(../images/footerSlice.jpg) repeat-y; height: 75px; padding:4px 0px 0px 27px; }
#pageFooter1px { border-top:1px solid #0a0a0a; margin:-6px 10px 0px -17px; margin:-4px 10px 0px -17px; }
#pageFooterBottom { background:url(../images/footerBottom.jpg) no-repeat; height:17px; margin-left:1px; background-position:center; }




/* ---- navigation ---- */
.nav {
	width: 766px;
	height: 42px;
	background: url(../images/buttons3.jpg) no-repeat;
	position: relative;
	margin:-57px 0px 0px 0px;
	top:-1px;
}
.nav li {
	display: inline; 
}

.nav li ul { display:none;   }
.nav li:hover ul { display:block !important; top:42px; position:absolute; margin:0px; padding:0px; }
.nav li.about ul { left:0px; }
.nav li.news ul { left:154px; }
.nav li.operations ul { left:308px; }
.nav li.landowners ul { left:462px; }
.nav li.contact ul { left:616px; }

.nav li:hover ul li { display:block; height:45px; }
.nav li:hover ul li a { background:#0a0a0a; color:#fff; text-indent:0px;  height:30px; display:block; position:static; padding:15px 0px 0px 15px; border:1px solid #676767; width:138px !important; text-decoration:none;  }
.nav li:hover ul li a:hover, .nav li:hover ul li a:focus { background:#333333; }
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 42px;
	text-indent: -9000px;
	overflow: hidden;
	z-index:200;
}
	

	/*  'Our Company'	*/
	.nav .about a:link, .nav .about a:visited {
		left: 0px;
		width: 155px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/buttons3.jpg) no-repeat 0px -42px;
	}
	.nav .about a:active {
		background: url(../images/buttons3.jpg) no-repeat 0px -84px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/buttons3.jpg) no-repeat 0px -126px;
		cursor:default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 155px;
		height: 42px;
		background: url(../images/buttons3.jpg) no-repeat 0px -84px;
	}
	.nav-about-click {
		background: url(../images/buttons3.jpg) no-repeat 0px -126px;
	}


	/*  'News & Events'	*/
	.nav .news a:link, .nav .news a:visited {
		left: 155px;
		width: 155px;
	}
	.nav .news a:hover, .nav .news a:focus {
		background: url(../images/buttons3.jpg) no-repeat -154px -42px;
	}
	.nav .news a:active {
		background: url(../images/buttons3.jpg) no-repeat -154px -84px;
	}
	.current-news .news a:link, .current-news .news a:visited {
		background: url(../images/buttons3.jpg) no-repeat -154px -126px;
		cursor:default;
	}
	.nav-news, .nav-news-click {
		position: absolute;
		top: 0;
		left: 154px;
		width: 155px;
		height: 42px;
		background: url(../images/buttons3.jpg) no-repeat -154px -84px;
	}
	.nav-news-click {
		background: url(../images/buttons3.jpg) no-repeat -154px -126px;
	}
	
	
	/*  'Operations'	*/
	.nav .operations a:link, .nav .operations a:visited {
		left: 308px;
		width: 156px;
	}
	.nav .operations a:hover, .nav .operations a:focus {
		background: url(../images/buttons3.jpg) no-repeat -308px -42px;
	}
	.nav .operations a:active {
		background: url(../images/buttons3.jpg) no-repeat -308px -84px;
	}
	.current-operations-active a:link, .current-operations-active a:visited {
		background: url(../images/buttons3.jpg) no-repeat -308px -126px;
		cursor:default;
	}
	.current-operations-active a:hover {
		background: url(../images/buttons3.jpg) no-repeat -308px -84px;
	}
	.nav-operations, .nav-operations-click {
		position: absolute;
		top: 0;
		left: 308px;
		width: 156px;
		height: 42px;
		background: url(../images/buttons3.jpg) no-repeat -308px -84px;
	}
	.nav-operations-click {
		background: url(../images/buttons3.jpg) no-repeat -308px -126px;
	}
	
	
	/*  'Landowners'	*/
	.nav .landowners a:link, .nav .landowners a:visited {
		left: 463px;
		width: 154px;
	}
	.nav .landowners a:hover, .nav .landowners a:focus {
		background: url(../images/buttons3.jpg) no-repeat -463px -42px;
	}
	.nav .landowners a:active {
		background: url(../images/buttons3.jpg) no-repeat -463px -84px;
	}
	.current-landowners .landowners a:link, .current-landowners .landowners a:visited {
		background: url(../images/buttons3.jpg) no-repeat -463px -126px;
		cursor:default;
	}
	.nav-landowners, .nav-landowners-click {
		position: absolute;
		top: 0;
		left: 463px;
		width: 154px;
		height: 42px;
		background: url(../images/buttons3.jpg) no-repeat -463px -84px;
	}
	.nav-landowners-click {
		background: url(../images/buttons3.jpg) no-repeat -463px -126px;
	}


	/*  'Contact'	*/
	.nav .contact a:link, .nav .contact a:visited {
		left: 616px;
		width: 156px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../images/buttons3.jpg) no-repeat -616px -42px;
	}
	.nav .contact a:active {
		background: url(../images/buttons3.jpg) no-repeat -616px -84px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/buttons3.jpg) no-repeat -616px -126px;
		cursor:default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 616px;
		width: 156px;
		height: 42px;
		background: url(../images/buttons3.jpg) no-repeat -616px -84px;
	}
	.nav-contact-click {
		background: url(../images/buttons3.jpg) no-repeat -616px -126px;
	}





/*  ---- classes ---- */


.clearFloats { clear:both; }
.footerStyle { font-size: 11px; color:#0a0a0a; margin-left:15px; margin-top:5px; }
.footerStyle { outline:none; }
.footerStyle a:link { color: #ee3a43; text-decoration: none; }
.footerStyle a:visited { color: #ee3a43; text-decoration: none; }
.footerStyle a:hover { color: #0a0a0a; text-decoration: none; }
.footerStyle a:active { color: #ee3a43; text-decoration: none; }
.footerStyle a:focus { color: #0a0a0a; text-decoration:none; }

.titleLink a:link { color: #ee3a43; text-decoration: none; }
.titleLink a:visited { color: #ee3a43; text-decoration: none; }
.titleLink a:hover { color: #0a0a0a; text-decoration: none; }
.titleLink a:active { color: #ee3a43; text-decoration: none; }
.titleLink a:focus { color: #0a0a0a; text-decoration:none; }


.sectionColor { color: #ee3a43; font-size:1.1em; padding:0px 0px 0px 60px; line-height:1.9; }
.sectionColor a:link { font-size:.8em; color: #474747; text-decoration:underline; padding:0px 0px 0px 60px; }
.sectionColor a:visited { color: #474747; text-decoration: underline; font-size:.8em; padding:0px 0px 0px 60px; }
.sectionColor a:hover { color: #ee3a43; text-decoration: underline; font-size:.8em; padding:0px 0px 0px 60px; }
.sectionColor a:active { color: #474747; text-decoration: underline; font-size:.8em; padding:0px 0px 0px 60px; }
.sectionColor a:focus { color: #ee3a43; text-decoration: underline; font-size:.8em; padding:0px 0px 0px 60px; }

.sidePicPadding { padding: 0px 0px 0px 30px; }

.floatLeft { float: left; margin: 5px 15px 5px 0px; border:1px solid #0a0a0a; }
.floatRight { float: right; margin: 0px 0px 5px 15px; border:1px solid #0a0a0a; }


.keyWord { color:#ee3a43; font-weight:bold; font-size:14px; }
.title { color:#ee3a43; font-weight:bold; font-size:16px; }
.subTitle { color:#0a0a0a; font-size:14px; }

.imgBorder { border:1px solid #0a0a0a; }


/* ---- calendar styles ---- */

.monthBrowser { background:#050608; text-align:center; padding:10px 30px 10px 30px; border:medium; color:#fff; font-size:15px; font-weight:bold; }
.calHeadings a:link { color:#ee3a43; }
.calHeadings a:hover { color:#cccccc; }
.calHeadings a:visited { color:#cccccc; }

.mainCalendar { }
.mainCalendar table { margin-bottom:30px; font-size:15px; text-align:center; }
.calHeadings { color:#262626; font-size:15px; }
.calItems { font-size:15px; padding: 5px; background:#cccccc; }
.eventStyle { background:#ee3a43; font-size:14px;  }
.eventStyle-Over { font-size:15px; }



/*  ---- IE6 remedies ---- */


* html #pageHeaderBodyDivide {  width:765px; }
* html #pageFlashBanner { background:url(../images/tempBanner.jpg) no-repeat; height:220px; width:766px; margin:0px; } 
* html #pageHeaderFadeInterior { height:4px; width:765px; margin-top:-14px;  }

* html #pageBannerBGInterior { margin-top:-13px; }



* html body { background:url(/clients/trianaEnergy/publish/css/csshover.htc);	}

* html .nav li:hover ul li a 
	{ 
		background:#0a0a0a !important; 
		color:#fff !important; 
		text-indent:0px !important; 
		height:30px !important; 
		display:block !important; 
		position:static !important; 
		padding:15px 0px 0px 15px !important; 
		border:1px solid #676767 !important; 
		width:138px !important; 
	}

* html .nav .about ul li a:hover, * html .nav .about ul li a:focus { background:#333333; }
* html .nav .news ul li a:hover, * html .nav .news ul li a:focus { background:#333333; }
* html .nav .operations ul li a:hover, * html .nav .operations ul li a:focus { background:#333333; }
* html .nav .landowners ul li a:hover, * html .nav .landowners ul li a:focus { background:#333333; }
* html .nav .contact ul li a:hover, * html .nav .contact ul li a:focus { background:#333333; }


* html #pageBodySlice { background:url(../images/bodySlice.gif) repeat-y; }
* html #pageBodyContainerInterior { margin:0px auto; }
* html #pageFooter { background:url(../images/footerSlice.gif) repeat-y; }
* html #pageFooterBottom { background:url(../images/footerBottom.gif) no-repeat; }



/*  ---- IE7 remedies ---- */
#pageBodyContainerInterior { margin:16px auto; }
