body.body 
{
	background-image: url('greenBackground.jpg');
	
	
}

div.main
{
	background-color: white;
	position: relative;
	margin-top: 4px;
	width: 800px;
	height: 1100px;
	margin-left: auto;
	margin-right: auto;

}

div.top
{
	width: 800px;
	height: 158px;

}

div.topLeft
{
	float: left;
	margin-left: 6px;
	margin-right: 1px;
	padding-top: 4px;
	width: 228px;
	height: 147px;
	display: inline;
}

div.topRight
{
	float: right;
	margin-left: 1px;
	margin-right: 6px;
	padding-top: 4px;
	width: 548px;
	height: 147px;
	display: inline;
}

div.bordr
{
	width: 800px;
	height: 16px;

}

div.leftBordr
{
	float: left;
	margin-top: 0px;
	margin-left: 6px;
	margin-right: 1px;
	width: 236px;	
	background-image: url('darkGreen.jpg');
	height: 16px;
	display: inline;

}

div.rightBordr
{
	margin-top: 0px;
	float: right;
	margin-left: 1px;
	margin-right: 6px;
	width: 548px;
	background-image: url('lightGreen.jpg');
	height: 16px;
	display: inline;
	
}

div.contentArea
{
	width: 800px;
	height: 800px;
	padding-bottom: 0px;

}

div.menu
{
	float: left;
	margin-top: -2px;
	margin-left: 6px;
	margin-right: 1px;
	width: 216px;	
	padding-top: 16px;
	background-image: url('darkGrey.png');
	height: 800px;
	padding-right: 20px;
	font-weight: 600;
	display: inline;

}

div.content
{
	padding-bottom: 16px;
	margin-top: -2px;
	float: right;
	margin-left: 1px;
	margin-right: 6px;
	width: 548px;
	background-image: url('lightGrey.png');
	height: 800px;
	max-height: auto;
	display: inline;
	
}

div.bottomMenu
{
	text-align: center;
	margin-top: 24px;	
}

div.updated
{
	margin-top: 30px;
	text-align: center;
	color: 	#707070;
	font-family: palatino;
	font-size: small;
	
}

p.heading
{
	padding-top: 20px;
	padding-left: 34px;
	color: black;
	font-style: oblique;
	font-family: palatino;
	font-size: x-large;
	
}

p.content
{
	padding-left: 34px;
	color: black;
	font-family: palatino;
	padding-right: 34px;

}



p.hours
{
	margin-left: 20px;

}

p.rightAlign
{
	text-align: right;
	margin-right: 30px;

}

img.imageLandscape
{
	width: 200px;
	height: 133px;
	padding: 8px;

}

img.imagePortrait
{
	width: 133px;
	height: 200px;
	padding: 8px;
	float: right;

}

img.imageSize
{
	width: 20%;
	height: 20%;
	padding: 8px;
	float: right;
}



pre#hours
{
	margin-left: 40px;
}

img#hours
{
	padding: 10px;
	float: right;
	margin-right: 30px;
}

div.special
{
	border-style: dashed;
	margin: 20px;
	padding: 10px;

}

a.bottomMenu
{
	text-decoration: none;
	color: green;
	font-family: palatino;
	
}

a.sideMenu
{
	text-decoration: none;
	color: 	#707070;
	font-size: medium;
	font-style: oblique;
	font-family: palatino;
	padding-bottom: 10px;
	margin-left: 30px;

}


h1.sideMenu
{
	margin-top: 0px;
	text-decoration: none;
	color: 	#585858; 
	font-size: x-large;
	font-style: oblique;
	font-family: palatino;
	margin-left: 20px;
	

}




p.line{
	line-height: 6pt;
}

hr.line
{

	color: white;
	margin-left: -20;

}

div.line
{
	margin-left: -20px;
	border-top: 2px solid white;

}



/* CSS for the Basic_Care HTML */

img#smallTree
{
	width: 44px;
	height: 69px;
	float: left;
	padding-left: 27px;
	padding-right: 27px;
	padding-top: 14px;
	padding-bottom: 20px;
	margin-left: -20px;
	margin-top: -10px;
	
}

img#smallWorkers
{
	width: 70px;
	height: 59px;
	float: left;
	padding: 14px;
	padding-bottom: 20px;
	margin-left: -20px;
	margin-top: 10px;
	
}

img#smallQuestion
{
	width: 36px;
	height: 59px;
	float: left;
	padding: 30px;
	margin-left: -20px;
	margin-top: -14px;
	
}

img#smallWater
{
	width: 60px;
	height: 49px;
	float: left;
	padding: 18px;
	margin-left: -20px;
	margin-top: 10px;
	
}

a.details
{
	float: right;
	text-decoration: none;
	color: 	#707070;
	font-size: medium;
	font-style: oblique;
	font-family: palatino;
	padding-bottom: 10px;
	font-weight: 700;

}



/* CSS for the Tree_Care HTML */


p.smallContent
{
	padding-left: 34px;
	color: black;
	font-family: palatino;
	padding-right: 34px;
	font-size: small;
}

img#japaneseMaple
{
	float: right;
	padding: 10px;

}

/* CSS for the Watering HTML */

pre#watering
{
	margin-left: 40px;
	font-size: small;

}

/* CSS for the FAQ HTML */

p.smallContentFAQ
{
	padding-left: 34px;
	color: black;
	font-family: palatino;
	padding-right: 34px;
	font-size: small;
}

