/*begin creating the tabs */
.menu {
	margin-left: 28px;
	font-size: 10px;
	font-weight: normal ;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
	color: #FFFFFF;
	height: 24px;
	background: url(../../chi/images/tab_dim.gif) no-repeat;
	width: 100px;
	text-align: center;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem  td {
	background: url(../../chi/images/tab.gif) no-repeat;
}

.menuSelectedItemDy  td {
	background:  #919191;
}

/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
	text-decoration: underline;
	color:#F3DACE;
	
}

.menuPopup a:hover {
	text-decoration: underline;
	color:#F3DACE;
}


/* make drop down menu container style */
.menuPopup {
	background: url(../../chi/images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
	color: #ffffff;
}

/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
}
.menuPopupItemC {
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
    width:100px;    
}