/*------------ CSS RESET ------------*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/*----------------*/

body{
text-align:center;
margin:10px auto 10px auto;}

#Wrapper{
text-align:left;
margin:auto;
width:860px;}

/*top links*/
#Top-Links-Outer{
text-align:left;
width:100%;
height:30px;
background-image:url(/images/top-links-border.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

#Top-Links-Inner{
text-align:left;
margin:auto;
width:860px;}

#Top-Links-Inner li{
float:left;
margin-right:10px;
padding-left:5px;
height:19px;
}

#Top-Links-Inner li a:link, #Top-Links-Inner li a:visited{
text-decoration:none;
font-size:12px;
padding-right:23px;
padding-top:3px;
height:16px;
}

#Top-Links-Inner li a:hover{
text-decoration:underline;}

li.Top-Links-Inner-LI-blue{
background-color:#B8DAF9;}

li.Top-Links-Inner-LI-blue a:link, li.Top-Links-Inner-LI-blue a:visited{
color:#2597DB;
}

li.Top-Links-Inner-LI-blueup{
background-image:url(/images/blue-arrow-top.jpg);
background-position:right;
background-repeat:no-repeat;
}

li.Top-Links-Inner-LI-bluedown{
background-image:url(/images/blue-arrow-bottom.jpg);
background-position:right;
background-repeat:no-repeat;
}

li.Top-Links-Inner-LI-grey{
background-color:#E6E6E6;}

li.Top-Links-Inner-LI-grey a:link, li.Top-Links-Inner-LI-grey a:visited{
color:#000000;}

li.Top-Links-Inner-LI-greyright{
background-image:url(/images/black-arrow-right.jpg);
background-position:right;
background-repeat:no-repeat;
}


/*header*/
#Header{
height:110px;
position:relative;}

#Header-Left{
position:absolute;
top:24px;
width:266px;
}

#Header-Left img{
height:70px;
}

#Header-Right{
position:absolute;
left:305px;
top:75px;
width:600px;}

#Header-Right li{
float:left;
margin:0px 13px 0px 0px;}

#Header-Right li.end{
margin-right:0px !important;}

#Header-Right li a:link, #Header-Right li a:visited{
color:#000000;
text-decoration:none;
font-size:16px;
}

#Header-Right li a:hover{
color:#ED1E79;
}

#Header-Right li.sel a:link, #Header-Right li.sel a:visited{
color:#ED1E79;
}



/*banner*/
#Banner-Image{
background-image:url(/images/How%20green.jpg);
width:860px;
height:193px;
}

#Banner-Image a:link, #Banner-Image a:visited{
color:#FFFFFF;
padding-top:168px;
padding-left:735px;
display:block;
text-decoration:none;}


/*footer home features*/
#Home-Footer-Features{
width:860px;
clear:both;
padding-top:12px;}

/*footer*/
#Footer-Outer{
background-color:#227FA0;
height:60px;
margin-top:15px;}

#Footer-Inner{
background-color:#227FA0;
height:60px;
text-align:left;
margin:auto;
width:860px;
}

#Footer-Icons{
float:left;
width:350px;
padding-top:5px;}

#Footer-Text{
float:right;
width:500px;
text-align:right;
color:#FFFFFF;
font-size:12px;
padding-top:25px;}

#Footer-Text a:link, #Footer-Text a:visited{
color:#FFFFFF;}

#Footer-Text a:hover{
text-decoration:none;}

/*home content*/

#Home-Content-Main{
float:left;
width:500px;}

#Home-Content-Main h1, #Inside-Content-Main h1{
font-size:32px;
color:#0278A7;
margin-bottom:12px;
margin-top:12px;
}

#Inside-Content-Main h2{
font-size:20px;
color:#0278A7;
margin-bottom:12px;
margin-top:18px;
}

#Home-Content-Main p, #Inside-Content-Main p{
font-size:14px !important;
/*color:#8B9298;*/
color:#666666 !important;
line-height:180% !important;
margin-bottom:12px !important;}

	.normal{
	font-size:14px !important;
	color:#666666 !important;
	/*line-height:180% !important;*/
	}

	
#Home-Content-Main p.intro, #Inside-Content-Main p.intro{
font-size:12px;
color:#000000;
font-weight:bold;}

