/* CSS Document */

/* IE7 Bug 
	--
	
	There was a problem here with IE7 not displaying the background images in the first two divs, when there were three floated columns.
	
	- Each column was floated left and had a width specified.
	
	Solution:
	
	It seemed that simply reducing the width of the last div fixed the problem

*/

* {
	margin:0;
	padding:0;
}

p, h1, h2, h2, h3, h4, blockquote {
	padding: 5px 0;
}

p {
	line-height:20px;
}

a {
	text-decoration:none;
}

a img {
	border:none;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background:#a8d3f1;
}	

.clear {
	clear:both;
}

#wrap {
	width:800px;
	margin:30px auto 20px auto;
	text-align:left;
	border:1px solid #a8d3f1;
	background:#FFFFFF;
}

#wrap_pop {
	width:366px;
	text-align:left;
	border:1px solid #e9e9e9;
	margin:10px;
	padding:0px;
}

#wrap_pop p{
padding:5px;
}
#strap {
	display:none;
}

#printheader {
	display:none;
}

#header {

}

#header h1 {
	display:none;
}

#topnav {
	background:url(../images/ghr_66_alt_12.jpg) repeat-x;
}

#topnav ul {
	list-style-type:none;
	margin-left:2px;
}

#topnav ul li {
	display:inline;
	margin: 0 -1px 0 -2px;
}

#topnav ul li .textalt {
	display:none;
}

#handheldnav {
	display:none;
}

#contentwrap {
	background: url(../images/ghr_66_alt_15.jpg) repeat-y;
	margin-top:10px;
}

#contents {
	background: url(../images/ghr_66_alt_28.jpg) no-repeat bottom left;
}

#contents-left {
	width:160px;
	float:left; 
	margin-top:20px;
	padding-bottom:200px;
}

#contents-left ul {
	list-style-type:none;
}

#contents-left ul li {
	background-color:#eeedec;
	font-size:13px;
	border-bottom:2px solid #6bb1e2;
	border-top:2px solid #6bb1e2;
	padding-top:5px;
}

#contents-left ul li.single {
	padding-bottom:5px;
}

#contents-left ul li a {
	color:#24336a;
	font-weight:bold;
	padding:0 5px;
}

#contents-left ul li a:hover {
	color:#747d9d;
}

#contents-left ul li ul {
	padding-top:5px;
}

#contents-left ul li ul li {
	background-color:#e5e1e0;
	border-bottom:1px solid #6bb1e2;
	border-top:none;
	margin-bottom:0;
	padding:2px 0 2px 15px;
}

#contents-left ul li ul li a:hover {
	color:#999999;
	}

#contents-left ul li ul li a {
	font-weight:normal;
	padding:0;
}

#contents-left ul li ul li.nested-top {
	border-top:4px solid #6bb1e2;
}

#contents-middle {
	width:340px;
	float:left;
}

#middle {
	padding: 10px 25px 0 25px;
}

#middle h2 {
	color:#233f83;
	font-size:15px;
}

#middle h3 {
	color:#248e63;
	font-size:12px;
}

#middle ul {
	padding: 10px;
	list-style-type:none;
}

#middle ul li {
	padding-bottom:10px;
	background:url(../images/bullet.gif) no-repeat;
	padding-left:20px;
}

#contents-right {
	width:290px;
	text-align:center;
	float:left;
}

#contents-right img {
	display:block;
	text-align:center;
	margin:0 auto;
	padding:5px 0;
}

#footer {
	text-align:right;
	background-color:#4378b2;
	color:#FFFFFF;
	padding: 5px 10px;
}

#footer a {
	color:#FFFFFF;
}

#footer .left {
	float:left;
}

p.readmore {
	color:#268d62;
	font-size:11px;
	padding-top:0;
}

p.readmore a {
	color:#268d62;
	font-size:11px;
}

#contents-main {
	float:left;
	width:620px;
	padding-bottom:20px;
}

