/*
*Ã¥Â­ÂÃ¨ÂÅ“Ã¥Ââ€¢Ã¦Å“ÂªÃ©â‚¬â€°Ã¤Â¸Â­Ã¦â€”Â¶Ã¨Æ’Å’Ã¦â„¢Â¯Ã©Â¢Å“Ã¨â€°Â².second a
*Ã¥Â­ÂÃ¨ÂÅ“Ã¥Ââ€¢Ã©â‚¬â€°Ã¤Â¸Â­Ã¦â€”Â¶Ã¨Æ’Å’Ã¦â„¢Â¯Ã©Â¢Å“Ã¨â€°Â²
*Ã¦â€¢Â´Ã¤Â¸ÂªÃ¨ÂÅ“Ã¥Ââ€¢Ã¨Æ’Å’Ã¦â„¢Â¯Ã©Â¢Å“Ã¨â€°Â²
*Ã¨ÂÅ“Ã¥Ââ€¢Ã¥Ë†â€ Ã¥â€°Â²Ã§ÂºÂ¿
*Ã¨ÂÅ“Ã¥Ââ€¢Ã¦â‚¬Â»Ã¥Â®Â½Ã¥ÂºÂ¦.ddsmoothmenu
*Ã¨ÂÅ“Ã¥Ââ€¢Ã©Â¡Â¹Ã¥Â®Â½Ã¥ÂºÂ¦.firstÃ£â‚¬Â.second
*Ã¥Â­ÂÃ¨ÂÅ“Ã¥Ââ€¢Ã©Â¡Â¹Ã¥Â®Â½Ã¥ÂºÂ¦.ddsmoothmenu ul li ul li a
*/
.ddsmoothmenu{
    font: bold 12px Verdana;
    width: 1300px;
    height:35px;
    background-color:#6385BD;}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;}


/*Top level menu link items style*/
.ddsmoothmenu ul li a{display: block;background: ; /*background of menu items (default state)*/color: white;padding: 8px 10px;border-right: 1px solid #fff;text-decoration: none;}

.second a{
display: block;
background: #5789CD; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #5789CD;
text-decoration: none;
width:106px;}
.first a{
font-family: Ã¥Â®â€¹Ã¤Â½â€œ; 
font-size: 14px; 
font-weight: bold;
font-style: normal;
color: rgb(255, 255, 255);
text-align:center;}
.first{
	width: 162px;
	}

* html .ddsmoothmenu ul li a{ /*ie6 hack to get sub menu links to behave correctly*/
display: inline-block;}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;}

.ddsmoothmenu ul li a.selected{ /*css class that's dynamically added to the currently active menu items' li a element*/
background: #3e64e0; 
color: white;}

.ddsmoothmenu ul li a:hover{
background: #3e64e0; /*background of menu items during onmouseover (hover state)*/
color: white;
text-decoration:underline;}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;}

/* Ã¥Â­ÂÃ¨ÂÅ“Ã¥Ââ€¢links style */
.ddsmoothmenu ul li ul li a{font: normal 12px Verdana;width: 151px; /*Ã¥Â­ÂÃ¨ÂÅ“Ã¥Ââ€¢Ã¥Â®Â½Ã¥ÂºÂ¦Ã¯Â¼Å’Ã¦Â³Â¨Ã¦â€žÂÃ¤Â¸â€¹Ã©ÂÂ¢Ã§Å¡â€žpadding*/padding: 5px;margin: 0;}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
    display:none;}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;}

.toplevelshadow{ /*shadow opacity. doesn't work in ie*/
opacity: 0.8;}