@charset "utf-8";
/* CSS Document written by Webs For Everyone - HCB website created for an original design by David Jacques 

   Copyright Webs For Everyone
*/

body{
	width: 100%;
	font-family: "Arial Narrow", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#container{
	width: 960px;
	text-align: center;
	padding: 0px;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#headerWrapper{
	width:960px;/*920*/
	height: 135px;/*132*/
	float: left;
	text-align: left;
	padding: 0px;
	padding-top:3px;
	/*padding-bottom: 2px;21*/
	margin: 0px;
	padding-left:0px;/*20*/
	padding-right:20px;
	/*background: #838BBC;*/
/*	background-image: url(../assets/images/siteWide/WebHeader2-3.jpg);
/*background-image: url(../assets/images/siteWide/header.jpg); old header
	background-repeat: no-repeat;
	background-position: left top;*/
}
#headIMG{
	width:960px;/*920*/
	height: 135px;/*128*/
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background-image: url(../assets/images/siteWide/WebHeader2-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	/*background-image: url(../assets/images/siteWide/header.jpg);*/
}


/*
#headerWrapper{
	width:960px;
	height: 125px;
	float: left;
	text-align: left;
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
	background-image: url(../assets/images/siteWide/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
*/
#header{
	width:920px;/*960*/
	height: 104px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#nav{
	width:920px;/*960*/
	height: 23px;
	float: left;
	text-align: left;
	padding: 0px;
	padding-bottom: 5px;
	/*padding-top: 2px;*/
	margin: 0px;
	/*background-image: url(../assets/images/siteWide/navBack10.jpg);
	/*background-image: url(../assets/images/siteWide/navBack.jpg); old one
	background-repeat: no-repeat;
	background-position: right bottom;	*/
}

#navGap{
	width:354px;
	height: 20px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
.navButton{
	/*width:910px;*/
	height: 23px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	text-transform: capitalize;
	color: #FFFFFF;
	line-height: 23px;
}
.navButtonPage{
	/*width:910px;*/
	height: 23px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	text-transform: capitalize;
	color: #FFFFFF;
	line-height: 23px;
}

#crumbs{
	width:960px;
	height: 15px;
	float: left;
	text-align: left;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 5px;
	margin: 0px;
}

#pageWrapper{
	width:960px;
	float: left;
	text-align: left;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	border-bottom: dotted 3px #CCCCCC;
}

#columnOne{
	width:341px;
	/*height: 104px;*/
	float: left;
	text-align: left;
	padding: 0px;
	padding-right: 14px;
	margin: 0px;
	display: inline;
}

#mainPicBox{
	width:341px;
	/*height: 225px;*/
	float: left;
	text-align: left;
	padding: 0px;
	padding-bottom: 8px;
	margin: 0px;
}

#mainPicTitle{
	width:341px;
	height: 18px;
	float: left;
	text-align: left;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	background-image: url(../assets/images/siteWide/newsTitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}


#mainPicContent{
	width:341px;
	height: 225px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#sectionsWrapper{
	width:341px;
	/*height: 1020px;*/
	float: left;
	text-align: left;
	padding: 0px;
	padding-bottom: 8px;
	margin: 0px;
}

#sectionTitle{
	width:341px;
	height: 18px;
	float: left;
	text-align: left;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	background-image: url(../assets/images/siteWide/sectionsTitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#sectionContent{
	width:341px;
	height: 104px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}


#sectionTable img{
	margin-right:3px;
	border: none;
}

.sectionBorder{
	width: 340px;
	height: 7px;
	border-top: dotted 3px #CCCCCC;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-top: 7px;
}

a #comm, a #conf, a #regs, a #safe, a #stor, a #ship, a #tank, a #pack, a #train, a #dist, a #tankers {
	width: 82px;
	height: 82px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}

a #comm {
	background-image: url(../assets/images/siteWide/comment_BH.jpg);
}
a #conf {
	background-image: url(../assets/images/siteWide/conference_BH.jpg);
}
a #regs {
	background-image: url(../assets/images/siteWide/regulation_BH.jpg);
} 
a #safe {
	background-image: url(../assets/images/siteWide/safety_BH.jpg);
}
a #stor {
	background-image: url(../assets/images/siteWide/storage_BH.jpg);
}
a #ship {
	background-image: url(../assets/images/siteWide/shipping_BH.jpg);
}
a #tank {
	background-image: url(../assets/images/siteWide/tanks_BH.jpg);
} 
a #pack {
	background-image: url(../assets/images/siteWide/packaging_BH.jpg);
}
a #train {
	background-image: url(../assets/images/siteWide/training_BH.jpg);
} 
a #dist {
	background-image: url(../assets/images/siteWide/distribution_BH.jpg);
} 
a #tankers  {
	background-image: url(../assets/images/siteWide/tankers_BH.jpg);
}



a:hover #comm, a:hover #conf, a:hover #regs, a:hover #safe, a:hover #stor, a:hover #ship, a:hover #tank, a:hover #pack, a:hover #train, a:hover #dist, a:hover #tankers {
	background-position: right top;
}


#columnTwo{
	width:603px;
	/*height: 104px;*/
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	display: inline;
}

