@charset "utf-8";
/* ----------------------------------------- */
/* These styles keep the background together */
/* ----------------------------------------- */

*{
margin:0;
padding:0;
}

body, html{
width:100%;
min-height:100%;
height:100%;
margin:0;
padding:0;
background:#4c7f5a;
}
#greenWithBottomGradient {
/*min-height:396px;*/ /* enough room for top and bottom gradient */
min-height:100%;
background-image:url(images/gradientBottom.gif);
background-position: bottom left;
background-repeat: repeat-x;
margin-bottom:37px;
}
#topGradient{
width:100%;
height:197px; /* enough room for top gradient */
background-image:url(images/gradientTop.gif);
background-position: top left;
background-repeat: repeat-x;
}
#whiteCanvasWithBottom{
width:764px;
margin: -160px auto -160px auto; /* center the canvas on the screen at all times */
padding-bottom:37px; /* this prevents the body from spilling over and blocking the bottom graphic */
min-height:37px; /* enough room for bottom graphic */
background-image:url(images/canvasBottom.png);
background-position: bottom left;
background-repeat: repeat-x;
}
#flashHeader{
	padding:0px 25px;
	height:110px;
	background-image:url(images/canvasMiddle.png);
	background-position: bottom left;
	background-repeat: repeat-y;
}
#flashmenu{
	padding:0px 25px;
	height:55px;
	background-image:url(images/canvasMiddle.png);
	background-position: bottom left;
	background-repeat: repeat-y;
}
#whiteCanvasBody{
padding:0px 31px 0px 31px;
min-height:300px;
overflow:hidden; /* fixes a bug where the left nav spills outside the white area */
background-image:url(images/canvasMiddle.png);
background-position: bottom left;
background-repeat: repeat-y;
}
#footer{
width:760px;
padding-left:4px;
margin:160px auto 37px auto;
}
#header{
width:100%;
min-height:30px;
background-image:url(images/canvasTop.png);
background-position: top left;
background-repeat:no-repeat;
}

/* -------------------- */
/* Begin content styles */
/* -------------------- */
body{
font-family:'Trebuchet MS','Myriad Pro',sans-serif;
font-size: 80%;
line-height: 17px;
}

/* Left sub-navigation */
#leftColumnWrapper{
float:left;
margin:15px 0 0 0;
padding:0;
overflow:hidden;
}

#leftNav{
margin:10px 0;
text-align:right;
padding-bottom:10px;
width:110px;
padding:7px 0;
background:#4c7f5a;
background-image:url(images/leftNavTop.gif);
background-position: top left;
background-repeat: repeat-x;
/*
background-image:url(images/leftNavBottom.gif);
background-position: bottom left;
background-repeat: repeat-x;
*/
}

/*
#leftNav > a:first-child{
margin-top:-10px;
padding-top:10px;
background-image:url(images/leftNavTop.gif);
background-position: top left;
background-repeat: repeat-x;
}
*/
#leftNav a, #leftNav .selected{
font-weight:bold;
font-size: 90%;
display:block;
padding:1px 5px 1px 2px;
margin:3px 0;
color:#FFFFFF;
text-decoration:none;
}

#leftNav a:hover, #leftNav .selected{
color:#bc2951;
background:#FFFFFF;
}

/* Extras below left navigation */
#chaNoAjiLink{
display:block;
}

#leftLinks{
width:110px;
margin:0;
padding:0;
}
#leftLinks img, #chaNoAjiLink img{
border:none;
margin:0;
padding:0;
}

/* Begin Search Form styles */
#search{
border:none;
margin:10px 0 10px 0;
padding:0;
}

#searchField{
font-size: 80%;
color:#999999;
border:1px solid #333333;
width:75px;
padding:3px;
}

#goBtn{
font-size: 80%;
padding:1px;
background:#FFFFFF;
color:#333333;
border:1px solid #333333;
}

/* main page content */
#content{
width:552px;
float:right;
clear:right;
padding:0 0 0 10px;
overflow:hidden;
}

#footer{
color:#FFFFFF;
font-size:80%;
}

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

p{
margin:14px 0 14px 14px;
}

h1{
font-weight:bold;
font-size:150%;
color:#4c7f5a;
margin:14px 0;
}

h2{
font-size:130%;
font-weight:bold;
color:#bc2951;
margin:14px 0;
}

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

a:hover{
text-decoration:underline;
}

ul, ol{
margin:0;
padding:0 0 28px 56px;
}

/* Begin Email Form styles */
div#email{
width:760px;
text-align:right;
margin: -170px auto 170px auto; /* center the canvas on the screen at all times and move email above white canvas */
}

/* Begin styles for new "Constant Contact" subscribe link */
div#emailConstantContact{
display:inline;
text-align:center;
padding:2px 5px;
background:#FFFFFF;
border:1px solid #333333;
}
div#emailConstantContact a{
color:#000000;
text-decoration:none;
}
/* End styles for new "Constant Contact" subscribe link */

