﻿body 
{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #e7ecf5;
	font-size: 76%;
	background:url(images/Background_Shim.jpg) #7EB675 repeat-x;
}

a 
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

img
{
	border: 0px;
}

#SiteContentDiv
{
	width: 980px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}

#ContentUpperDiv
{
	width: 100%;
	float: left;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}

#HeaderDiv
{
	width: 100%;
	height: 200px;
	clear: both;
	/*background:url(images/Opec_Banner.jpg) no-repeat;*/
	margin-bottom: 5px;
	/*background-color: #7EB675;*/
	/*text-align:center; font-weight:bold; font-size:36px; padding-top:135px; padding-bottom:135px;*/
}

#HSeparatorDiv
{
	/*display: none;*/
	width: 940px;
	height: 33px;
	clear: both;
	background: url(images/Search_Bar.jpg) no-repeat #338C26;
	margin-bottom: 10px;
	text-align: right;
	/*padding-top: 10px;*/
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: text-bottom; 
}

#HSeparatorDiv a
{
	color: #e7ecf5;
}

/****************** LEFT NAVIGATION ********************************/
#LeftNavDiv
{
	width:192px;
	/*height: 1200px;*/
	float:left;
	clear: left;
	margin:0px;
	padding-left:12px;
	padding-right: 12px;
	/*background:url(images/LeftNavBorder.jpg) no-repeat 215px 0px;*/
	/*background:url(images/LeftNavBorder.jpg) no-repeat 210px 0px;*/
	/*border: solid 2px red;*/
}

#LeftNavDiv .MainMenuDiv
{
	width: 170px;
	margin-bottom: 3px;
	padding: 2px 0px 5px 22px;
	clear: both;
	background: url(images/Nav_Shim.jpg) #338C26 repeat-x;
}

#LeftNavDiv .SubMenuDiv
{
	margin-bottom: 3px;
}

#LeftNavDiv .SubMenuItemDiv
{
	width: 155px;
	background-color: #338C26;
	padding: 4px 0px 4px 37px;
	clear: both;
}

#LeftNavDiv a
{
	color: White;
	text-decoration: none;
}

#OpecQualityDiv, #OnlineSupportDiv, #AwardsDiv, #OpecWebLinkDiv
{
	margin-top: 30px;
}
#OpecWebLinkDiv
{
	margin-bottom: 30px;
}
/****************** END LEFT NAVIGATION ****************************/

/************************ PAGE SPLITTER ****************************/

#PageSplitterDiv
{
 width: 26px;
 float: left;
 margin: 0px;
 padding: 0px;
}

#PageSplitterDiv #PageSplitterTopDiv
{
	clear: both;
	background:url(images/PageSplitter_Top.jpg) no-repeat;
	height: 360px;
}

#PageSplitterDiv #PageSplitterMiddleDiv
{
	clear: both;
	background:url(images/PageSplitter_Middle.jpg) repeat-y;
	height: auto;
}

#PageSplitterDiv #PageSplitterBottomDiv
{
	clear: both;
	background:url(images/PageSplitter_Bottom.jpg) no-repeat;
	height: 360px;
}

/********************* END PAGE SPLITTER **************************/

#MainContentDiv
{
	clear: right;
	float: left;
	color: #888888;
	padding-left: 10px;
}

/********************** FOOTER *************************************/
#FooterDiv
{
	width: auto;
	height: 170px;
	clear: both;
	background-color: rgb(51, 140, 38);
	padding-top: 13px;
	padding-left: 95px;
	/*border: solid 1px red;*/
}

#FooterDiv #FooterOfficeDiv, #FooterPlantDiv, #FooterMapDiv
{
	float: left;
	/*border: solid 1px red;*/
}

#FooterDiv  #FooterPlantDiv, #FooterMapDiv
{
	margin-left: 60px;	
}
/********************** END FOOTER *********************************/

.HeadingClass
{
	font-weight: bold;
	color: #338C26;
}

.DottedSeparatorClass
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #338C26;
	font-weight: normal;	
}

/****************** GENERIC CLASSES ********************************/
div
{
	border: 0px solid #FF0000;
}

.shown
{
	display: block;
}

.hidden
{
	display: none;
}
/****************** END GENERIC CLASSES ****************************/