#contentsWrapper{
	width:603px;
	/*height: 104px;*/
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	display:inline;
	font-family: Helvetica, Verdana, "Trebuchet", sans-serif;
	font-size: 14px;
	line-height: 120%;	/*background-color: #09F;*/
}

#newsWrapper{
	width:467px;
	/*height: 104px;*/
	float: left;
	text-align: left;
	padding: 0px;
	padding-bottom:8px;
	margin: 0px;
}

#newsTitle{
	width:467px;
	height: 19px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background-image: url(../assets/images/siteWide/newsScrollTitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #838BBC;	
}

#newsContent{
	width:451px;/*380*/
	height: 900px;/*650px;/*200*/
	float: left;
	text-align: left;
	padding: 5px;
	margin: 0px;
	border-left: 3px solid #838BBC;
	border-right: 3px solid #838BBC;
	border-bottom: 3px solid #838BBC;
	border-top: 3px solid #838BBC;
	overflow:scroll;

}
#newsContentARC{
	width:451px;/*380*/
	height: 700px;/*650px;/*200*/
	float: left;
	text-align: left;
	padding: 5px;
	margin: 0px;
	border-left: 3px solid #838BBC;
	border-right: 3px solid #838BBC;
	border-bottom: 3px solid #838BBC;
	border-top: 3px solid #838BBC;
    overflow:scroll;
}
.newsStory{
	width:412px;/*440 420*/
	/*height: 104px;*/
	float: left;
	text-align: left;
	padding: 0px;
	padding-top: 10px;
	padding-left: 15px;
	margin: 0px;
	font-size: 16px;
}
.newsStoryARC{
	width:420px;
	/*height: 104px;*/
	float: left;
	text-align: left;
	padding: 0px;
	padding-top: 10px;
	padding-left: 15px;
	margin: 0px;
	font-size: 16px;
}
#video{
	width:467px;
	height: 235px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}


#articleContent{
	width:467px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	display: inline;
	/*background-color: #3F9;*/
}





#linksArticleWrapper{
	width:467px;
	/*height: 475px;*/
	float: left;
	text-align: left;
	padding: 0px;
	padding-bottom:8px;
	margin: 0px;
	/*background-color:#FF6633;*/
}

#linksArticle{
	width:467px;
	/*height: 465px;*/
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.linksTable table {
	width: 467px;
}

.linksTable table tr td{
	height: 20px;
}

.linksTable table tr td.headRow{
	height: 30px;
}

#partnersWrapper{
	width:120px;
	/*height: 760px;*/
	float: left;
	text-align: left;
	padding: 0px;
	padding-left:16px;
	margin: 0px;
	display: inline;
	/*background-color:#CCCC33;*/
}

#partnersTitle{
	width:120px;
	height: 18px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background-image: url(../assets/images/siteWide/partnersTitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.partnersContent{
	width:120px;
	/*height: 104px;*/
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.partnersAdverts{
	width:120px;
	/*height: 104px;*/
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	padding-top: 8px;
}

.partnersAdverts a img, .wideAdvert a img, #mainPicContent a img{
	border: none;
	}
#wideAdvertWrapper{
	width:467px;
	height: 160px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.wideAdvert{
	width:467px;
	height: 70px;
	float: left;
	text-align: left;
	padding: 0px;
	padding-top:8px;
	padding-bottom:8px;
	margin: 0px;
}

.wideAdvertA{
	width:467px;
	height: 80px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.wideAdvert IMG{
	margin-top: 6px;
}

#footer{
	width:960px;
	height: 30px;
	float: left;
	text-align: left;
	padding: 0px;
	padding-top: 10px;
	margin: 0px;
	margin-top: 10px;
	/*border-top: dotted 3px #CCCCCC;*/
	clear: left;
	/*background-color:#FF0066;*/
}


#headLink{
	float:right;
	width: 350px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	padding-top: 10px;
	padding-right:30px;
	font-size: 12px;
	height:20px;
}

#headLink a {
	color: #DDD;
	font-weight: bold;
	text-decoration: none;
}

#headLink a:hover {
	color: #F79238;
	text-decoration: none;
}


/*....................... magazine back cats ........................
*/

#magazineHeads{
	width:465px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}




/*................. web log in form border .......................................
*/

#webBorders{
	width: 270px;
	margin-left: 50px;
	border:  3px dotted #CCC;
	padding: 15px;
	padding-left:40px;
	height: 120px;
}



/*.......................  search forms ..............................................
*/

#searchGap{
	width: 380px;
	height: 20px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#seachResultArea{
clear:left;	
}
/*...............................contact form..............................*/
#form{ 
	margin-top:0px;
}


/*.......................   sections archive  ..............................*/

.articleSumm{
	width: 465px;
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	text-align: left;
}

#secLinkNav{
	padding-top: 5px;
}

/*media pack download */

.mediaPK{
	width:420px;
	text-align:center;
	margin: 0px;
	padding: 10px;
	padding-top: 15px;
	float: left;
	height: 25px;
	border: 3px dotted #CCC;
	background-color: #FFC;
	font-weight: bold;
}