#Home-Content-Main a:link, #Home-Content-Main a:visited, #Inside-Content-Main a:link, #Inside-Content-Main a:visited{
color:#227FA0;
text-decoration:none;
}

#Home-Content-Main a:hover, #Inside-Content-Main a:hover{
text-decoration:underline;}

#Home-Content-Feature{
float:right;
width:328px;
height:187px;
margin-top:12px;
/*background-image:url(/images/litho-box-home.jpg);*/
}


#Home-Content-Feature a:link, #Home-Content-Feature a:visited{
color:#FFFFFF;
display:block;
text-decoration:none;}

#Inside-Content-Feature{
float:right;
width:215px;
border:1px solid #000000;
background-image:url(/images/Userful-links-top-corner.jpg);
background-position:top right;
background-repeat:no-repeat;
margin-top:2px;
text-align:center;
padding-top:52px;}


	#Inside-Content-Feature-Services{
	float:right;
	width:215px;
	margin-top:2px;
	text-align:left;
	}

		#Inside-Content-Feature-Services h1{
		font-size:32px;
		color:#0278A7;
		margin-bottom:12px;
		}
		
		#Inside-Content-Feature-Services p{		
		font-size:14px;
		color:#666666;
		line-height:180%;
		margin-bottom:12px;
		}
		
		#Inside-Content-Feature-Services a:link, #Inside-Content-Feature-Services a:visited{
		color:#227FA0;
		text-decoration:none;
		}
		
		#Inside-Content-Feature-Services a:hover{
		text-decoration:underline;}


#Inside-Content-Feature img{
margin-bottom:30px;}

#Inside-Content-Feature a.textlink:link, #Inside-Content-Feature a.textlink:visited{
display:block;
margin-bottom:30px;
color:#227FA0;
text-decoration:none;
font-weight:bold;}


#Inside-Content-Main{
float:left;
width:625px;}

#Inside-Content-Main ul{
margin-left:15px;}

#Inside-Content-Main li{
list-style:square;
font-size:12px;
margin-bottom:3px;
color:#666666;
}

#Services-Panel{
margin-left:0px !important;
margin-bottom:20px;
margin-top:2px;}

#Services-Panel li{
float:left;
margin-left:0px !important;
list-style:none;
width:201px;
padding-right:9px;
}

#Services-Panel li h2{
font-size:18px;
margin-top:8px;
margin-bottom:8px;
background-image:url(/images/services-blue-arrow.jpg);
background-position:right;
background-repeat:no-repeat !important;
width:70%;
}

#Services-Panel li a:link, #Services-Panel li a:visited{
/*background-image:url(/images/services-blue-arrow.jpg);
background-position:right;
background-repeat:no-repeat;*/
}

#Services-Panel li.sel h2 a:link, #Services-Panel li.sel h2 a:visited{
background-image:url(/images/services-pink-arrow.jpg);
background-position:right;
background-repeat:no-repeat;
padding-right:20px;
color:#EC1D77;
}

#Services-Panel li a:hover h2 {
background-image:url(/images/services-pink-arrow.jpg);
background-position:right;
background-repeat:no-repeat;
color:#EC1D77;
}

#Services-Panel li a:hover img {
border:3px solid #EC1D77;
}

#Services-Panel li a:hover{
text-decoration:none;}

#Services-Panel li img{
border:3px solid #227FA0;
}

#Services-Panel li.end{
padding-right:0px !important;}

#Services-Panel li.sel img{
border:3px solid #EC1D77;}


.sup{
font-size:8px;}

.info{border-bottom:dashed 1px #666666; text-decoration:none; }
a.info{text-decoration:none !important;}
a.info:hover{background-color:#cccccc;}
.info_box{width:300px; border:0px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
.info_box p{
margin-bottom:10px;}
.info_box_wide{width:600px; border:0px; font-family:Arial, Helvetica, sans-serif;}
.info_box_diagram{width:400px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important;}

@media print {
#Top-Links-Outer, #Header, #Footer-Outer, #Inside-Content-Feature, #Inside-Content-Feature-Services{
display:none;}

#Inside-Content-Main{
width:75% !important;}



html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
}