/* CSS Document */

/* *** general *********************************************************************************** */
body {
  font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

a {
	color:#0066CC;
}

.header {
  font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
}

.highlight {
  font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF6699;
}

/* *** title ************************************************************************************ */
.title {
  font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

/* *** footer ************************************************************************************ */
.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	height:30px;
}

.footer a {
  font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	height:30px;
	text-decoration:none;
}

/* *** index ************************************************************************************** */
.index {
  font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009999;
}

/* *** categories ******************************************************************************** */
.category {
  font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	height:20px;
}

.category a {
  font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	height:20px;
	text-decoration:none;
}

/****menu********************************************************************************************************/

#menu ul, li {
    margin: 0 0 0 0; 
}

#menu ul {/* first-level lists */
	margin: 0;
	padding:0;
	list-style: none;
}

#menu ul ul {/* second-level lists */
  visibility:hidden;
	position: absolute;
	display: block;
	top:21px; 
  left: 0;
}

#menu ul ul ul {/* third-level lists */
  visibility:hidden;
	position: absolute;
	display: block; 
	left: 149px;
	top:0px;
}

#menu li { /* overall list items */
	float: left;
	position: relative;
	width: 145px;
	text-align:center;
}

#menu ul a { /* first-level a */
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-size:13px;
	font-family:"Arial Narrow";
	height:20px;
}

#menu ul a:hover { /* first-level a:hover */
	color:#FFFF00; 
} 

#menu ul ul a { /* second-level a */
	text-align:left;
	padding-left:10px;
	padding-bottom:0px;
	padding-top:2px;
	height:18px;
	text-decoration: none;
	color: #666666;
	background: #fff; /* IE6 Bug */
	border:1px solid #CCCCCC;
	margin-top:-1px;
}

#menu ul ul a:hover { 
	color: #666666; 
	background: #FFFF99; 
} 

#menu li:hover>ul { /* to cater for other web browser */
  visibility:visible; 
}