/* GFT CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
body {
	width: 750px;
	margin: auto;
}
a:link {
	text-decoration: none;
	color: #366939;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
h1 {
	font-size: 16px;
	color: #366939;
	font-weight: bold;
	float: left;
	padding-top: 10px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	line-height: 30px;
}

h2 {
	color: #FFFFFF;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
}

h3 {
	color: #366939;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
}
h4 {
	color: #666666;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
}
h5 {
	color: #366939;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
}

.clear {
	clear: both;
}
.clearRight {
	clear: right;
}
.clearLeft {
	clear: left;
}


#pageWidth {
	margin-top: 10px;
}

.rightTopPic {
	float: right;
}
.leftTopPic {
	float: left;
}


/*top bar*/
#top {
	height: 160px;
	background-color: #ECECEC;
}

.leftTop {
	float: left;
	background-color: #ECECEC;
	padding-top: 20px;
	padding-left: 38px;
	padding-right: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CBCACA;
	margin-right: 11px;
	height: 110px;
}
.rightTop {
	float: right;
	background-color: #ECECEC;
	padding-top: 40px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CBCACA;
	height: 100px;
}
	

/*green top bar*/

.greenStrip {
	height: 47px;
	margin-bottom: 4px;
	margin-top: 4px;
	background-color: #48D650;
	float: left;
	width: 750px;
}
.greenStripTitle {
	font-size: 16px;
	color: #366939;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	padding-top: 15px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

/*leftBar*/
#leftBarMain {
	float: left;
	clear: left;
	width: 170px;
}

