@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

a	{
		color:	#6e9d47;
	}

#adbanner{
                        margin-bottom: 10px;
                        border-bottom: 10px solid #ccccbb;
                        height: 125px;
                        text-align: center;
                        vertical-align: middle;
                        padding-top: 10%; 

}
#areacalculator	{
					display: none;
					border:	#000 solid 2px;
					padding:	5px;
					width:		0px;
					height:		130px;
				}

#cycle{
 background: #FFF url(http://www.carolinacompost.com/images/cycle_background.jpg) no-repeat top center;
                         float: left;
                         width: 490px;
                         height: 600px;
}

#cyclearea{
                        width: 1000px;
}

#cycletext{
width: 460px;
float: left;
text-align: left;
padding: 20px 20px;
font-family:		Verdana, Geneva, sans-serif;
						font-style:			normal;
						font-size:			12px;
}

#flasharea	{
				width:	100%;
	
			}


#footer	{
			text-align: center;
			font: 		verdana;
			font-size: 	12px;
			color:		#575756;
			border-top: 1px solid #d1e3da;
			width:		900px;
			margin-left:	150px;
			clear:		both;
			height:		200px;

			
			
	
		}
		
#footer	a {
				color:	#6e9d47;
				text-decoration:	none;
			}
			
#footer	a:hover {
				color:				#6e9d47;
				text-decoration:	underline;
				}

h1				{
					font-family:	Verdana, Geneva, sans-serif;
					font-weight:	bold;
					color:			#185e32;
					font-size:		20px;
				}
				
h2				{
					font-family:	Verdana, Geneva, sans-serif;
					font-weight:	normal;
					font-style:		italic;
					font-size:		14px;
					color:			#8e911a;
	
				}

#leftcol			{
						float:	left;
						margin-left:	160px;
						width:			302px;
						text-align: 	left;
						background-color: clear;
						border-right:		thin solid	#CCB;
						
					}


#maincontent		{
						/*background:	url(images/background_content.jpg) #FFFFFF;*/
						background:		url(images/gradation_top.jpg) #195f21 no-repeat center;
					margin: auto;
					
	
					}

#mainflash			{
							background:	top center url(../images/bkg_header.jpg) no-repeat;
							padding-left: 6px;

					}


					
.navchange			{

						font:	Georgia, "Times New Roman", Times, serif;
						font-style:		italic;
					}
					
					
					
p					{
						font-family:		Verdana, Geneva, sans-serif;
						font-style:			normal;
						font-size:			12px;
						
					}

#pic1{
position: relative;
top: 18px;
width: 135px;
left: 180px;

}

#pic2{
position: relative;
width: 135px;
top: -35px;
left: 295px;
}

#pic3{
position: relative;
width: 135px;
left: 295px;
top: -34px;
}

#pic4{
position: relative;
width: 135px;
top: -343px;
left: 179px;
}

#pic5{
position: relative;
width: 135px;
left: 62px;
top: -287px;
}

#pic6{
position: relative;
width: 135px;
left: 62px;
top: -288px;

}
					
#rightcol			{
						float:			left;
						padding-left:	50px;
						width:			530px;
						text-align:		left;
						background-color:	clear;
						
	
					}
					
#sectiontitle		{
						font-family:		Georgia, "Times New Roman", Times, serif;
						font-size:			12px;
						text-transform:		uppercase;
						color: 				#185e32;
						border-bottom:		thin solid #CCB;
						width:				252px;
						margin-left:		50px;
						position:			relative;
						bottom:				30px;
						
	
					}
					
.smalltitle			{
	
					font-family:	Verdana, Geneva, sans-serif;
					text-transform:	uppercase;
					font-weight:    bold;
					font-size:      11px;
					color:          #575756;
	
					}

#socialmedia{
                                        text-align: right;
}

#templatecontent    {
                                                padding-left:    29px;
                                                font-family:		Verdana, Geneva, sans-serif;
						font-style:			normal;
width: 550px;
						font-size:			12px;


                    }

#templatecontent table td{
                                                
                                                padding-left:        20px;
                                                vertical-align:       top;


}

#templatecontent table td.narrow{
                                               
                                                padding-left:        20px;
                                                vertical-align:       top;

}


#templatecontent ul li {
                                           font-family:		Verdana, Geneva, sans-serif;
						font-style:			normal;
						font-size:			12px;
                                                margin-left:              40px;

                                }


#templaterightcol	{
						float:			left;
						padding-left:	30px;
						width:			530px;
						text-align:		left;
						background-color:	clear;
						
	
					}

#topbar	{
					background:		url(images/gradation_top.jpg) #195f21 no-repeat center;
					margin: auto;
					height: 19px;
					white-space:	nowrap;
                                        width:          100%;
		}

#topofleft        {
                    

                }
                
#topofleft h1   {
                    width:              222px;
                    background-color:   #ccccbb;
                    color:              #185e32;
                    font-weight:        normal;
                    font-size:          22px;
                    margin-bottom:      20px;
                    padding:            5px 0px 5px 80px;
                    font-style:         italic;
                    font-family:        "Times New Roman", Times, serif;

                }

		
#topnav	{
			font-family: 	Georgia, "Times New Roman", Times, serif;
			font-size:		14px;
			color:			#004D26;
			width: 			100%;
			
			white-space:	nowrap;

					}	

#topnav ul		{
					width:		1200px;
					margin-left:		0px;
					margin-top:		20px;
					padding-left:	0px;
					margin-left: auto;
                        margin-right: auto;

				}



#topnav ul li		{
						list-style-type: 	none;
						display:			inline;
						text-align:			center;
				}

	
#topnav	a		{
						color:				#004D26;
	

				}		
					
#topnav a:link	{

							text-decoration: none;
							color: 004D26;
				}

#topnav a:visited	{

									text-decoration: none;
									color: #004D26;
					}

							
#topnav a:hover	{
							text-decoration: underline;
							color:			#004D26;
				}

.webappleftcol{
                                          width: 200px;
                                          float: left;
}

.webapprightcol{
                                          width: 270px;
                                          float: left;
                                          padding: 0px 0px 0px 30px;
                                          
} 

.webappwrap{
                                           width: 500px;
                                           padding: 10px 25px;
                                           overflow: hidden;
                                           margin-bottom: 10px;
                                           
}		


			
#wrap	{
			width: 		1200px;
			height: 	auto;
			margin:		auto;
}