/* CSS Document 

Colors:  
Green Background: #B7BF9C
Red Background: #820024;

DIV id's
#body - controls top margin, centering & bg color
#container - sets the width & holds the content
#left - holds the logo, left navigation, left photo & left sub-header (if there is one)
#right - holds the top navigation table, content & flash
#homeContent - sets the size for where the content is & the background color.  It's used on the home page only
#content - sets the size & bg color for all of the other pages
#copy - sets the font for the browser content
#tag - holds the bottom image with the slogan .gif as a background

STYLES
.homeTag, .aboutTag, .servicesTag - set's the background image w/ the slogan

for Text:
.redItalicBold, .whiteTxt

*/

body {
margin: 0px;
margin-top: 20px;
padding: 0px;
background-color: #820024;
text-align: center;
}

#container {
margin: auto;
width: 960px;
background-color: #B7BF9C;
background: #B7BF9C url(images/tree_bg.gif) -32px -20px no-repeat;
}

#left {
margin: 0px;
padding: 0px;
float: left;
text-align: left;
border: 0px;
overflow: auto;
z-index: 200;
}

#left table {
float: left;
}

#right {
margin-top: 0px;
margin-left: 351px;
padding: 0px;
text-align: left;
}

#homeContent {
/*margin-top: -3px; */
height: 313px;
width: 530px;
background-color: #820024;
border: 1px #000 solid;
border-bottom-width: 0px;
overflow:hidden;
}

#content {
/*margin-top: -3px;	*/
width: 530px;
height: 313px;
background-color: #fff;
border: 1px #000 solid;
border-bottom-width: 0px;
overflow:hidden;
}

#copy {
padding: 0px 20px 0px 20px;
height: 223px;
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
color: #000;
overflow: auto;
}

#tag {
height: 64px;
background-color: #B7BF9C;
}

#HomeTag {
height: 64px;
background-color: #B7BF9C;
}

#flashcontent {
margin-left: 1px;
width: 530px;
height: 468px;
background-color:#fff;
border: 1px #000 solid;
}

img {
border-width: 0px;
}

td img {
display: block;
}

.homeTag {
position: fixed;
width: 960px;
background: #820024 url(images/home_tag.gif) no-repeat;
text-align: left;
}

.aboutTag {
background: #820024 url(images/about_tag.gif) no-repeat;
}

.servicesTag {
background: #820024 url(images/services_tag.gif) no-repeat;
}

.treeWorkTag {
background: #820024 url(images/tree_work_tag.gif) no-repeat;
}

.treeCareTag {
background: #820024 url(images/tree_care_tag.gif) no-repeat;
}

.hardscapeTag {
background: #820024 url(images/hardscape_tag.gif) no-repeat;
}

.landscapeTag {
background: #820024 url(images/landscape_tag.gif) no-repeat;
}

.header {
margin: 0px 0px 0px 0px;
}

.flash {
width: 530px;
border: 1px #000 solid;
/*border-top-width: 0px;*/
text-align: center;
}

.lineHeight {

}

.redBold {
font-weight: bold;
color: #820024;
}

.redItalicBold {
font-weight: bold;
font-style: italic;
color: #820024;
}

.boldBody {
font-weight: bold;
}

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

.redCell {		/* To set the staff table cell bg red */
background-color: #820024;
text-align: center;
color: #fff;
}

.staff {
margin: auto;
text-align: center;
background-color: #fff;
}

.staff img{
margin: auto;
text-align: center;
border: solid 1px #820024;
}

.factMyth table {
padding: 5px;
border-collapse: separate;
vertical-align: top;
}

.rightJustify {
text-align: right;
font-weight: bold;
color: #820024;
}

.contactForm {
border: solid 1pt #000;
}

.horizontalLine {
border: solid 1pt #ccc;
}