
body {
background:#c6c8ca;

}
#headerframe{
	background-image:url(../../~Assets/IMG/Header/AllHeader.jpg);
	height: 129px;
	width: 788px;
	position:relative;
}
a#myhome {
	position:absolute;
	left:38px;
	top:10px;
	width:240px;
	height:85px;
	text-decoration:none;
	border:0;

}
#HeaderImage {
	margin-top:2px; 
	margin-right:27px;
	float:right;
}

#HeaderLogo a{
	margin-top:2px; 
	margin-right:27px;
	float:left;
}
#TopLinkFrame {
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:##000000;
	float:right;  
	font-size:9px;
}

#TopLinkFrame ul {
	list-style:none outside;
	text-align:left;
	padding:0;
	margin-top:5px;
	margin-right:10px;
	}
	
#TopLinkFrame li {
	float:left;
	padding-right:10px;
	position:relative;
	border-left:1px solid #000000;
	
	}

#TopLinkFrame a {
	
	color:#000000;
	font-size:09px;
	text-decoration:none;
	display:block;
	width:51px;
	height:15px;
	padding:top:3px;
	padding-left:5px;
	
	}
	
#TopLinkFrame a:hover {
	display:block;
	width:51px;
	height:15px;
	text-decoration:underline;
	}

	
#bodyFrame {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	overflow:auto;
	padding:0;
	background-image:url(../IMG/BibBG.jpg);
	background-repeat:repeat-y;
	background-position:right;
	margin-right:auto;
	margin-left:auto;
	}
/* Water Marks */

#bodyFrameNone {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	padding:0;
	background:url(../IMG/MainContent/InsidePage/NoImage.jpg) bottom right no-repeat;
	}	
#bodyFrameInside {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	padding:0;
	background:url(../IMG/MainContent/InsidePage/GhostImage.jpg) bottom right no-repeat;
	}	
#bodyFrameHome {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	background:url(../IMG/MainContent/TagLine2.jpg) bottom right no-repeat;
	
	}
	
	
#bodyFrameEnviro {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	padding:0;
	background:url(../IMG/MainContent/InsidePage/envirofriendly_waterv2.jpg) bottom right no-repeat;
}		
#bodyFrameInventory {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	padding:0;
	background:url(../IMG/MainContent/InsidePage/inventory_waterv2.jpg) bottom right no-repeat;
}		
#bodyFrameLogistics {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	padding:0;
	background:url(../IMG/MainContent/InsidePage/logistics_waterv2.jpg) bottom right no-repeat;
}		

#bodyFrameRecycle {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	padding:0;
	background:url(../IMG/MainContent/InsidePage/recyclability_waterv2.jpg) bottom right no-repeat;
}		
#bodyFrameStructure {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	padding:0;
	background:url(../IMG/MainContent/InsidePage/structural_strgth_waterv2.jpg) bottom right no-repeat;
}	
#bodyFrameValue {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	padding:0;
	background:url(../IMG/MainContent/InsidePage/value_waterv2.jpg) bottom right no-repeat;
}	
#bodyFrameVisual {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	padding:0;
	background:url(../IMG/MainContent/InsidePage/visualappeal_waterv2.jpg) bottom right no-repeat;
}		
#bodyFramePartner {
	width:788px;
	background-color:#FFFFFF;
	margin-top:0;
	position:relative;
	padding:0;
	background:url(../IMG/MainContent/InsidePage/partnership_waterv2.jpg) bottom right no-repeat;
}	
/* Top Navigation */	
#navFrame {
	background-image:url(../IMG/NavBar/NavBarBG.jpg);
	text-align:right;
	width:788px;
	float:right;
	padding:0;
	margin:0;
	height:34px;
	}
#navFrame ul {
	list-style:none outside;
	text-align:left;
	padding:0;
	margin-top:7px;
	margin-bottom:5px;
	margin-left:218px;
	}
#navFrame li {
	float:left;
	padding:0;
	position:relative;
	border-left:1px solid #FFFFFF;
	}
#navFrame li.firstItem {
	margin-left:40;
	}
#navFrame a {
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:09px;
	text-decoration:none;
	display:block;
	font-weight:bold;
	width:66px;
	height:17px;
	padding-left:5px;
	padding-top:3px;
	}
	
#navFrame a:hover {
	background-color:#00664c;
	color:#FFFFFF;
	display:block;
	width:66px;
	height:17px;
	padding-left:5px;
	padding-top:3px;
	}
	
#navFrame li.currentPage a{
	background-color:#00664c;
	color:#FFFFFF;
	display:block;
	width:66px;
	height:17px;
	padding-left:5px;
	padding-top:3px;
	
	}
		
#leftSide {
	float:left;
	width:221px;
	text-align:left;
	
	}
	
html>body #leftSide { height:auto;}

#sideBarLeftContainer {

	float:left;
	width:210px;;
	text-align:left;
	padding-top:24px;
	padding-bottom:25px;
	float:left;
	width:210px;
	text-align:left;	
	padding-left:2px;
	}	
#sideBarLeft {
float:left;
	width:200px;;
	text-align:left;
	padding-top:24px;
	padding-bottom:25px;
	float:left;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	}
#NewsItems {
	float:left;
	width:185px;
	text-align:left;
	border-bottom: 1px solid #cc0000;;
	margin-bottom:20px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:5px;
	
	
	}	
#PromotedContent {
	float:left;
	width:185px;
	text-align:left;
	margin-bottom:30px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:5px;
	
	}
	
#leftTextArea {
	float:left;
	width:185px;
	text-align:left;
	margin-bottom:30px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:5px;
	}
#leftTextArea img{
	float:left; 
	margin-right:2px;
	margin-bottom:15px;
}		

