body {margin:0; padding: 0; background: url(../images/bkgrnd.jpg) top center repeat-y #000;
		font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 9pt; color: #244061;}

div {font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 9pt; color: #244061;}

h1 {margin: 0; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 16pt; color: #244061; font-weight: bold;}
h2 {margin: 0; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 11pt; text-transform: uppercase; color: #78a22f; font-weight: bold;}
h3 {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #244061;}
h4 {margin: 0; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 11pt;}
h5 {margin: 0; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 10pt;}
h6 {margin: 0; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 9pt;}

table,td {padding:0px; border-collapse:collapse; border-spacing:0px;}
img {padding: 0; margin: 0; border: 0;}

#OuterDiv {max-width: 1280px; min-width: 1000px; margin: 0 auto;}
#HeaderContainer {max-width: 1280px; min-width: 1000px; margin: 0 auto; height: 145px; background: url(../images/header-bkgrnd.jpg) repeat-x top center;}
#LogoContainer {position:absolute; margin-left: 20px; margin-top: 2px;}
#TopContainer {float: right; margin-right: 30px; width: 700px; border: 0px solid #000; margin-top: 0px;}
#SocialMedia {background: url(../images/socialmedia.png); float: right; width: 171px; height: 30px; vertical-align: middle; color: #fff;}
#FindUs {padding-left: 15px; padding-top: 5px; font-size: 8pt;}
#ButtonContainer {width: 500px; float: right; height: 30px;}
.ButtonBkgrnd {background: url(../images/btnbkgrnd.jpg); float: right;}
#EDC {float: right; margin-top: 15px; margin-right: 30px;}
#MainButtons  {padding-top: 2px; color: #fff;}

#ContentContainer {max-width: 1280px; min-width: 1000px; margin: 0 auto; min-height: 435px; background: url(../images/contentbkgrnd.jpg) top center no-repeat #fff;}
#ContentSpacer {width: 1000px; margin: 0 auto; min-height: 250px;}
#HomeContentLeft {float: left; width: 655px; padding: 15px 0 15px 15px;}
#HomeContentRight {float: left; width: 300px;  padding: 15px;}

#MainContentContainer {max-width: 1280px; min-width: 1000px; margin: 0 auto; min-height: 435px; background: url(../images/contentbkgrnd.jpg) top center no-repeat #fff;}
#MainContentLeft {float: left; width: 272px; padding: 10px;}
#MainContentRight {float: left; width: 678px;  padding: 10px 15px;}
#MainContentMap {margin: auto 0; width: 950px;  padding: 10px 15px;}

#Nuclear {width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 15px; min-height: 437px; background: url(../images/contentbkgrnd3.jpg) no-repeat center bottom;}
#map {width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 15px; min-height: 437px;}
#Petroleum {width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 15px; min-height: 437px; background: url(../images/contentbkgrnd5.jpg) no-repeat center bottom;}
#Renewables {width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 15px; min-height: 437px; background: url(../images/contentbkgrnd4.jpg) no-repeat center bottom;}
#Utilities {width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 15px; min-height: 437px; background: url(../images/contentbkgrnd2.jpg) no-repeat center bottom;}

#FooterContainer {max-width: 1280px; min-width: 1000px; margin: 0 auto; min-height: 130px; background: url(../images/footerbkgrnd.jpg) repeat-x #fff;}

.clearboth {clear: both;}
.container {width: 1000px; margin: 0 auto;}
.contentpadding {padding-bottom: 5px;}
.padding {padding: 10px;}

a {font-family: 'Trebuchet MS', Helvetica, sans-serif; text-decoration: underline; color: #244061; outline: none;}
a:hover {font-family: 'Trebuchet MS', Helvetica, sans-serif; text-decoration: underline; color: #78a22f;}

a.footerlnk {font-family: 'Trebuchet MS', Helvetica, sans-serif; text-decoration: underline; color: #78a22f; outline: none;}
a.footerlnk:hover {font-family: 'Trebuchet MS', Helvetica, sans-serif; text-decoration: underline; color: #e5e5e5;}


/********REQUIRED - DO NOT EDIT***********/
img {border: 0;}
img, div { behavior: url(iepngfix.htc) }
iframe {height: 100px; width: 100%;}
/*******************************************/

/********REQUIRED - MODAL WINDOWS - DO NOT EDIT***********/
.ModalBackground {background-color: Black; filter: alpha(opacity=80); opacity: 0.7;}
.ModalBackgroundLogin {background-color: Black;}
/*******************************************/



/********REQUIRED - PHOTO GALLERY - EDITABLE***********/
gallery {
    background-color: #444;
    padding: 10px;
    width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#gallery ul a:hover img {
    border: 5px solid #000;
    border-width: 5px 5px 5px;
    color: #fff;
}
#gallery ul a:hover { color: #fff; }
/******************************************************/


/********REQUIRED - CALENDAR MODAL WINDOW - EDITABLE***********/
/***Calendar modal container***/
.calendarmodalcontainer {border: solid 1px Black; width: 300px; min-height: 100px;}

/***Calendar close button***/
.calendarclosebuttoncontainer {text-align: right; width: 100%;}
.calendarclosebutton {text-decoration: none; color: Black; text-align: right; padding-right: 5px;}
/***************************/

/***Calendar event container div***/
.calendareventcontainer {margin: 5px; margin-bottom: 0;}

/***Calendar event title***/
.calendareventtitlecontainer {}
.calendareventtitle {font-weight: bold;}
/*****************/

/***Calendar event description***/
.calendareventdesccontainer {}
.calendareventdesc {}
/*****************/

/***Calendar event start time***/
.calendareventstartcontainer {}
.calendareventstart {}
/*****************/

/***Calendar event end time***/
.calendareventendcontainer {}
.calendareventend {}
/*****************/

/***Calendar event attachments***/
.calendareventattachcontainer {}
.calendareventattachlink {}
/*****************/
/***********************************************************/


/********REQUIRED - LOGIN MODAL WINDOW - EDITABLE***********/
/***Login modal container***/
.loginmodalcontainer {width: 700px; min-height: 600px; background-color: White;}

/***Login container div***/
.logincontainer {width: 100%; padding: 5px;}

/***Login header container div***/
.loginheadercontainer {}

/***Login title***/
.logintitlecontainer {text-align: center; padding: 5px;}
.logintitletext {font-size: large;}
/*****************/

/***Login username***/
.loginusernamecontainer {width: 100%; text-align: center; padding: 5px;}
.loginusernametext {font-size: larger;}
.loginusername {}
/*****************/

/***Login password***/
.loginpasswordcontainer {width: 100%; text-align: center; padding: 5px; clear: both;}
.loginpasswordtext {font-size: larger;}
.loginpassword {}
/*****************/

/***Login message***/
.loginmessagecontainer {width: 100%; clear: both; text-align: center; margin-bottom: 3px;}
.loginmessagetext {font-size: larger; color: Red;}
/*****************/

/***Login button***/
.loginbuttoncontainer {width: 100%; clear: both; text-align: center;}
.loginbutton {}
.logincancelbutton {}
/*****************/

/***Login footer container div***/
.loginfootercontainer {}
/***********************************************************/


/********REQUIRED - LOGIN LITE - EDITABLE***********/
/***Login outer container***/
.loginlitemodalcontainer {}

/***Login container div***/
.loginlitecontainer {}

/***Login username***/
.loginliteusernamecontainer {}
.loginliteusernametext {}
.loginliteusername {}
/*****************/

/***Login password***/
.loginlitepasswordcontainer {}
.loginlitepasswordtext {}
.loginlitepassword {}
/*****************/

/***Login message***/
.loginlitemessagecontainer {}
.loginlitemessagetext {}
/*****************/

/***Login button***/
.loginlitebuttoncontainer {}
.loginlitebutton {}
/*****************/
/***********************************************************/


/********REQUIRED - SHOPPING CART - EDITABLE***********/

/********InCart Component********/
/***Outer container div***/
.incartcontainer {width: 150px; border: solid 1px Black; background: Black; padding: 5px; opacity: 0.5;}

/***Items in cart container***/
.incartitemsincartcontainer {}
.incartitemsincartnumber {color: White;}
.incartitemsincarttext {color: White;}
/*****************************/

/***Cart total container***/
.incarttotalcontainer {}
.incarttotalamount {color: White;}
.incarttotaltext {color: White;}
/*****************************/

/***Checkout container***/
.incartcheckoutcontainer {}
a.incartcheckoutlink {text-decoration: none; color: #56d7f7;}
a.incartcheckoutlink:hover {color: #ffffff;}
/*****************************/
/********************************/


/********Product Categories Component********/
/***Product Categories container div***/
.productcategoriescontainer {float: left;}
.productcategoriestreeview {}
/********************************************/


/********Products Component********/
/***Products outer container div***/
.productscontainer {}

/***Products DataList***/
.productsdatalist {}
/***********************/

/***Individual product container div***/
.productcontainer {padding: 5px; margin: 10px;}
/*****************************/

/***Product title container***/
.producttitlecontainer {}
.producttitle {}
/*****************************/

/***Product image container***/
.productimagecontainer {}
.productimage {}
/*****************************/

/***Product price container***/
.productpricecontainer {}
.productprice {}
/*****************************/

/***Product add to cart container***/
.productaddcontainer {}
.productaddqtytext {}
.productaddqty {}
.productaddbutton {}
/*****************************/
/********************************/


/********Product Details Component********/
/***Product details container***/
.productdetailscontainer {background-color: White; width: 500px;}
/*****************************/

/***Product details title container***/
.productdetailstitlecontainer {margin: 5px;}
.productdetailstitle {font-weight: bold; font-size: 12pt;}
/*****************************/

/***Product details description container***/
.productdetailsdesccontainer {margin: 5px;}
.productdetailsdesc {}
/*****************************/

/***Product details image container***/
.productdetailsimagecontainer {margin: 5px;}
.productdetailsimage {}
/*****************************/

/***Product details price container***/
.productdetailspricecontainer {margin: 5px;}
.productdetailsprice {}
/*****************************/

/***Product add to cart container***/
.productdetailsaddcontainer {margin: 5px;}
.productdetailsaddqtytext {}
.productdetailsaddqty {}
.productdetailsaddbutton {}
/*****************************/
/*****************************************/

/*****************************************************/


/********REQUIRED - DYNAMIC DATA - EDITABLE***********/
/***Search outer container***/
.ddatasearchcontainer {float: right; clear: both;}

/***Clear search div***/
.ddataclearsearchcontainer {float: left; margin: 3px;}
.ddataclearsearchbutton {font-size: small;}
/**********************/

/***Search box div***/
.ddatasearchboxcontainer {float: left; margin: 3px;}
.ddatasearchbox {}
/*****************/

/***Search button div***/
.ddatasearchbuttocontainer {float: left; margin: 3px;}
.ddatasearchbutton {}
/*****************/
/***********************************************************/