body {
background-color: #AFD65F;
scrollbar-arrow-color: #B35B05;
scrollbar-base-color: #C5EB66;
scrollbar-dark-shadow-color: #190405;
scrollbar-track-color: #E5FFA4;
scrollbar-face-color: #C0F659;
scrollbar-shadow-color: #7F9A3C;
scrollbar-highlight-color: #DFFF8E;
scrollbar-3d-light-color: #DFFF8E;
}
#navcontainer ul
{
	list-style-type: none;
	width:125;
	text-align: left;
	padding: 4px 2px 4px 12px;
	margin-left: 36px;
	margin-top: 13px;
}

#navlist a
{
padding: 4px 2px 4px 6px;
text-align: left;
font: normal 13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #4F1815;
margin: 0;
line-height: 140%;
}

#navlist a:hover
{
color: #F43126;
}

#navlist a#current
{
color: #2B5CA6;
}

#subnavlist a
{
padding: 4px 2px 4px 6px;
margin-left: -30px;
text-align: left;
font: normal 13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #4F1815;
}

#subnavlist a:hover
{
color: #296200;
}

#subnavlist a#subcurrent
{
color: #2B5CA6;
}

#imap {display:block; width:418px; height:400px; background:url(plantations-map/tea-plantations-basic.jpg); position:relative;}

#imap a#title {display:block; width:418px; height:0; padding-top:400px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(plantations-map/tea-plantations-hover.jpg) no-repeat 400px 400px; cursor:default;}
* html #imap a#title {height:400px; he\ight:0;}

#imap a#title:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #pica {left:10px; top:300px; z-index:20;}
#imap #pics {left:120px; top:244px; z-index:20;}
#imap #pico {left:170px; top:240px; z-index:20;}

#imap a#aikawa, #imap a#shohokuen, #imap a#otsuka {display:block; width:85px; height:85px; background:transparent url(plantations-map/tealeafbig.gif) -100px -100px no-repeat; text-decoration:none; z-index:20;}

#imap a span, #imap a:visited span {display:none;}

#imap a#aikawa:hover, #imap a#shohokuen:hover, #imap a#otsuka:hover {background-position:0 0;}

#imap a:hover span {position:absolute;  width:200px; display:block; font-family:arial; font-size:12px; background:#fff; color:#4F1815; border:1px solid #AFD15B; padding:5px;}
* html #imap a:hover span {width:200px; w\idth:200px;}
#imap a#aikawa:hover span {left:-10px; top:-220px;}
#imap a#shohokuen:hover span {left:-120px; top:-164px;}
#imap a#otsuka:hover span {left:-170px; top:-160px;}

#imap a span:first-line {font-weight:bold;}


p { color:#4F1815; font-family: 'arial'; font-size: 12px; padding-left:4px; padding-top: 0px; padding-right: 100px; margin-top: 0px; margin-bottom: 0px }
.map { color:#4F1815; font-family: 'arial'; font-size: 12px; font-weight: normal; padding-left:4px; padding-top: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px }
.tea { color:#000; font-family: 'Arial'; font-size: 10px; padding-left:4px; padding-top: 12px; padding: 0px; margin: 0px; }
.links { color:#3A0A08; font-family: 'Arial'; font-size: 11px; padding-left:4px; padding-top: 12px; padding: 0px; margin: 0px; }
h1 { color:#4F1815; font-family: 'Arial'; font-size: 13px; padding-left: 4px; padding-top:0px; margin: 0px; }
h2 { color:#4F1815; font-family: 'Arial'; font-size: 14px; padding-left: 4px; padding-top:0px; margin: 0px; }
a:link {  
	font weight: bold;
	text-decoration: none; 
	color: #3A0A08;
	}
a:visited {  
	font weight: bold;
	text-decoration: none; 
	color: #3A0A08;
	}
a:active {
	font weight: bold; 
	text-decoration: blink; 
	color: #3A0A08;
	}
a:hover  {
	font weight: bold; 
	text-decoration: blink; 
	color: #D5B56A;
	}