/* CSS Document */

/* Any element that has either a padding or border property is listed twice.  The second listing incorporates the "hack" necessary for the CSS to work with Internet Explorer.  The normal version should work with Mozilla and Opera.  */




Div.body
{
position:absolute; left: 0px; top: 10px;
height: 560px;
width:930px;
border-style:solid;
border-width:2px;
border-color:#003333;
font-family:Arial, Helvetica, sans-serif;
overflow:hidden;
z-index:3;
}

* html Div.body
{
position:absolute; left: 00px; top: 10px;
\height: 564px;
width:930px;
border-style:solid;
border-width:thin;
border-color:#003333;
font-family:Arial, Helvetica, sans-serif;
overflow:hidden;
z-index:3;
}

Div.bodydropshadow
{
position:relative; left: 10px; top: 20px;
height: 560px;
width:930px;
overflow:hidden;
background-color:#969681;
z-index:2;
}

* html Div.bodydropshadow
{
position:relative; left: 6px; top: 20px;
\height: 560px;
\width:930px;
overflow:hidden;
background-color:#969681;
z-index:2;
}

Div.treebannerhigh
{
background-image:url(treetop_banner_low_muted.jpg);
background-repeat:repeat;
width: 930px;
height: 25px;
}

Div.whitebanner
{
width: 930px;  
height: 50px;
padding-top:10px;
text-align:center;
background-color:#FFFFFF;
}

* html Div.whitebanner
{
width: 930px;  
\height:60px;
h\eight:50px;
padding-top:10px;
}

Div.bluebanner
{
background-image:url(Bluebanner_image.jpg);
height: 34px; 
padding-top:6px;
width: 920px;
padding-right:10px;
}

* html Div.bluebanner
{
background-image:url(Bluebanner_image.jpg);
\height: 40px; 
padding-top:6px;
\width: 930px;
padding-right:10px;
}

Div.leftsidepicture
{
position: absolute;
left:0px;
top:125px;
height:410px;
width:326px;
background-image:url(Bluebanner_image.jpg);
overflow:hidden;
}

Div.beigetextbox
{
background-color:#F7F4EA;
position:absolute;
top:125px;
left:326px;
width:584px;
height:205px;
padding-left:10px;
padding-right:10px
}

* html Div.beigetextbox
{
background-color:#F7F4EA;
position:absolute;
top:125px;
left:326px;
\width:604px;
height:205px;
padding-left:10px;
padding-right:10px;
}

Div.greytextbox
{
background-color:#E0E0E0;
position:absolute;
top:330px;
left:326px;
width:584px;
height:205px;
padding-left:10px;
padding-right:10px;
}

* html Div.greytextbox
{
background-color:#E0E0E0;
position:absolute;
top:330px;
left:326px;
\width:604px;
height:205px;
padding-left:10px;
padding-right:10px;
}

Div.CCcalculatebutton
{
position:absolute;
left:430px;
}

* html Div.CCcalculatebutton
{
position:absolute;
\left:400px;
}

Div.beigetextboxProgDetails
{
background-color:#F7F4EA;
position:absolute;
top:125px;
left:113px;
width:797px;
height:215px;
padding-left:10px;
padding-right:10px
}

* html Div.beigetextboxProgDetails
{
background-color:#F7F4EA;
position:absolute;
top:125px;
left:113px;
\width:817px;
height:205px;
padding-left:10px;
padding-right:10px;
}

Div.greytextboxProgDetails
{
background-color:#E0E0E0;
position:absolute;
top:340px;
left:113px;
width:797px;
height:195px;
padding-left:10px;
padding-right:10px;
}

* html Div.greytextboxProgDetails
{
background-color:#E0E0E0;
position:absolute;
top:330px;
left:113px;
\width:817px;
height:205px;
padding-left:10px;
padding-right:10px;
}

Div.DonationBanner
{
background-image:url(Donation_banner1.jpg); 
background-position:center; 
background-repeat:no-repeat; 
width: auto;  
height: 60px
}

font.title
{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#000000;
}

font.subheaders
{

font-family:Arial, Helvetica, sans-serif;
color:#000099;
font-weight:bold;
font-size:17px;
}

font.heartyblack
{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
}

DIV.floating_OR
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
	border-color:#98BDD1;
	border-width:thin;
	border-style:solid;
    Z-INDEX: 4;
    LEFT: 620px;
    FLOAT: none;
    VISIBILITY: visible;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px;
    
    PADDING-TOP: 3px;
    
    POSITION: absolute;
    TOP: 330px;
    BACKGROUND-COLOR: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

Div.floatingRecap
{
PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
	border-color:#006600;
	border-width:thin;
	border-style:solid;
    Z-INDEX: 3;
    LEFT: 350px;
    FLOAT: none;
    VISIBILITY: visible;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px;
    width:550px;
    PADDING-TOP: 3px;
    
    POSITION: absolute;
    TOP: 140px;
    BACKGROUND-COLOR: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;

}

Div.floatingResults
{
PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
	border-color:#006600;
	border-width:thin;
	border-style:solid;
    Z-INDEX: 3;
    LEFT: 280px;
    FLOAT: none;
    VISIBILITY: visible;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px;
	width:600px;
	height:100px;
    
    PADDING-TOP: 20px;
    
    POSITION: absolute;
    TOP: 230px;
	background-image:url(Donation_return_just_tree_image.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	

}

Div.FloatingResults_dropshadow
{
PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
	Z-INDEX: 2;
    LEFT: 288px;
    FLOAT: none;
    VISIBILITY: visible;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px;
    
    PADDING-TOP: 20px;
    width:600px;
	height:100px;
    POSITION: absolute;
    TOP: 238px;
    BACKGROUND-COLOR: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	color:#999999;
}

* html Div.floatingResults
{
PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
	border-color:#006600;
	border-width:thin;
	border-style:solid;
    Z-INDEX: 3;
    LEFT: 280px;
    FLOAT: none;
    VISIBILITY: visible;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px;
	width:600px;
	\height:100px;
    
    PADDING-TOP: 20px;
    
    POSITION: absolute;
    \TOP: 235px;
	background-image:url(Donation_return_just_tree_image.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	

}

* html Div.FloatingResults_dropshadow
{
PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
	Z-INDEX: 2;
    LEFT: 288px;
    FLOAT: none;
    VISIBILITY: visible;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px;
    
    PADDING-TOP: 20px;
    width:600px;
	height:100px;
    POSITION: absolute;
    \TOP: 243px;
    BACKGROUND-COLOR: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	color:#999999;
}

Div.FloatingRecapDropShadow
{
PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
	Z-INDEX: 2;
    LEFT: 358px;
    FLOAT: none;
    VISIBILITY: visible;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px;
    width:550px;
    PADDING-TOP: 3px;
    
    POSITION: absolute;
    TOP: 147px;
    BACKGROUND-COLOR: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#999999;
}

Div.treebannerlow
{
position:absolute;
background-image:url(treetop_banner_low_muted.jpg);
background-repeat:repeat;
width: 930px;
height: 25px;
top:535px;
}