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

body {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
			}
	
#wrapper {
	width: 800px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	height: auto;
	float: left;
		}
		
		
#maincontent {
	float: left;
	width: 800px;
	height: auto;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
		
		
p {
	font-family: 'Sintony', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	font-style: normal;
	text-align: justify;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	line-height: 20px;
}


#logo {
	width: 750px;
	background-color: #FFFFFF;
	float: left;
	padding-right: 50px;
}


.herbname{
	float: left;
	height: auto;
	width: 400px;
	background-color: #FFF;
	margin-top: 0px;
	padding: 10px;
	margin-left: 40px;
	font-family: 'Sintony', sans-serif;
	font-size: 12px;
	font-weight: 400;
	list-style-position: inside;
	list-style-type: square;
	vertical-align: top;
}

.herbname a {
	font-family: 'Sintony', sans-serif;
	font-size: 14px;
	color: #009900;
	text-decoration: none;
}

.herbname a:hover {
	font-family: 'Sintony', sans-serif;
	font-size: 14px;
	color: #66CCFF;
	text-decoration: none;

}

.herbname h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 200;
	color: #333333;
	margin: 0px;
	padding: 0px;
}


.herbname h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 200;
	color: #333333;
	margin: 0px;
	padding: 0px;
	
}


.herbname h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #0099FF;
	margin: 0px;
	padding: 0px;
}





.herbphoto {
	float: left;
	height: auto;
	width: 280px;
	background-color: #FFF;
	padding: 10px;
	margin-left: 0px;
	margin-top: 0px;
	font-size: 12px;
	list-style-position: inside;
	list-style-type: square;
}

.herbdetails{
	float: left;
	height: auto;
	width: 700px;
	background-color: #FFF;
	margin-top: 0px;
	padding: 10px;
	margin-left: 40px;
	font-family: 'Sintony', sans-serif;
	font-size: 12px;
	font-weight: 400;
	list-style-position: inside;
	list-style-type: square;
}

.herbdetails a {
	font-family: 'Sintony', sans-serif;
	font-size: 14px;
	color: #009900;
	text-decoration: none;
}

.herbdetails a:hover {
	font-family: 'Sintony', sans-serif;
	font-size: 14px;
	color: #66CCFF;
	text-decoration: none;

}


.herbdetails h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 200;
	color: #0099FF;
	margin: 0px;
	padding: 0px;
}


.herbdetails h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 200;
	color: #0099FF;
	margin: 0px;
	padding: 0px;
	
}


.herbdetails h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #0099FF;
	margin: 0px;
	padding: 0px;
}


.herbdetails ul {
	list-style-position: inside;
	margin-top: 10px;
	padding-left: 20px;
}

.herbdetails ul li {
	font-family: 'Sintony', sans-serif;
	list-style-position: outside;
	color: #333333;
	font-size: 14px;
}

.pagetitle {
	background-color: #666666;
	font-family: Roboto, sans-serif;
	float: left;
	height: 20px;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	letter-spacing: 3pt;
	text-transform: uppercase;
}