#leftBar {
	float: left;
	background-color: #ECECEC;
	clear: left;
	width: 170px;
	background-image: url(../img/site/banner_grey_bot.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px;
}
.bottomBar {
	background-image: url(../img/site/banner_grey_bot.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 170px;
}
.leftNav {
	float: none;
	border-top: #CBCACA 1px solid;
	margin: 10px;
	width: 150px;
}
.leftNavText {
	color: #757575;
	background-image: url(../img/site/dot.gif);
	background-position: 2px center;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: #CBCACA 1px solid;
	float: left;
	width: 140px;
	text-align: left;
}

.leftNavAssessment {
	color: #757575;
	background-image: url(../img/site/dot_on_green.gif);
	background-position: 2px center;
	background-repeat: no-repeat;
	margin-top: 20px;
	border-top: #366939 1px solid;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: #366939 1px solid;
	background-color: #CBE8CD;
	float: left;
	width: 140px;
	text-align: left;
}
.leftNavContact {
	color: #757575;
	background-image: url(../img/site/dot.gif);
	background-position: 2px center;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: #366939 1px solid;
	float: left;
	width: 140px;
	text-align: left;
}
.leftNavText a:link {
	color: #757575;
	text-align: left;
	text-decoration: none;
}
.leftNavAssessment a:link {
	color: #757575;
	text-align: left;
	text-decoration: none;
}
.leftNavContact a:link {
	color: #757575;
	text-align: left;
	text-decoration: none;
}
.leftNavText a:visited {
	color: #757575;
	text-align: left;
	text-decoration: none;
}
.leftNavAssessment a:visited {
	color: #757575;
	text-align: left;
	text-decoration: none;
}
.leftNavContact a:visited {
	color: #757575;
	text-align: left;
	text-decoration: none;
}
.leftNavText a:hover {
	color: #000000;
	text-align: left;
	text-decoration: none;
}
.leftNavAssessment a:hover {
	color: #000000;
	text-align: left;
	text-decoration: none;
}
.leftNavContact a:hover {
	color: #000000;
	text-align: left;
	text-decoration: none;
}

/*left banner*/

#leftBarGreen {
	background-color: #A3EAA7;
	background-image: url(../img/site/banner_green_bot.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	padding-bottom: 10px;
	width: 170px;
	margin-top: 5px;
	text-align: left;
}
.leftBarGreenTitle {
	float: left;
	width: 160px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.leftBarGreenTitle a{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	color: #5B5B5B;
	text-decoration: none;
}
.leftBarGreenText {
	float: left;
	width: 160px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.leftBarGreenText a{
	font-weight: bold;
	font-size: x-small;
	text-align: left;
	color: #5B5B5B;
	text-decoration: none;
}
.leftBarGreenText a:visited{
	font-weight: bold;
	font-size: x-small;
	text-align: left;
	color: #5B5B5B;
	text-decoration: none;
}
.leftBarGreenText a:hover{
	font-weight: bold;
	font-size: x-small;
	text-align: left;
	color: #000000;
	text-decoration: none;
}

/*right Bar*/
#rightBarFirst {
	background-color: #ECECEC;
	background-image: url(../img/site/banner_grey_bot.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: right;
	padding-bottom: 10px;
	width: 170px;
}
.rightBarUkDistribution {
	width: 155px;
	float: none;
	background-image: url(../img/site/uk_distribution_gas.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	height: 150px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.rightBarTitle {
	font-size: small;
	text-align: center;
	color: #5B5B5B;
	text-transform: uppercase;
	float: right;
	clear: right;
	width: 170px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.rightBarText {
	width: 80px;
	float: left;
	text-align: left;
}
.rightBarText a{
	color: #000000;
}

.rightBarText a:link{
	color: #000000;
	text-align: left;
	text-decoration: underline;
}
.rightBarText a:hover{
	color: #000000;
	text-align: left;
	text-decoration: underline;
	font-weight: bold;
}

/*right banner green*/
#rightBarGreen {
	background-color: #A3EAA7;
	background-image: url(../img/site/banner_green_bot.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: right;
	padding-bottom: 10px;
	width: 170px;
	clear: right;
	margin-top: 5px;
	text-align: left;
}
.rightBarGreenTitle {
	float: right;
	clear: right;
	width: 160px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.rightBarGreenTitle a{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	color: #5B5B5B;
	text-decoration: none;
}
.rightBarNewsTitle {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	color: #5B5B5B;
	text-decoration: none;	
	float: right;
	clear: right;
	width: 160px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.rightBarGreenTitle a:link {
	font-size: small;
	text-align: left;
	color: #5B5B5B;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.rightBarGreenTitle a:visited {
	font-size: small;
	text-align: left;
	color: #5B5B5B;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.rightBarGreenTitle a:hover{
	font-size: small;
	text-align: left;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*right banner Light green*/
#rightBarLightGreen {
	background-color: #DAF7DC;
	background-image: url(../img/site/banner_lgreen_bot.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: right;
	padding-bottom: 5px;
	width: 170px;
	clear: right;
	margin-top: 5px;
	text-align: left;
}
.rightBarGreenLightTitle {
	font-size: small;
	text-align: left;
	color: #5B5B5B;
	float: right;
	clear: right;
	width: 160px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.rightBarGreenLightTitle a:link{
	font-size: 16px;
	text-align: left;
	color: #5B5B5B;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 2em;
	text-decoration: none;
}
.rightBarGreenLightTitle a:visited{
	font-size: 16px;
	text-align: left;
	color: #5B5B5B;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 2em;
	text-decoration: none;
}
.rightBarGreenLightTitle a:hover{
	font-size: 16px;
	text-align: left;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 2em;
	text-decoration: none;
}
.rightBarGreenLightText {
	font-size: small;
	text-align: left;
	color: #5B5B5B;
	float: right;
	clear: right;
	width: 160px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.rightBarGreenLightText a:link{
	font-size: small;
	text-align: left;
	color: #5B5B5B;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-decoration: none;
}
.rightBarGreenLightText a:visited{
	font-size: small;
	text-align: left;
	color: #5B5B5B;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-decoration: none;
}
.rightBarGreenLightText a:hover{
	font-size: small;
	text-align: left;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-decoration: none;
}

/*right banner grey*/
#rightBarGrey {
	background-color: #ECECEC;
	background-image: url(../img/site/banner_grey_bot.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: right;
	padding-bottom: 10px;
	width: 170px;
	clear: right;
	margin-top: 5px;
	margin-bottom: 5px;
}
.rightBarGreyTitle {
	font-size: small;
	text-align: left;
	color: #5B5B5B;
	float: right;
	clear: right;
	width: 160px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.rightBarGreyTitleBigger {
	font-size: 14px;
	text-align: left;
	color: #5B5B5B;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.rightBarGreyTitle a{
	font-size: small;
	text-align: left;
	color: #5B5B5B;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.rightBarGreyTitleBigger a {
	font-size: 14px;
	text-align: left;
	color: #5B5B5B;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.rightBarGreyTitle a:link{
	font-size: small;
	text-align: left;
	color: #5B5B5B;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.rightBarGreyTitleBigger a:link {
	font-size: 14px;
	text-align: left;
	color: #5B5B5B;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.rightBarGreyTitle a:hover{
	font-size: small;
	text-align: left;
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.rightBarGreyTitleBigger a:hover {
	font-size: 14px;
	text-align: left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

/*main article*/

#mainArticle {
	width: 387px;
	margin-left: 10px;
	float: left;
	text-align: left;
	padding-top: 10px;
}
#mainArticle ul{
	padding-left: 18px;
	float: none;
	text-align: left;
	list-style-image: url(../img/site/dot.gif);
	list-style-type: circle;
	list-style-position: inherit;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainArticle a:link{
	text-align: left;
	color: #000000;
	text-decoration: underline;
}
#mainArticle a:visited{
	text-align: left;
	color: #000000;
	text-decoration: underline;
}

#mainArticle a:hover{
	text-align: left;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}


.greenStripsInArticle {
	width: 384px;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
	padding-left: 7px;
	background-color: #48D650;
	color: #FFFFFF;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight: bold;
}
.implementationInServices {
	width: 384px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
	padding-left: 7px;
	background-color: #6B9572;
	color: #FFFFFF;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight: bold;
}
/*graph on homepage*/
#graph {
	float:left;
}
.picBorder {
	border: #CBCACA 1px solid;
	margin-top: 5px;
	float: left;
}
.picNoBorder {
	margin-top: 5px;
	float: left;
	margin-right: 10px;
}
.picNoBorderRight {
	margin-top: 5px;
	float: right;
	margin-right: 10px;
}
.graphPointsFirst {
	float: left;
	padding-left: 15px;
	clear: none;
	margin-top: 20px;
	width: 160px;
}
.graphPoints {
	float: left;
	padding-left: 15px;
	clear: none;
	width: 160px;
	margin-top: 5px;
}

/*bottom*/

#bottom {
	width: 750px;
	border-top: #CBCACA 1px solid;
	clear: both;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}
.bottom a {
	color: #5B5B5B;
	text-decoration: none;
}

.bottom a:link {
	color: #5B5B5B;
	text-decoration: none;
}
.bottom a:visited {
	color: #5B5B5B;
	text-decoration: none;
}

.bottom a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#backToTop {
	width: 750px;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: center;
	padding-left: 7px;
	background-color: #EFEFEF;
	color: #366939;
	font-size: x-small;
	padding-bottom: 4px;
	padding-top: 2px;
	font-weight: bold;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}
.backToTop a:{
	color: #366939;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none; 
}
.backToTop {
	color: #366939;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none; 
}
.backToTop a:visited{
	color: #366939;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
}
.backToTop a:hover{
	color: #000000;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none; 
}

.picBorderRight {
	border: #CBCACA 1px solid;
	margin-top: 5px;
	float: right;
	margin-left: 7px;
}

.diagramRight {
	float: right;
	padding-bottom: 60px;
}
.diagramRightnopadding {
	float: right;
	padding-bottom: 0px;
}
/*forms*/
#formLeftNames {
	float: left;
	width: 100px;
	text-align: right;
}
.formLeftNames input{
	float: left;
	width: 100px;
	text-align: right;
}

#formRightFields {
	float: left;
	width: 255px;
	font-size: xx-small;
	margin-left: 10px;
}
.formContact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	border: #CCCCCC 1px solid;
	padding: 10px;
	float: left;
	line-height: 2.8em;
}
.formContact input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
}
.formFieldContact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	margin-bottom: 0px;
	margin-top: 4px;
	width: 230px;
}
.sendContact {
	margin-top: 4px;
}


/*assessment*/

.assessLeftNames {
	float: left;
	width: 120px;
	line-height: 4.5ex;
}
.assessLeftNames input{
	float: left;
	width: 120px;
	line-height: 4.5ex;
}
.assessRightFields {
	float: right;
	width: 265px;
}

.assessNames {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

.assessFields {
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
}
.assessFieldsMedium {
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100px;
}
.assessFields input{
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
}
.assessLeftTitle {
	float: left;
	width: 384px;
}
.assessFieldsSmall {
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tableForm {
	margin-top: 10px;
	padding-left: 2px;
}
.tableCol {
	background-color: #EFEFEF;
	padding-left: 3px;
}

.botBorder {
	border-bottom: #CCCCCC 1px solid;
	margin-top: 3px;
	margin-bottom: 3px;
	clear: both;
}
.arrowComplete {
	margin-left: 78px;
}
.arrowAnalysis {
	float: right;
	margin-right: 0px;
	width: 110px;
}

/*news*/
.newsBarText {
	width: 160px;
	float: left;
	text-align: left;
	padding-left: 10px;
}
.newsBarText a{
	color: #000000;
}

.newsBarText a:link{
	color: #000000;
	text-align: left;
	text-decoration: underline;
}
.newsBarText a:hover{
	color: #000000;
	text-align: left;
	text-decoration: underline;
	font-weight: bold;
}
.imageNews {
	float: right;
	clear: both;
	border: #999999 1px solid;
}
.searchListImage {
	background-color: #FFFFFF;
	text-align:center;
	padding: 2px;
	margin: 10px;
	
}