body {
	background-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	height: 100%;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

h1 {
	font-size: medium;
	font-weight: 100;
	font-family: Georgia, Times New Roman, Times, serif;
}

a, a:visited, a:active {
  color: #FFFF66;
  text-decoration: none;
}

a:hover {
  color: #FFFF66;
  text-decoration: underline
}

a:active {
	color: #FFFF66;
}

/* navigation */ 
div.navi_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	background-color: #746E70;
	padding: 3px;
	border-bottom-style: dotted;
	border-width: 1px;
	text-align: center;

		
}

div.navi_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	padding: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	border-top-style: dotted;
	border-top-color: #666666;	
	border-width: 1px;

	text-align: center;
		
}

div.navi_1:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	background-color: #666666;
	padding: 3px;
	border-bottom-style: dotted;
	border-width: 1px;
	text-align: center;

}

div.navi_2:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	padding: 2px;

	border-top-style: dotted;
	border-top-color: #FFCC00;	
	border-width: 1px;
	text-align: center;

}




#menu { width: 120px; }

#menu ul { list-style: none; margin: 0; padding: 0; }

#menu a { 
	font: 10px, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-width: 1px;
	display: block;
 	margin: 0; padding: 2px 2px;
	text-decoration: none;
 }

#menu a:hover { border-bottom-style: dotted; border-bottom-color: #FFCC00;  }

#menu li { position: relative; 	text-align: center;}

#menu  ul ul {position: absolute; text-align: right; top: 0; left: 100%; width: 100px; }

#menu  ul ul a{text-align: right; }

div#menu  ul ul, div#menu  ul li:hover ul ul {display: none;}

div#menu  ul li:hover ul, div#menu  ul ul li:hover ul {display: block;}