#LeftMain { 
	width: 148px; 
	float: left;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:53px;
	}

#CentreMain {
	width: 148px; 
	float: left;
	margin-left: 15px; 
	margin-right: 15px; 
	margin-bottom:53px;
}

#RightMain { 
	width: 148px; 
	float: right;
	margin-left:10px;
	margin-right:35px;
	margin-bottom:53px;
}
.textlink a {
	color: #00664c;
	text-decoration:underline;
	}
	
.textlink a:hover {
	color:#339966;
	text-decoration:underline;
	}
	
	
#PromotedContent a {
	color: #00664c;
	text-decoration:underline;
	}
	
#PromotedContent a:hover {
	color:#339966;
	text-decoration:underline;
	}
	
	
img {
	border:none;
	padding:3px;
}

/* Side Bar Navigation */
#sideBarLeft ul {
	list-style:none outside;
	margin-left:15px;
	margin:0px;
	border-bottom: 1px solid #CCCCCC;
	}
	
#sideBarLeft li {
	position:relative;
	border-top: 1px solid #CCCCCC;
	}

#sideBarLeft li a {
	color:#000000;
	text-decoration:none;
	font-size:11px;
	
	display:block;
	padding-top:7px;
	padding-left:15px;
	width:210x;
	padding-bottom:4px;
	}
	/* Current Page Highlights background-color:#00664C;*/
#sideBarLeft ul li.currentPage ul li a {
font-weight:normal;
	color:#000000;
	width:210x;
	background:none;
	
	
}
#sideBarLeft li.currentPage a ,#sideBarLeft ul li.currentPage ul li.currentPage a{

	font-weight:normal;
	color:#FFFFFF;
	background-color:#00664C;
	width:210x;
}	


#sideBarLeft ul li.currentPage ul li.currentPage li a {

	font-weight:normal;
	color:#000000;
	width:210x;
}	

#sideBarLeft li a:hover,#sideBarLeft li.currentPage ul li.currentPage a:hover {
	color:#FFFFFF;
	background-color:#00664C;
	
	}
	
#sideBarLeft li.lastItem {
	position:relative;
	
}

/* border-bottom: 1px solid #CCCCCC; SidBar Sub Navigation */
#sideBarLeft li ul , #sideBarLeft li.currentPage ul  {
	
	font-weight:normal;
	color:#000000;
	border-top: 1px solid #CCCCCC;
	}	
#sideBarLeft li ul a, #sideBarLeft li.currentPage ul a {
	
	font-weight:normal;
	color:#000000;
	padding-left:15px;
	width:210x;
	padding-bottom:4px;

	}
/*	*/


#sideBarLeft li ul a:hover, #sideBarLeft li.currentPage ul a:hover {
	
	font-weight:normal;
	color:#FFFFFF;
	background-color:#00664C;
	padding-left:15px;
	width:210x;

	}
			
#sideBarLeft ul li ul {
	list-style:none outside;
	margin:0px;
	border-bottom:0;
	}
#sideBarLeft li ul li.lastItem {
	border-bottom:0px;
	}
	
#sideBarLeft ul li ul li {
	position:relative;
	}
#sideBarLeft ul li ul li.firstItem {
	float:none;
	border-top:0;
	}
	
#sideBarLeft ul li ul li a,#sideBarLeft ul li ul li.firstItem a,#sideBarLeft ul li.currentPage ul li a {
	
	font-weight:normal;
	color:#000000;
	padding-left:25px;
	width:200x;
	
	}
	
#sideBarLeft ul li ul li a:hover,#sideBarLeft ul li ul li.firstItem a:hover,#sideBarLeft ul li.currentPage ul li a:hover {
	
	font-weight:normal;
	color:#FFFFFF;
	background-color:#00664C;
	padding-left:25px;
	width:200x;
	
	}	
/* Parent Items - Images etc...*/
#sideBarLeft li.parentItemClosed a {
	background-image: url(../IMG/LeftContent/Menu/RightArrow.gif);
	background-repeat:no-repeat;
	background-position: 180px 5px;
	}
	
#sideBarLeft li.parentItem a {
	background-image: url(../IMG/LeftContent/Menu/DownArrow.gif);
	background-repeat:no-repeat;
	background-position: 180px 5px;
	}
	
#sideBarLeft li.parentItem ul li a {
	background-image:none;
	}
	
#sideBarLefts li.parentItemClosed ul {
	display:none;
	}


#contentFrame {
	float:left;
	width:547px;
	border:1px solid;
	}
	
.contentbox {
	float:left;
	width:495px;
	padding-left:10px;
	padding-top:10px;
	padding-right:15px;
	text-align:left;
	}
.contentBoxInside {
	float:left;
	width:495px;
	padding-left:10px;
	padding-top:10px;
	padding-right:15px;
	text-align:left;
	
	}
.contentBoxInside img{
	float:left;
	padding-right:15px;

	
	}
.contentBoxInside p{

vertical-align:top;
	
	}
#MissionStatement {
	padding-bottom: 5px;
	}	
#tagline {
	float:right;
	padding-right:24px;
	vertical-align:bottom;
}
		
#footer {
	width:788px;
	text-align:center;
	color:#FFFFFF;
	background-image:url(../IMG/footer/Footer.jpg);
	height:36px;
	background-repeat:no-repeat;
	margin-right:auto;
	margin-left:auto;
	}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
	}
#footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
#FooterLeft {
	float:right;
	padding-right:170px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-top:3px;
	padding-top:3px;
	
	}
#FooterRight {
	float:right; 
	padding-right:37px; 
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-top:3px;
	padding-top:3px;
	}