body {	font-family: "century gothic", Verdana, Helvetica, san-serif;
		font-size: 10px;
		line-height:13px;
		color: #000;
		margin-top: 0;
		padding-top: 0;
		/*background-image: url(../images/pattern6.jpg);
		background-repeat: repeat;
		background-position: top;*/
		background-color: #2f3e29;
		text-align: justify;
}

p {	font-size:	10px;
	padding: 5px 10px 5px 0px;
	border-style: none;
	border-width: 0 0 0 0;
	border-color: #c0b2a5;
	background-color: none;
	

}

h1 { 	font-size: 20px;
		color: #333;
		line-height: 14px;
		margin: 14px 0 0 0;
		font-weight: 100;

}

h2 { 	font-size: 12px;
		font-weight: 100;
		color: #369408;
		line-height: 18px;
		margin: 10px 0 3px 0;

}
h3 { 	font-size: 10px;
		font-weight: 100;
		color: #999999;
		line-height: 18px;
		margin: 0px 0 3px 0;

}

ul	{	list-style-type: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;


}

a	{	color: #333;
		text-decoration: none;
}

a:hover	{	color: #999;
			background-color: none;

}
/* leave visited color as #none so it doesn't interefere with the hover comand*/		

}

a:visited	{	color: #none;
		

}

li a{ display: block;/*tells it to each up as much horizontal space as you want*/
		padding: 0px 3px 3px 8px;
}
}

li b{ display: block;/*tells it to each up as much horizontal space as you want*/
		padding: 0px 3px 3px 0px;
}


#container { 	width: 540px;
				height: 900px;
				margin-left: auto;
				margin-right: auto;
				background-color: #ffffff;
				padding: 0 0 0 0;
				/*background-image: url(../images/plant_content.jpg);*/
				background-repeat: repeat-y;
				background-position: top;
}

#banner {	width: 400px; /* allows you to make changes to the container and it will automaticaly adjust*/
			height: 146px;
			margin: 0px 70px 0 70px;
			padding: 5px 0 0 0;
			background-color: #ffffff;
			/*background-image: url(../images/plant_banner.jpg);*/
			background-repeat: no repeat;
			background-position: top;
			


}


#top-nav { width: 550px; 
			margin: 0 0 0 0;
			height: 10px;
			padding: 0 0 0 60px; /* leave right padding 0*/
			/*background-image: url(../images/plant_topnav.jpg);
			background-repeat: no repeat;
			background-position: top left;*/
			background-color: none;
			font-size: 12px;
}

#top-nav li a{ display:inline;
				float: left;
				text-align: left;
				

}
}

#botttom-nav li a{ display:inline;
				float: left;
				text-align: left;
				

}
/* to make a hoizontal menu/nav */


#content {		width: 400px;
				height: 600px;
				float: left;/* if you loose background color it is becuase it doesn't recognize float, go to bottom and do clear:both then add div id about closing caintainer div*/
				padding: 0 70px 0 70px;
				background-color: none;

}


#footer {	width: 400px;
			float: left;
			height: 50px;
			padding: 15px 70px 0 70px;
			text-align: center;
			color: #000000;
			/*background-image: url(../images/plant_footer.jpg);*/
			background-position: top left;
			background-color: #fff;
			background-repeat: repeat-y;

}

/*classes*/

.image-left { float: left;
				padding:  0px 10px 0px 0;
				border: none;

}

.image-right { float: left;
				padding:  0px 13px 13px 0px;
				border: none;

/* how to shift background image,,, rollover*/
}

.button {	width: 125px;
			height: 50px;

}

.button a { display: block;
			width: 125px;
			height: 50px;
			background-image: url(../images/home_button.jpg);
			background-repeat: no-repeat;
			background-position: top left;

}

.button a:hover { background-position: bottom left;


}

#clear { clear:both;


}