body#emailPopup{
margin:0;
padding:10px;
background:#ffffff;
text-align:center;
}

body#newsletter{
width:auto;
height:auto;
min-height:200px;
margin:10px;
padding:10px;
border:1px solid #cccccc;
background:#FFFFFF;
text-align:left;
}

body#newsletter p{
margin:0;
padding:14px;
}

form{
margin:0;
padding:0;
}

#txtEmail{
font-size: 80%;
color:#999999;
border:1px solid #333333;
width:160px;
padding:3px;
}

#btnSubmit{
font-size: 80%;
padding:1px;
background:#FFFFFF;
color:#333333;
border:1px solid #333333;
}


/* Calendar Entries */
#eventContent{
	margin:10px;
	padding:10px;
	background-color:#FFFFFF;
	border:1px solid #990000;
	text-align:left;
}

.calendarItem strong{
display:block;
}

form#frmCalendarSelect {
margin:0 0 14px 14px;
}

#tblCalendar{
background-color:#FFFFFF;
border:1px solid black;
margin-left:14px;
width:538px;
}

#tblCalendar th{
text-align:center;
font-weight:bold;
width: 14%;
color:#FFFFFF;
background-color:#bc2951;
padding: 2px;
margin: 2px;
border-collapse:collapse;
}
#tblCalendar td{
vertical-align:top;
text-align:right;
border:1px solid #cccccc;
padding: 5px 10px;
margin: 2px;
border-collapse:collapse;
}

/* Gallery Entries */
#content table#tblGalleryItems{
	border:none;
	margin:0;
	padding:0;
	width:100%;
}

#content table#tblGalleryItems{
	padding:0;
	border:none;
}

#content table#tblGalleryItems td{
	text-align:center;
	vertical-align:middle;
	margin:10px;
	border:1px solid #CCCCCC;
	padding:0px;
	height:85px;
}

#content table#tblGalleryNavigation{
	border:none;
	margin:0;
	padding:10px 0;
	float:right;
}

#content table#tblGalleryNavigation td{
	margin:0;
	padding:2px 0 2px 2px;
	text-align:right;
	vertical-align:bottom;
	border:none;
}

/* Gallery Image Popup */
#popup{
width:100%;
height:100%;
background:#000000;
padding:10px;
color:#FFFFFF;
}

#popup a{
color:#FFFFFF;
}

/* Tea Info */
.floatLeft{
float:left;
margin:0 10px 10px 0;
}

.floatRight{
float:right;
margin:0 0 10px 10px;
}

.clearBoth{
clear:both;
}
/*
table#teaLayout, table#teaLayout td{
border:1px solid red;
}
*/
table#teaLayout{
margin:0;
padding:0;
border:none;
}

table#teaLayout td{
vertical-align:top;
text-align:left;
}

td#tdBuyLink{
vertical-align:bottom;
height:40px;
width:370px;
}

img#imgTea1{
height:165px;
margin:15px 0 0 15px;
border:1px solid #333333;
}

img#imgTea2{
border:1px solid #333333;
margin:0 7px 2px 0;
float:left;
}

img.tdImgTeaCategory{
border:1px solid #333333;
margin:0 10px 10px 0;
float:left;
}

td#teaCharacteristics{
height:125px;
vertical-align:top;
}

p#teaComments, .teaCategories{
border:1px solid #333333;
padding:10px;
margin:15px 0 0 15px;
}

.teaCategoryName{
font-size:120%;
font-weight:bold;
font-style:italic;
margin-bottom:4px;
display:block;
}

div#teaDetails{
margin:15px 0 0 15px;
width:200px;
color:#333333;
border:1px solid #333333;
overflow:hidden;
}

a#buyLink{
text-align:center;
margin-left:15px;
display:block;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
padding:10px 5px;
/*margin: 0 7px 7px 15px;*/
width:190px;
color:#FFFFFF;
background-color:#bc2951;
border:1px solid #bc2951;
}

a#buyLink:hover{
background-color:#FFFFFF;
color:#bc2951;
}

div#teaDetails p{
margin:0;
padding:10px;
}

p#teaType{
background-color:#aed2ba;
border-bottom:1px solid #333333;
}

p#teaOrigin{
background-color:#feedee;
border-bottom:1px solid #333333;
}

p#teaRefNum{
background-color:#aed2ba;
border-bottom:1px solid #333333;
}

p#teaBrewingInstructions{
background-color:#feedee;
border-bottom:1px solid #333333;
}

p#teaBrewingVessel{
background-color:#aed2ba;
}

#good_output
{
	border: 1px dotted green;
	background: #CCFFCC;
	color: black;
	margin-bottom: 5px;
}

#bad_output
{
	border: 1px dotted red;
	background: #FFCCCC;
	color: black;
	margin-bottom: 5px;
}

#form 
{
	list-style: none;
	padding: 5px 0;
	float: left;
}