/* CSS Document */
/* Pro drop down menu 11 */
#menu_background {width:630px; height:30px;} 
/* Top DOOR Menu  */
.menu2  {float:left; padding:0; margin:0; text-align:center;}
.menu2 {
	/* margin:0;
	padding:0 0 0 32px; 	/*			 Here you can locate				*/
	position:absolute;							/* 									*/
	top: 121px;									/*									*/
	left: 171px;	 								/* 									*/
	font-family: Arial, Helvetica, sans-serif;	/* Here you can set the font 		*/
	font-size: 12px;
	/* color: #666666; */
	/* font-size:1em; */
	/* list-style: none; */   
	height: 36px;
	/* position: inherit;  */
	z-index: 50;
	width: 630px;
}
.menu2 li.top {
	display: block; 
	float: left;
}
.menu2 li a.top_link {							/* top_link is the class used for top href links.		*/ 
	display: block; 
	float: left; 
	height: 36px;
	padding-bottom:4px;								/* Height for links allows for moving mouse down from link +not loose the menu */ 
	text-decoration: none; 						/* Possible values: none, underline, overline, line-through, blink */
	color: #9C9A9C								/* another option is # 666666  */
}

.menu2 li a.top_link span.aa {
	cursor: pointer;
	display: block;
	float: left;
	width:12px;
	height: 1.1em;  				/* Height of DOOR */
	background-image: url(../images/taglft.gif);
	border-bottom:1px solid #888; padding:3px 0;
}
.menu2 li a.top_link span.bb {
	cursor: pointer;
	display: block;
	float: left;
	height: 1.1em;  				/* Height of DOOR */
	background-image: url(../images/tagmid.gif);
	border-bottom:1px solid #888; padding:3px 0px;
}
.menu2 li a.top_link span.cc {
	cursor: pointer;
	display: block;
	float: left;
	width:12px;
	height: 1.1em;  				/* Height of DOOR */
	background-image: url(../images/tagrgt.gif);
	border-bottom:1px solid #888; padding:3px 0;
}

.menu2 li:hover > a.top_link span.aa {
	color: #000; 									/* Black ink when hover DOOR */
	background-image: url(../images/taglft.gif);
	background-position:0 150px; 
	border-bottom:1px solid #f9f4ee;
}
.menu2 li:hover > a.top_link span.bb {
	color: #000; 
	background-image: url(../images/tagmid.gif);
	background-position:0 150px;
	border-bottom:1px solid #f9f4ee;
}
.menu2 li:hover > a.top_link span.cc {
	color: #000; 
	background-image: url(../images/tagrgt.gif);
	background-position:0 150px; 
	border-bottom:1px solid #f9f4ee;
}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menu2 a:hover {
	visibility: visible; 
	position: relative; 
	z-index: 200;
}
.menu2 li:hover {
	position: relative; 
	z-index: 200;
}
/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
	position: absolute; 
	left: -9999px; 
	top: -9999px; 
	width: 0; 
	height: 0; 
	margin: 0; 
	padding: 0; 
	list-style: none;
}
.menu2 :hover ul.sub {
	left: 0; 
	top: 20px;					  /* in IE distance between DOOR to pro_11, with 21 IE breaks */ 
	white-space: nowrap; 
	width: 120px; 
	height: auto; 
	z-index: 300;
}
.menu2 :hover ul.sub li {
	display: block; 
	height: 20px; 
	float: left; 
	width: 120px; 
	font-weight: normal; 
	background-image: url(../images/submid.png);
}
.menu2 :hover ul.sub li.fly {
	background-image: url(../images/submid_r.png);
}
.menu2 :hover ul.sub li a {
	display: block; 
	position: relative; 
	font-size: 11px;
	font-weight:600;	/* new line added */
	height: 20px; 
	width: 120px; 
	line-height: 20px; 
	/* text-indent: 10px;  */   /* menu details indented */
	color: #000000; 
	text-decoration:none;
	/* background-image: url(../images/trans.gif); */
}
.menu2 :hover ul.sub li a:hover {
	color: #990000;		/* #fff  */
}
.menu2 :hover ul.sub :hover > a {
	color: #990000;		/* #fff  */
}
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul{
	left: 120px; 
	top: 0; 
	white-space: nowrap; 
	width: 120px; 
	z-index: 400; 
	height: auto;
}
.menu2 :hover ul.sub li.subtop,
.menu2 :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop{
	background-image: url(../images/subtop.png);
}
.menu2 :hover ul.sub li.flytop,
.menu2 :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flytop{
	background-image: url(../images/subtop_r.png);
}
.menu2 :hover ul.sub li.subbot,
.menu2 :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot{
	height: 30px; 
	background-image: url(../images/subbottom.png);
}
.menu2 :hover ul.sub li.flybot,
.menu2 :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flybot{
	height: 30px; 
	background-image: url(../images/subbottom_r.png);
}

#menu_background2 {width:171px; height:30px; text-align:center;} 
.menu {
	float:right;
	padding:0;
	margin:0;
	position:absolute;
	text-align:center;							/* 									*/
	top: 121px;									/*									*/
	left: 808px;
	width: 171px;	 								/* 									*/
	font-family: Arial, Helvetica, sans-serif;	/* Here you can set the font 		*/
	font-size: 12px;
	z-index:50;
}
.menu dd {padding:0; margin:0; text-align:center;}
.menu dd span.aa {display:block; width:12px; height:1.1em; background:url(../images/taglft.gif); float:left; border-bottom:1px solid #888; padding:3px 0;}
.menu dd span.bb {height:1.1em; background:url(../images/tagmid.gif); float:left; border-bottom:1px solid #888; padding:3px 0;}
.menu dd span.cc {display:block; width:12px; height:1.1em; background:url(../images/tagrgt.gif); float:left; border-bottom:1px solid #888; padding:3px 0;}

.menu a, .menu a:visited {color:#888; text-decoration:none; font-size:1em; cursor:pointer;}
.menu a:hover {color:#000; background:#fff;}				
.menu a:hover span {background-position:0 150px; border-bottom:1px solid #f9f4ee;}

