* {padding:0; margin:0;}
/*--------the main sections---------*/
  
#container{width:1016px;margin-left: auto; margin-right: auto; margin-top: 20px;position:relative;}

#top-row{width:auto; display:block; height:80px;}
#mid-row{width:auto; display:block; height:60px;clear:both;padding-left:240px;}
#main-row{width:auto; display:block;clear:both;}
#footer{width:auto; position:relative; top:7px; display:block; height:113px;clear:both;background-image:url('../images/footer.jpg');overflow:hidden;}
#divider{display:block; position:absolute; top:214px; left: 188px; height:auto; width:auto;z-index:-1;}

/*--------subsections---------*/
/*-------------within top-row---------*/
#logo{width:194px; text-align:right; float:left; display:block;}
#logo img{border:0;}
#header{padding-top:12px; width:822px; float:left;}

/*-------------within mid-row---------*/
#navbar{width:auto; margin-right:0; margin-left:100px;}

/*-------------within main-row---------*/
#left-bar{width:192px; margin-right:0; float:left; padding:22px 14px 10px 14px;}
#left-bar a.sidebarlink, #left-bar a.sidebarlink:active, #left-bar a.sidebarlinkvisited{color:#3e2e15; text-decoration:none}
#left-bar a.sidebarlink:hover{color:#a7b838;}
#left-bar img{margin-top:30px;}

#sidebar-text{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#3e2e15;
	font-size:12px;
	font-weight:reg;
	padding: 10px 4px 0px 10px;
	line-height:160%;

}

#content{width:570px; margin-right:0; float:left;padding:47px;color:#3e2e15; font-size:13px;font-family:Arial, Helvetica, sans-serif;display:block; line-height:150%}
#content li{position:relative; left:35px;}
#content h3{font-size:19px; font-weight:normal;}
#content a, #content a:active, #content a{color:#3e2e15; text-decoration:none}
#content a:hover{color:#a7b838;}

#homechars img{margin:25px 15px;border:0;}
#homechars a:focus{outline:none;}


#serv-arrows {
	width: 165px; margin:auto; height:10px; float:right;
}

#serv-arrows a {
	display: block; float: left; height: 20px; width:24px;margin-left:40px;margin-top:15px;
}

	#serv-arrows a.prev-arrow {
		background-image: url(../images/arrowsprite.gif);
		background-position: 0 0;	
	}
	
	#serv-arrows a.next-arrow {
		background-image: url(../images/arrowsprite.gif);
		background-position: -24px 0;	
	}

		
	#serv-arrows a.prev-arrow:hover, #serv-arrows a.prev-arrow:focus {
		background-position: 0 -20px;	
	}
	
	#serv-arrows a.next-arrow:hover, #serv-arrows a.next-arrow:focus {
		background-position: -24px -20px;	
	}


	
/*-------------within footer---------*/
.footer-text{font-family:Arial, Helvetica, sans-serif;color:#1e4602; font-size:13px;float:right;position:relative; right:35px;top:90px;} 

/*-------------special effects---------*/
.overlay-box{
	display:block;
	position:absolute;
	top:-40px;
	height:auto;
	padding:5px;
	width:585px;
	word-wrap: break-word;
	z-index:200;
	font-family:Arial, Helvetica, sans-serif;
	color:#3e2e15;
	font-size:12px;
	font-style:italic;
/*	top:-150px;*/
/*	background-color:#a7b838;*/
/*	width:270px;*/
/*	opacity:0.8;
	filter:alpha(opacity=80);*/ /* For IE8 and earlier */
/*	font-weight:bold;*/
	}

.overlay-box h3{
	font-size:16px;
	font-style:italic;
	font-style:bolder;
	line-height:150%;
	}
	
#overlay1, #overlay2, #overlay3{
	left:0px;
}
/* Originally the three overlays had three different stylings 
(left values). I've kept the code for that in comment, in case 
we ever want to return to that.*/

.hidden{
	display:none;
	}

.unhidden{
	display:block;
	}

#schedule td{padding:15px;}
#schedule td.rowcolor1{background:#E6F0BB;}

#teashopleft {display:block; width:300px;float:left;}
#teashopright {display:block; width:auto;float:left;padding-left:15px;}

#contactleft {display:block; width:265px;float:left;margin-right:10px;}
#contactleft h2{color:#A5BB40;font-style:italic;font-family:Arial, Helvetica, sans-serif;}
#contactleft a, #contactleft a:visited, #contactleft a:active{color:#A5BB40;text-decoration:none}
#contactleft a:hover{color:#0F5B06}

#contactright {display:block; width:240px;float:left;padding-left:37px;border-left-style:solid; border-width:1px;border-color:#86947F}
#contactright h3{color:#A5BB40;}

#credits {color:#A5BB40;font-style:italic;Arial, Helvetica, sans-serif;font-size:12px;}
#credits a, #creditst a:visited, #credits a:active{color:#A5BB40;text-decoration:none}
#credits a:hover{color:#0F5B06}