/* Menu stylesheet */

.navigation {
	float: left;
	margin-top: 0; 
	padding:0; 
	list-style:none;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
}    

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
.navigation  li {
	float:left; 
	display:block; 
	width:73px; 
	background:#8d8d8c; 
	position:relative;
	z-index:500; 
	margin:0 1px;
}
	
/* this is the parent menu */
.navigation  li a {
	display:block; 
	padding:4px 1px 0 1px; 
	height:22px; 
	text-decoration:none; 
	color:#fff; 
	text-align:center; 
	color:#fff;
}

.navigation  li a:hover {
	text-decoration: underline;
}

/* you can make a different style for default selected value */
.navigation  li.active {
	background: #ed1c2a;
}

/* submenu, it's hidden by default */
.navigation  ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin:0 0 0 -1px; 
	padding:0; 
	list-style:none;
}

.navigation  ul li {
	width:73px; 
	float:left; 
	border-top:1px solid #fff;
}

/* display block will make the link fill the whole area of LI */
.navigation  ul a {
	display:block;  
	height:20px;
	padding: 2px 2px; 
	color:#fff;
}

.navigation  ul a:hover {
	text-decoration:underline;    
}
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html .navigation ul {
    margin:0 0 0 -2px;
}

/* Smallmenu */
#smallmenu {
	float: right;
	margin-right: 10px;
	font-size: 10pt;
}

#smallmenu li {
	float: left;
	list-style: none;
	text-align: center;
	margin-left: 2px;
	margin-right: 12px;
}
#smallmenu li a{
	display: block;
	height: 23px;
	line-height: 24px;
	text-decoration: none;
	color: white;
}

#topmenu a:hover {
	/*background: red;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;	*/
}

#smallmenu li.active, #smallmenu a:hover {
	text-decoration: underline;