/* 
  ------------------------------------
BODY OF PAGE
  ------------------------------------
*/
sup {
   vertical-align: baseline;
   font-size: 0.8em;
   position: relative;
   top: -0.4em;
}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#4f8fcc;
}


#containerWhole {
	position:absolute;
	top:14px;
	left:0;
	/*text-align:center;*/
	width:775px;
	/*margin: 0;
	padding:0;*/
	height:auto;
	z-index:1;
}


#container {
	position:relative;
	/*text-align:center;*/
	/*margin:auto;*/
	padding:0 0 15px 0;
	font-size:12px;
	width:803px;
	height:auto;
	z-index:2;
}

#menuContainer {
	position:absolute; 
	top:0px; 
	left:0px;
	height:29px; 
	margin:0;
}

#logo {
	position:relative;
	float:left;
	top:63px;
	width:803px;
	height:auto;
	z-index:10;
}

#nav {
	position: absolute;
	top: 12px;
	width:775px;
	height:28px;
}

#navLeft {
	position:absolute;
	top: 124px;
	/*top: 96px;  orig value with "banking in nav*/
	left:64px;
	width:160px;
	color:#fff;
	line-height:16px;
	text-align:left;
	z-index:90;
}

.navLeft {
	padding:220px 0 0 0;
}

.navLeftServices {
	padding:139px 0 0 0;
}

#trailText {
	position:absolute;
	top:43px;
	left:254px;
	width:501px;
	font-size:10px;
	color:#fff;
	text-align:left;
}

#content {
	position:relative;
	float:left;
	top:29px;
	width:775px;
	height:auto;
	z-index:50;
}

#copyBlockWhtHome {
	position:relative;
	float:left;
	top:27px;
	left:47px;
	width:221px;
	height:auto;
	color:#102936;
	background-color:#fff;
	text-align:left;
	padding:23px 255px 57px 31px;
	line-height:16px;
	z-index:30;
}

.contentCopy {
	padding:20px 100px 30px 20px;
	}

#blueDetailBoxLft {
	position:relative;
	float:left;
	left:47px;
	top:52px;
	width:207px;
	height:auto;
	z-index:60;
	}
	
.blueDetailBoxText {
	color:#fff;
	padding:14px 35px 25px 20px;
	font-size:11px;
	text-align:left;
	}
	
	.blueDetailBoxText2 {
	color:#fff;
	padding:14px 20px 25px 20px;
	font-size:11px;
	text-align:left;
	}
	
#greenEventsBoxRt {
	position:absolute;	
	left:525px;
	top:332px;
	width:206px;
	height:auto;
	z-index:100;
	}
	
.greenEventsBoxText {
	color:#fff;
	padding:0 19px 20px 19px;
	font-size:11px;
	text-align:left;
	line-height:13px;
	}
	
#spacer {
	top:50px;
	position:relative;
	float:left;
	height:5px;
	width:20px
	}
	
#footer {
	position:relative;
	float:left;
	left:-271px;
	font-size:10px;
	width:500px;
	padding:0 0 20px 0;
	color:#fff;
	text-align:left;
}

#footer2 {
	position:relative;
	float:left;
	left:254px;
	top:46px;
	font-size:10px;
	width:526px;
	padding:0 0 20px 0;
	color:#fff;
	text-align:left;
}
	
.copy11Wht {
	font-size:11px;
	color:#fff;
}

.copy12Wht {
	font-size:12px;
	color:#fff;
}

.copy13Wht {
	font-size:13px;
	color:#fff;
}

.copy11Blue {
	font-size:11px;
	color:#102936;
	text-align:left;
}

.copy9Blue {
	font-size: 9px;
	color: #102936;
	text-align: left;
	font-style: italic;
}

.redHeadline12 {
	font-size:12px;
	color:#ce1a23;
	font-weight:bold;
	}
	
.copy11Blue13 {
	font-size:11px;
	color:#102936;
	line-height:13px;
	text-align:left;
}	

.copy10White {
	font-size:10px;
	color:#fff;
	text-align:left;
	}
	
.printerName {
	font-size:10px;
	color:#102936;
	}
	
.subCopyltBlue {
	font-size:11px;
	color:#768c9b;
	}

/* 
  ------------------------------------
SERVICES OF PAGE
  ------------------------------------
*/

#servicesImage {
	position: relative;
	top:27px;
	left:0px;
	width:803px;
	height:107px;
	z-index:20;
}

#copyBlockWhtServices {
	position:relative;
	float:left;
	top:34px;
	left:44px;
	width:280px;
	height:auto;
	color:#102936;
	background-color:#fff;
	padding:20px 20px 31px 207px;
	z-index: 30;
}

