@charset "utf-8";
html, body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #afb390;
	/*for Safari only*/
	/*background: #565223 url(images/bgSolid.jpg);*/
	background: url(images/BGpattern2.gif);
	margin: 0;
	padding: 0;
	text-align: center;
	border-width: 0px;
}
#wrapper {
	background: url(images/bgSolid.jpg);
	width: 760px;
	margin: 0px auto;
} 
#container {
	width: 760px;
	margin: 0px auto 0;
	padding: 0px;
	text-align: left;		
} 
.home {
	background: #4e4b20 url(images/bannerHome.jpg) no-repeat top;	
} 
.about {
	background: #4e4b20 url(images/bannerFields3.jpg) no-repeat top;	
} 
.contact {
	background: #4e4b20 url(images/bannerTeaBowl.jpg) no-repeat top;	
} 
.shop {
	background: #4e4b20 url(images/bannerShop2.jpg) no-repeat top;	
} 
.teapage {
	background: #4e4b20 url(images/bannerTea.jpg) no-repeat top;	
}
.teaware {
	background: #4e4b20 url(images/bannerTeaWare.jpg) no-repeat top;	
}
.accessories {
	background: #4e4b20 url(images/bannerWhisk.jpg) no-repeat top;	
}
.teafacts {
	background: #4e4b20 url(images/bannerLeaves2.jpg) no-repeat top;	
} 
.history {
	background: #4e4b20 url(images/bannerMingei.jpg) no-repeat top;	
} 
.varietiespage {
	background: #4e4b20 url(images/bannerVarieties.jpg) no-repeat top;	
} 
.healthpage{
	background: #4e4b20 url(images/bannerLeaves4.jpg) no-repeat top;	
}
.preparation {
	background: #4e4b20 url(images/bannerTeafacts.jpg) no-repeat top;	
}
.resources {
	background: #4e4b20 url(images/bannerGarden.jpg) no-repeat top;	
} 
.privacy {
	background: #4e4b20 url(images/bannerTeaPot.jpg) no-repeat top;	
} 
h1 {
	font-size: 135%;
	color: #afb390;
	font-weight: normal;
	margin-left: 20px;
	margin-bottom: .8em;
	margin-top: 0px;
}
h2 {
	font-size: 120%;
	font-weight: normal;
	color: #afb390;
	margin: 0px 0px 0px 8px;
	padding: 0px;
}
h3 {
	margin: 0px 0px 20px 20px;
	padding: 0px;
	font-size: 130%;
	font-weight: normal;
}

#leftcol {
	background: url(images/bgGradient3.jpg) repeat-x top;
	width: 150px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	padding-left: 10px;
	padding-top: 12px;
	padding-right: 0px;
	float: left;
	display: inline;

}
#leftcol ul {
	list-style: none;
	font-size: 85%;
	line-height: 2em;
	padding: 0px;
	text-align: right;
	margin: 25px 40px 0px 0px;
	display: block;
}
#nav{
	margin: 0px;
	padding: 0px;
}
#leftcol #nav a{
	color: #e7e6c9;
	text-decoration: none;
}
#leftcol #nav a:hover{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#leftcol #nav .active{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#maincontent {
	margin-left: 178px;
	padding: 0px;
	margin-top: 0px;
	font-size: 80%;
	line-height: 1.4em;
}
#maincontent h6 {
	padding: 0px;
	float: right;
	margin: 118px 20px 42px 320px;
	display: inline;
}
#maincontent p {
	padding: 0px;
	margin: .2em 25px 1.3em 20px;
}
#maincontent table {
	margin-left: 20px;
	width: 540px;
	margin-right: 0px;
}
#maincontent table h2 {
	font-size: 120%;
	font-weight: normal;
	color: #afb390;
	margin: 0px;
	padding: 0px;
}
#maincontent td {
	padding: 0px 16px 60px 0px;
	margin: 0px;
}
#maincontent a{
	color: #e7e6c9;
	text-decoration: underline;
}
#maincontent a:hover{
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}
#maincontent .active{
	color: #ffffff;
	text-decoration: underline;	
}
#preparation table{
	font-size: 90%;
}
#preparation td{
	margin: 0px;
	padding: 5px;
}
#shopnav {
	margin: 0;
	list-style:none;
	font-size: 110%;
	padding: 0px 0px 16px 20px;
	width: 550px;
	float: left;
}
#shopnav li {
	float: left;
	padding: 0 0px 0 0;
	width: 22%;		
}
#shopnav .tea {
	width: 15%;
	color: #FFFFFF;
	}
#shopnav a {
	color: #e7e6c9;
	text-decoration: none;
	font-style: italic;	
}
#shopnav a:hover {
	color: #ffffff;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;	
}
#shopnav .current {
	color: #ffffff;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	}
	
#teanav {
	margin: 0;
	list-style:none;
	font-size: 110%;
	padding: 0px 0px 16px 20px;
	width: 550px;
	float: left;
}
#teanav li {
	float: left;
	padding: 0;
	width: 18%;
}
#teanav .varieties {
	width: 20%;
	color: #ffffff;
	}
#teanav .health {
	width: 17%;
	color: #ffffff;
	}
#teanav a {
	color: #e7e6c9;
	text-decoration: none;
	font-style: italic;	
}
#teanav a:hover {
	color: #ffffff;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}
#teanav li.current {
	color: #e7e6c9;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	}
#freshcup h1{
	font-size: 180%;
	color: #d1d2cb;
	font-weight: normal;
	margin: 0px 0px 5px 10px;
	padding: 20px 0px 0px;
}
#freshcup .photo{
	padding: 6px 10px 0px 0px;
}
#footer { 
	padding: 0 10px 0 198px;
} 
#footer p {
	margin: 0;
	padding: 10px 0;
}
#footer a {
	color: #e7e6c9;
	text-decoration:none;
}
#footer a:hover {
	color: #ffffff;
	text-decoration:none;
}
.copyright {
	font-size: 65%;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearrt {
	clear:right;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.indent20 {
	margin-left: 20px;
}
.indent10 {
	margin-left: 10px;
	margin-top: 0px;
}
/*[if IE 5]>
<style type="text/css">*/ 
/* place css box model fixes for IE 5* in this conditional comment */
/*#sidebar1 { width: 150px; }
</style>
<![endif][if IE]>

<style type="text/css">*/ 
/* place css fixes for all versions of IE in this conditional comment */
/*#sidebar1 { padding-top: 30px; }
  #mainContent { zoom: 1; }*/
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
/*</style>
<![endif]*/
.privacyPolicy {
	line-height: 1.6em;
}