@charset "utf-8";
/* Created by AtlantaWebDesignGA.com 770-605-8659 */
/* colors that can be used in this site
R: 255 G: 242 B: 214 #fff2d6 Lightest tan (text)
R: 196 G: 155 B: 122 #C49B7A Light tan
R: 153 G: 117 B: 86 #997556 Dark tan
R: 153 G: 86 B: 61 #99563D Light red brown
R: 102 G: 62 B: 42 #663E2A Dark red brown
R: 105 G: 75 B: 60 #694B3C Light brown
R: 61 G: 43 B: 37 #3D2B25 Dark brown
#E6C55C Yellow (links)
*/

html {
	background-image:url(../Images/Mulch-Background-2.jpg);
}

body {
	color:#fff2d6;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:normal;
}

strong {
	font-weight:bold;
}
em {
	font-style:italic;
	font-weight:bold;
}
#doc4 {
	margin-top: 20px;
	width:974px;
}
#top {
    background-image:url(../Images/top.png);
	background-repeat:no-repeat;
	height:40px;
}
#top #logo a {
	float:left;
	width:400px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:600;
	padding:10px 0 0 20px;
	word-spacing:-.15em;
	text-decoration:none;
	color:#E6C55C;
}
#hd {
	height:129px;
	width:954px;
	background-color:#3D2B25;
	border-left: 10px solid #3D2B25;
	border-right: 10px solid #3D2B25;
}
#hd .headphoto {
	float:right; 
	width:954px;
}
#hd .colorcaption {
	z-index:100; 
	position:relative; 
	float:left; 
	width:954px;
	margin-top:-30px;
	color:#FFFFFF;
	font-weight:bold;
}

#bd {
	background:#3D2B25;
	padding:20px 40px 20px 40px;
}
#bd h1 {
	font-size:1.8em;
	font-stretch:extra-condensed;
	font-weight:700px;
	line-height:1.2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:10px;
}
#bd h2 {
	font-size:1.3em;
	font-stretch:extra-condensed;
	font-weight:700px;
	line-height:1.2em;
	margin-top:10px;
	margin-bottom:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#bd h3 {
	font-size:1.2em;
	font-stretch:extra-condensed;
	font-weight:700px;
	margin-bottom:10px;
	margin-top:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#bd p {
	margin:10px 0 10px 0;
}
#bd a {
	color:#E6C55C;
	font-weight:600;
}

#bd table {
	font-size:.9em;
	background:#C49B7A;
	font-family:Verdana, Geneva, sans-serif;
}
#bd th {
	font-weight:bold;
}
#bd td,th {
	padding:4px 8px 4px 8px;
	border:thin solid #3D2B25;
}
#bd ul {
	padding:10px 10px 10px 10px;
}
#bd ol {
	padding:0 0 0 40px;
}	
#bd ol li {
	list-style:outside decimal;
	margin:0 20px 5px 20px;
}
#bd ul li {
	list-style:outside square;
	margin:0 20px 5px 20px;
}
#bd form {
	font-family:Verdana, Geneva, sans-serif;
	font-size:.9em;
	background:#99563D;
	padding:10px;
}

#ft {
	text-align:center;
	font-size:.8em;
	font-weight:bold;
	color:#FFFFFF;
}
#ft a {
	text-decoration:none;
	color:#FFFFFF;
}
#ft a:hover {
	text-decoration:underline;
	color:#000000;
}

/* drop shadow using CSS*/
/* use <div class="dropshadow" style="width:99px; height:99px;"> to drop a shadow around a photo where 99 is photo dimension +5px.
To have a text box with a drop shadow, use: <div class=dropshadow style="width:99px; height:99px;"><div class="dropshadowbox><p>Text</p></div></div>
*/

.dropshadow{
	background: url(../Images/shadow.png) no-repeat bottom right  !important;
	background: url(../Images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0px;
}
.dropshadowbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
}
.dropshadowbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.dropshadowbox p{		
	margin: 3px;
}

/* images */
.imgright {
	padding:5px 0 5px 10px;
	float:right;
}
.imgleft {
	padding:5px 10px 5px 0;
	float:left;
}

.lighttanbox {
	background:#fff2d6;
	color:#3D2B25;
	padding:10px;
}