.divide {
	border-bottom:2px solid #6bb1e2;
	margin:15px 0;
	clear:both;
}

.rightimage {
	float:right;
	padding:0 0 15px 20px;
}

.leftimage {
	float:left;
	margin:10px 20px 15px 0px;
}

.middleimage {
	text-align:center;
	padding:20px 0;
}

.middleimage h3 {
	display:none;
}

.middleimage img {
	display:block;
	margin:0 auto;
}

.highlight {
	color:#248e63;
	font-weight:bold;
}

.navdiv {
	display:none;
}

/* Contact Form */

.contactheading2 {
	color:#248e63;
	font-size:13px;
	font-weight:bold;
}

/* End*/

.quoteright img {
float:left;
margin:0px 20px 10px 0px;
}

.quoteleft img {
float:right;
margin: 10px 0px 10px 20px;
}

.logoname {
display:none;
color:#a2a1a1;
padding-top:5px;
padding-left:5px;
font-size:11px;
margin: 0px 0px 5px 30px;
width:159px;
height:20px;
background:#FFFFFF;
}

#trackrecord {
margin: 30px 0px;
line-height:1.7em;
}

#trackrecord table tr.lightpurple {
background:#f7f7fd;
}

.logo {
margin: 20px 0px 20px 30px;
}

table.benefits img {
margin: 0px 10px 0px 0px;
}

.divider {
height:5px;
}

.benefits {
margin: 20px 0px;
}

#diagram {
text-align:center;
margin:40px 0px;
}

#diagrambox1 {
width:150px;
background:#c6eebf;
border-left:#88b377 1px solid;
border-right:#88b377 1px solid;

}

.stage1 {
padding:0px;
margin:0px;
background:#cff0cb;
border-left:#88b377 1px solid;
border-right:#88b377 1px solid;

}

.stage2 {
width:150px;
padding:0px;
margin:0px;
background:#cff0cb;
border-left:#88b377 1px solid;
border-right:#88b377 1px solid;

}

.stage3 {
width:150px;
padding:0px;
margin:0px;
background:#b0ddff;
border-left:#6ab1e2 1px solid;
border-right:#6ab1e2 1px solid;

}

.stage4 {
width:150px;
padding:0px;
margin:0px;
background:#f8fadf;
border-left:#edf775 1px solid;
border-right:#edf775 1px solid;

}

.stage5 {
width:150px;
padding:0px;
margin:0px;
background:#f8fadf;
border-left:#edf775 1px solid;
border-right:#edf775 1px solid;

}

.stage6 {
width:150px;
padding:0px;
margin:0px;
background:#e8e8f7;
border-left:#aaaad0 1px solid;
border-right:#aaaad0 1px solid;

}

#diagrambox1 p{
padding:15px 0px;
}

.diagram1_top {
width:152px;
}

#box1 {
float:left;
margin-left:0px;
margin-bottom:0px;
padding-bottom:0px;
}

#box2 {
float:left;
margin-left:5px;
margin-top:30px;
}

.diagramarrow {
margin:0px 0px 0px 30px;
padding:0px;

}

.diagramarrowleft {
margin-top:20px;
}

.boxtop {
margin-top:20px;
}

.arrow {
margin:10px 5px 10px 0px;
}

.greydivide {
margin: 10px 0px;
}

.diagram1_top {
clear:both;
}

#diag {
margin:20px 0px;
}

#diag table tr td.stage1 p, #diag table tr td.stage2 p, #diag table tr td.stage3 p, #diag table tr td.stage4 p, #diag table tr td.stage5 p, #diag table tr td.stage6 p {
padding:12px;
text-align:center;
}

.diagramtext {
color:#CC0033;
font-size:10px;
}

.diagramline {
margin:10px 0px;
}

.backtotop {
color:#268d62;
}

.backtotop a{
color:#268d62;
text-decoration:none;
}

.formerr {
	color:#CC0000;
}