img#root
{
	float: right;
	padding: 0px;

}

div#root
{
	width: 160px;
	height: 140px;
	float: right;
	padding: 20px;
	font-size: small;
}

/* CSS for the Services HTML */

p#servicesContact
{
	text-align: right;
	margin-right: 30px;
	font-size: small;

}

/* CSS for the streeTree HTML */

p#streetTree
{
	padding-left: 34px;
	color: black;
	font-family: palatino;
	padding-right: 34px;
	font-size: small;
}



	/* temp fix for height properties */

div.mainTree
{
	background-color: white;
	position: relative;
	width: 800px;
	min-height: 800px;
	height: 1400px;
	margin-left: auto;
	margin-right: auto;

}

div.contentAreaTree
{
	width: 800px;
	min-height: 800px;
	height: 1100px;

}

div.menuTree
{
	float: left;
	margin-left: 6px;
	margin-right: 1px;
	margin-top: -2px;
	padding-top: 20px;
	width: 216px;	
	background-image: url('darkGrey.png');
	min-height: 800px;
	height: 1100px;
	padding-right: 20px;
	font-weight: 600;
	display: inline;
}

div.contentTree
{
	padding-bottom: 20px;
	float: right;
	margin-left: 1px;
	margin-right: 6px;
	margin-top: -2px;
	width: 548px;
	background-image: url('lightGrey.png');
	min-height: 800px;
	height: 1100px;
	display: inline;	
}

/* CSS for the related Links HTML */

a.related
{
	text-decoration: none;
	color: 	#707070;
	font-size: medium;
	font-style: oblique;
	font-family: palatino;
	padding-bottom: 10px;
	font-weight: 700;

}

/* CSS for the request  HTML */

div.contentRequestRight
{

	padding-left: 34px;
	color: black;
	font-family: palatino;
	font-size: small;
	float: right;
	width: 240px;
	padding-bottom: 14px;
	
}

div.contentRequestLeft
{

	padding-left: 34px;
	color: black;
	font-family: palatino;
	font-size: small;
	float: left;
	width: 210px;
	padding-bottom: 14px;
	
}

div.contentInputRight
{

	padding-left: 34px;
	color: black;
	font-family: palatino;
	font-size: small;
	float: left;
	width: 220px;
	padding-bottom: 14px;
	
}

div.contentInputLeft
{

	padding-left: 34px;
	color: black;
	font-family: palatino;
	font-size: small;
	float: left;
	width: 220px;
	padding-bottom: 14px;
	
}

p.contentRequest
{
	padding-left: 34px;
	color: black;
	font-family: palatino;
	font-size: small;

}

p#rightAlignSubmit
{
	text-align: right;
	margin-right: 30px;
	padding-top: 50px;
	
}

p.formError
{
	padding-left: 34px;
	color: red;
	font-family: palatino;
	padding-right: 34px;

}

/* CSS for the Hover HTML */

ul.hoverbox
{
	cursor: default;
	list-style: none;
}

a.hoverbox
{
	cursor: default;
}

img.preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -48px;
	left: -47px;
	z-index: 1;
}

/* This is the thumbnail */

img.hoverbox
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 90px;
	height: 90px;
}

li.hoverbox
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: block;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

/* This is the preview image */

img.preview
{
	border: none;
	width: 200px;
	height: 200px;
}

/* CSS for the How to Plant a Tree HTML */

p.browse
{
	margin-top: 0px;
	text-decoration: none;
	color: 	#707070;
	font-size: x-large;
	font-style: oblique;
	font-family: palatino;
	font-weight: 700;
	float: right;
	padding-right: 20px;

}

a.none
{
	color: 	#707070;
	font-size: medium;
	font-style: oblique;
	font-family: palatino;
	font-weight: 700;
	text-decoration: none;
	
}

/*CSS for Step 2 */

img.step2Tree
{

	padding: 10px;
	float: right;

}

/* CSS for Step 3 */

img.step3Person
{
	width: 180px;
	height: 140px;
	float: right;
	padding: 10px;

}

ul.diagram
{
	cursor: default;
	list-style: none;
	padding-bottom: 120px;
}


a.diagram
{
	cursor: default;
	
}

img.diagramPreview
{
	display: none;
}

.diagram a:hover .diagramPreview
{
	display: block;
	position: absolute;
	top: -20px;
	left: 200px;
	z-index: 1;
}

img.diagram
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 160px;
	height: 130px;
}

li.diagram
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: block;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

img.diagramPreview
{
	width: 400px;
	height: 340px;
	border-style: solid;
	border-color: #ddd #bbb #aaa #ccc;
}

/* the bottom tree diagram */

ul.diagram2
{
	cursor: default;
	list-style: none;
	padding-bottom: 120px;
}


a.diagram2
{
	cursor: default;
	
}

img.diagramPreview2
{
	display: none;
}

.diagram2 a:hover .diagramPreview2
{
	display: block;
	position: absolute;
	top: -190px;
	left: 200px;
	z-index: 1;
}

img.diagram2
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 160px;
	height: 130px;
}

li.diagram2
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: block;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

img.diagramPreview2
{
	width: 400px;
	height: 340px;
	border-style: solid;
	border-color: #ddd #bbb #aaa #ccc;
}

/* CSS for Step 4 */

img.imageLandscapeSmall
{
	width: 170x;
	height: 105px;

}