#copyBlockWhtServicesInside {
	position:relative;
	float:left;
	top:34px;
	left:254px;
	width:442px;
	height:auto;
	background-color:#fff;
	padding:20px 35px 31px 32px;
	text-align:left;
	z-index: 30;
}

#copyBlockWhtPartnerInside {
	position:relative;
	float:left;
	top:-134px;
	left:254px;
	width:442px;
	height:auto;
	background-color:#fff;
	padding:20px 35px 31px 32px;
	text-align:left;
	z-index: 30;
}

#greenPartnerBox {
	position:relative;
	float:left;
	left:229px;
	top:54px;
	width:420px;
	height:auto;
	z-index:60;
	}

#greenServicesBox {
	position:relative;
	float:left;
	left:229px;
	top:54px;
	width:210px;
	height:auto;
	z-index:60;
	}
	
.greenServicesBoxText {
	color: #102936;
	padding: 0 10px 23px 25px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	}
	
	
	

a.grey11:link {
   	color: #102936;
	font-size: 11px;
	text-decoration: none;
}
	
	
	

a.grey11:visited {
   	color: #102936;
	font-size: 11px;
	text-decoration: none;
}
	
	
	

a.grey11 {
   	color: #102936;
	font-size: 11px;
	text-decoration: none;
}
a.grey11:hover{
	color: #5c7688;
	text-decoration: none;
}

a.blue11:link {
   	color: #fff;
	font-size: 11px;
	text-decoration: none;
}

a.blue11:visited {
   	color: #fff;
	font-size: 11px;
	text-decoration: none;
}

a.blue11 {
   	color: #fff;
	font-size: 11px;
	text-decoration: none;
}
a.blue11:hover{
	color: #102936;
	text-decoration: none;
}

a.white10:link {
   	color: #fff;
	font-size: 10px;
	text-decoration: none;
}

a.white10:visited {
   	color: #fff;
	font-size: 10px;
	text-decoration: none;
}

a.white10 {
   	color: #fff;
	font-size: 10px;
	text-decoration: none;
}
a.white10:hover{
	color: #102936;
	text-decoration: none;
}

a.white10B:link {
   	color: #fff;
	font-size: 10px;
	font-weight:bold;
	line-height:13px;
	text-decoration: none;
}

a.white10B:visited {
   	color: #fff;
	font-size: 10px;
	font-weight:bold;
	line-height:13px;
	text-decoration: none;
}

a.white10B {
   	color: #fff;
	font-size: 10px;
	font-weight:bold;
	line-height:13px;
	text-decoration: none;
}
a.white10B:hover{
	color: #102936;
	font-weight:bold;
	text-decoration: none;
}

a.red12:link {
   	color: #ce1a23;
	font-size: 10px;
	font-weight:bold;
	line-height:13px;
	text-decoration: none;
}

a.red12:visited {
   	color: #ce1a23;
	font-size: 10px;
	font-weight:bold;
	line-height:13px;
	text-decoration: none;
}

a.red12 {
   	color: #ce1a23;
	font-size: 10px;
	font-weight:bold;
	line-height:13px;
	text-decoration: none;
}
a.red12:hover{
	color: #102936;
	font-weight:bold;
	text-decoration: none;
}

a.red11:link {
   	color: #ce1a23;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

a.red11:visited {
   	color: #ce1a23;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

a.red11 {
   	color: #ce1a23;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}
a.red11:hover{
	color: #102936;
	text-decoration: none;
}


a.red11R:link {
   	color: #102936;
	font-size: 11px;
	text-decoration: none;
}


a.red11R:visited {
   	color: #102936;
	font-size: 11px;
	text-decoration: none;
}


a.red11R {
   	color: #102936;
	font-size: 11px;
	text-decoration: none;
}
a.red11R:hover{
	color: #ce1a23;
	text-decoration: none;
}

a.nextL:link {
   	color: #BBC7B8;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

a.nextL:visited {
   	color: #BBC7B8;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

a.nextL {
   	color: #BBC7B8;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}
a.nextL:hover{
	color: #102936;
	text-decoration: none;
}

a.blue10:link {
   	color: #fff;
	font-size: 10px;
	text-decoration: none;
}

a.blue10:visited {
   	color: #fff;
	font-size: 10px;
	text-decoration: none;
}

a.blue10 {
   	color: #fff;
	font-size: 10px;
	text-decoration: none;
}
a.blue10:hover{
	color: #102936;
	text-decoration: none;
}