BODY
{ color: #333; font-size: 12px; font-family: arial, helvetica, verdana, sans-serif; line-height: 18px; background-color: white  }

BODY, td, input, select, button
{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #330;
	line-height: 18px
	
}

H1
{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 18px; color: #4c5288; font-weight: normal; }

H2
{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 18px; color: #4c5288; font-weight: bold; padding-top: 16px; }

H3
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 14px;
	color: #4c5288;
	font-weight: bold;
}

ul.circle{list-style: circle; color: #330D00;}

.chemistry
 { color: #603913; font-size: 12px; line-height: 16px; font-weight: bold; text-decoration: none }
.plantlist { font-size: 12px; font-family: arial, helvetica, verdana, sans-serif; line-height: 14px; text-align: justify; text-indent: -12px; max-width: 70%; margin-left: 12px; }
.tip
{ color: #7d630b; font-size: 11px; line-height: 16px; text-decoration: none }
 
.active
 { color: #FFFFFF; font-size: 12px; text-decoration: none }
 
.news
 { color: #000000; font-size: 10px; font-family: arial, helvetica, verdana, sans-serif; line-height: 10px }
 
.copyright
 { color: #333; font-size: 10px; font-family: arial, helvetica, verdana, sans-serif; line-height: 10px }
 
.gray
{ color: #666666; font-size: 13px; font-weight: bold; font-family: arial, helvetica, verdana, sans-serif; line-height: 10px; text-decoration: underline }
.head3 { color: #333333; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 16px; }
.caption
{ color: #666666; font-size: 10px; font-family: arial, helvetica, verdana, sans-serif; line-height: 10px; text-decoration: none }

.intro
{ color: #000000; font-size: 12px; font-family: arial, helvetica, verdana, sans-serif; line-height: 16px; text-decoration: none }

.cm {background-image: url(../images/learn/backgrounds/chocolate_makingbg.jpg); background-repeat: no-repeat }

.rbg {background-image: url(../images/learn/backgrounds/roastingbg.jpg); background-repeat: no-repeat }

.hbg {background-image: url(../images/learn/backgrounds/harvestingbg.jpg); background-repeat: no-repeat }

.contact
{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 14px
}
.contacthd
{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	font-weight: bold;
}

.businesshd
{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 12px;
	font-weight: bold;
}

.active
{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #B08C11;
	line-height: 16px;
	text-decoration: none;
}

/*---------------------------------------------------------*/

A:link
 { color: #7f87a8; font-size: 12px; text-decoration: underline; }

A:visited
 { color: #ba8f93; font-size: 12px; text-decoration: underline }

A:hover
 { color: #ba8f93; font-size: 12px; text-decoration: underline }

A:active
 { color: #ba8f93; font-size: 12px; text-decoration: none }

/*---------------------------------------------------------*/

A.black:link
{
	font-size: 11px;
	color: #330D00;
	text-decoration: underline;
}

A.black:visited
{
	font-size: 11px;
	color: #330D00;
	text-decoration: underline;
}

A.black:hover
{
	font-size: 11px;
	color: #330D00;
	text-decoration: underline;
}

A.black:active
{
	
	font-size: 11px;
	color: #330D00;
	text-decoration: underline;
}

A.green:link
{
	color: #7C9853;
	text-decoration: underline;
}

A.green:visited
{
	color: #999966;
	text-decoration: underline;
}

A.green:hover
{
	color: #999966;
	text-decoration: underline;
}

A.green:active
{
	color: #7C9853;
	text-decoration: underline;
}

A.gray:link
{ color: #666666; font-size: 13px; text-decoration: underline }


A.gray:visited
{ color: #660066; font-size: 13px; text-decoration: underline }

A.gray:hover
{ color: #660066; font-size: 13px; text-decoration: underline }

A.gray:active
{ color: #666666; font-size: 13px; text-decoration: underline }

A.gray2:link
{ color: #666666; font-size: 11px; text-decoration: underline }

A.gray2:visited
{ color: #660066; font-size: 11px; text-decoration: underline }

A.gray2:hover
{ color: #660066; font-size: 11px; text-decoration: underline }

A.gray2:active
{ color: #666666; font-size: 11px; text-decoration: underline }

A.gray3:link
{ color: #666666; font-size: 14px; text-decoration: underline }

A.gray3:visited
{ color: #660066; font-size: 14px; text-decoration: underline }

A.gray3:hover
{ color: #660066; font-size: 14px; text-decoration: underline }

A.gray3:active
{ color: #666666; font-size: 14px; text-decoration: underline }


A.learn:link
{ color: #603913; font-size: 11px; text-decoration: none }

A.learn:visited
{ color: #603913; font-size: 11px; text-decoration: none }

A.learn:hover
{ color: #B08C11; font-size: 11px; text-decoration: none }

A.learn:active
{ color: #603913; font-size: 11px; text-decoration: none }


A.glossary:link
{ color: #330D00; font-size: 12px; font-weight: bold; text-decoration: underline }

A.glossary:visited
{ color: #330D00; font-size: 12px; font-weight: bold; text-decoration: underline }

A.glossary:hover
{ color: #B08C11; font-size: 12px; font-weight: bold; text-decoration: underline }

A.glossary:active
{ color: #330D00; font-size: 12px; font-weight: bold; text-decoration: underline }
.h1subtext { color: #333; font-size: 16px; font-weight: bold; line-height: 20px; }

A.newsletter:link
{ color: #0000A0; font-size: 12px; text-decoration: underline }

A.newsletter:visited
{ color: #0000A0; font-size: 12px; text-decoration: underline }

A.newsletter:hover
{ color: #B08C11; font-size: 12px; text-decoration: underline }

A.newsletter:active
{ color: #0000A0; font-size: 12px; text-decoration: underline }


A.navlinks A:link
{ color: #330D00; font-size: 12px; font-weight: bold; text-decoration: underline }

.navlinks A:visited
{ color: #330D00; font-size: 12px; font-weight: bold; text-decoration: underline }

.navlinks A:hover
{ color: #B08C11; font-size: 12px; font-weight: bold; text-decoration: underline }

.navlinks A:active
{ color: #330D00; font-size: 12px; font-weight: bold; text-decoration: underline }
.h1subtext { color: #333; font-size: 16px; font-weight: bold; line-height: 20px; }

.nav_home
{	width: 50%;
}

img.center {border: none; vertical-align: middle}

img.center_border { border-width:5px; border-color: yellow; border-style:groove; vertical-align: middle}


.navbar
{ color: #603913; font-size: 12px; text-decoration: none; font-weight:bold }

A.navbar:link
{ color: #603913; font-size: 12px; text-decoration: none }

A.navbar:visited
{ color: #603913; font-size: 12px; text-decoration: none }

A.navbar:hover
{ color: #B08C11; font-size: 12px; text-decoration: none }

.centeredTD
{ text-align: center }

.beeDescription
{ vertical-align: middle; font-size: 16px; font-weight:bold; font-style: italic }

A.navbar:active
{ color: #603913; font-size: 12px; text-decoration: none }

.navbar_white
{ color: #FFFFFF; font-size: 14px; text-decoration: none; font-weight:bold}

A.navbar_yellow
{ color: #FFCC11; font-size: 14px; text-decoration: none; font-weight:bold; text-align:center}

A.navbar_white
{ color: #FFFFFF; font-size: 14px; text-decoration: none; font-weight:bold; background-color:black; text-align:center}

A.navbar_listitem_white
{ color: #FFFFFF; font-size: 14px; text-decoration: none; font-weight:bold; background-color:black; text-align:left}

A.navbar_listitemcenter_white
{ color: #FFFFFF; font-size: 14px; text-decoration: none; font-weight:bold; background-color:black; text-align:center}

A.navbar_listitemcenter_yellow
{ color: #FFCC11; font-size: 14px; text-decoration: none; font-weight:bold; background-color:black; text-align:center}

A.navbar_white:hover
{ color: #FFCC11; font-size: 14px; text-decoration: none; font-weight:bold;}

A.navbar_listitem_white:hover
{ color: #FFCC11; font-size: 14px; text-decoration: none; font-weight:bold;}

A.navbar_listitemcenter_white:hover
{ color: #FFCC11; font-size: 14px; text-decoration: none; font-weight:bold;}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 12em;
}

#nav li {
	float: left;
	width: 12em;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#fb-root {
    float: right;
	margin: 4px;
}