.scrollbar1 {
scrollbar-3d-light-color:#996600;
           scrollbar-arrow-color:#ffffff;
           scrollbar-base-color:#b0914f;
           scrollbar-dark-shadow-color:#996600;
           scrollbar-face-color:#b0914f;
           scrollbar-highlight-color:#ffffff;
           scrollbar-shadow-color:#996600;
}
body 	{font-size: 12px; line-height: 173%; font-family:Arial, Helvetica, sans-serif;
		background-image:url(../images/layout/bg.jpg);
		background-repeat: repeat;}
#box1{
	width:624px;
	height:280px;
	background-image:url(../images/layout/window/middleBg.jpg);
	
	}
h1{
	padding-top: 0px;
	padding-left:10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align:left;
	color:#996600;
	font-weight: bold;
	font-style:italic;
}
a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#996600;
	text-decoration:underline;
	text-align:center;
}
a.jp{
	font-family: Ms PGothic, Ms Gothic, osaka, sans-serif;
	font-size: 12px;
	color:#996600;
	text-decoration:underline;
	text-align:center;
}
p 		{line-height: 165%;
		margin-left: 20px;
		margin-right: 10px;}
p span {font-size: 12px; color: #333;}

.nav 	{
		padding: 0; margin: 20px 0 0 30px;
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: visible;
		}
		
.nav ul {		
		display: block;
		list-style: none;
		margin:  0; padding: 0;
		border: 0;
		}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .nav ul {position: relative; top: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.nav ul li 	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 10px; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .nav ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.nav a, .nav a:visited {
				width: 18.4em; height: 1.5em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold; font-size: 12px; line-height: 1.5em; 
				text-indent: 0.5em; text-align: left; text-decoration: none;
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav a, html + body .nav a:visited { text-indent: 0; padding: 0 0 0 8px; }

.nav ul ul {	
			padding: 12px 0 18px 0;
			background: none;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul {position: relative; top: 0px; }
				
.nav ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			left: 0px;
			/* margin: 10px 0 5px 1px; padding: 0 0 0 25px; */
			}
			
/* HACK >>> IE 5  */
html + body .nav ul li li {position: relative; left: 12px; margin: 10px 0 5px 0;}

.nav ul li .sub-sub {
			/* position: relative;  top: 0px; */ left: 10px;
			margin: 10px 0 0 1px; /* padding: 0 0 0 25px;  */
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

.nav ul ul a, .nav ul ul a:visited 	{
					width: 15.9em; height: 1.3em;
					margin: 0; /* padding: 1px; */
					font-size: 12px; line-height: 1.3em; font-weight: normal; text-indent: 0.4em; 
					}

.nav ul ul ul {margin: 0 0 30px 12px; padding: 12px 0 0 0;}

.nav ul li li li	{
			position: relative; top: 10px; left: 0px;
			margin: 10px 0 5px 10px; padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .nav ul li li li {top: 10px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul li li li {top: 14px;}
																		
.nav ul ul ul a, .nav ul ul ul a:visited 	{
					width: 14.9em;
					padding: 20px;
					font-size: 12px;
					}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav ul ul a, html + body .nav ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }


/* ### Global Settings >>> colors, borders and images  ### */
.nav 	{ border: 0; border-left: 1px solid #996600; }
.nav ul li li	{color: #cccccc; }	
.nav ul ul ul {border-left: 1px solid #996600; }
.nav ul li .sub-sub {}
.nav a, .nav a:visited	{color: #996600; border: 1px solid #996600; background: #E0D5BC; }				
.nav a:active, .nav a:hover, .nav a:focus,  a:focus .sffocus 	{color: #cc9900; border: 1px solid #cc9966; background: #E0D5BC;}			
.nav ul ul a, .nav ul ul a:visited 	{color: #cc9900; border: 1px solid #cc9900;background:  #E0D5BC;}			
.nav ul ul a:active, .nav ul ul a:hover, .nav ul ul a:focus	{color: #666666; border: 1px solid #666666;	background: #E0D5BC; }