﻿/**************************************************************/
/***** CSS Stylesheet: ms_dropdown.css          ***************/ 
/***** Created by Chikao  Oct14/08              ***************/
/*****                                          ***************/

/***** General Info ****************************/
/*** #6D79B8  : MS Blue  ***/
/*** #B9A883  : MS Beige ***/
/*** #B1B7D9  : MS Logo Blue ***/   
/***********************************************/

/*****FOR IE*****/
/*body {
behavior: url(csshover.htc);
}*/
/***** /FOR IE*****/

#menu {
	float: left;
	position:relative;
	width:840px;  /*865px;*/
	height: 24px;
	background: #6D79B8 url('../images/top_nav_bg.gif') repeat-x scroll 0; 
	padding: 0px 0px 0px 40px; 
	text-align: left; border: 0px solid #000; margin-left: 0px;
}

#menu ul {
	float: left;
	list-style:none ;
	margin: 0px;
	padding:0px;
	width: 14em; 
}

#menu a, #menu h1 {   
	font-weight: bold;
	font-size: 0.9em;
	font-family:Arial, Tahoma, helvetica, sans-serif; 
	display: block;		
	border-width: 0px; 	
	border-style: solid;
	border-color: #6D79B8 #6D79B8 #6D79B8 #bbb; 
	margin: 0px;
	padding: 5px 5px 3px 5px;    
}

#menu h1 {
	color:  #fff; 
	background: #000;
	text-transform: uppercase;
}

#menu a {
	color: #EDEDED;
	background: #6D79B8;  
	/*background: #6D79B8 url('../images/top_nav_bg.gif') repeat-x scroll 0;*/
	text-decoration: none;
}
/* for the 5 links on the top nav */
#menu .topLayer {
	background: #6D79B8 url('../images/top_nav_bg.gif') repeat-x scroll 0; 
}

#menu a:hover {
	color:  #808D8D; 
	background: #B1B7D9 url('../images/top_nav_hover.gif') repeat-x scroll 0;
}
#menu ul ul a:hover {
	color: #808D8D;
	background: #B1B7D9; /*#B1B7D9;*/
}
/* added chikao Feb27/09 
#menu .layer1 {
	color: #EDEDED;		
	text-decoration: none;
}
#menu .layer2 {
	color: #EDEDED;	
	background-color: #6D79B8;   
	text-decoration: none;
}*/
/* added chikao Feb27/09 
#menu a.layer1:hover{background: #B1B7D9 url('../images/top_nav_hover.gif') repeat-x scroll 0;}
#menu a.layer2:hover{color: #808D8D; background: #B1B7D9;
}*/

#menu li {position: relative;}

#menu ul ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
}

#menu ul ul {
	position: absolute;
	z-index: 500;    /*for FF*/
}

div#menu ul ul { display: none; }

div#menu ul li:hover ul {display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* set style for expand links */
#menu a.expnd{     
background:#6D79B8  url('../images/expand_arrow_02.gif') no-repeat bottom right;
/*background:#6D79B8  url('../images/expand_arrow.gif') no-repeat bottom right;*/
}

#menu a.expnd:hover{
background:#B1B7D9  none; /*hide image*/
}

/******************************************************* end ****/

