/* 
CSS Common in All
*/


#dropdown_menu{
background: repeat-x url(../images/dropdown_menu_new.gif) left bottom;
height: 40px; /*58*/
clear: both;
padding-left: 6px;
margin: 0 0 10px 0;
z-index: 2;
position: relative;
}

#nav a{
text-decoration: none;
font: 12px verdana;
font-weight: bold;
color: white;
height: 16px; /*24*/
background-color: transparent;
display: block;
[float: left;] /*Hidden from Mozilla*/
text-align:center;
}



#nav li ul {
clear: both;
}

#nav li ul li a {
display: block;
}

#nav li {
float: left;
padding: 0;
border: 0;
margin: 0;
}

#nav a{
padding: 18px 10px 23px 10px; /*Specifically for IE 5	*/  
voice-family: "\"}\""; 
voice-family: inherit;
padding: 13px 10px 11px 10px; /*18px 10px 15px 10px*/
}

#nav li ul li:hover {
border-left: 0;
border-right: 0;
}

#nav li ul ul {
margin: -35px 0 0 241px;
width: 241px;
}

#nav li ul li {
width: 241px;
padding: 0;
}

#nav, #nav ul {
padding: 0;
margin: 0;
line-height: 1;
list-style: none;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

#nav li.menu_separator {
background: url(../images/bg_lvl_1_separator.gif) repeat-y;	
line-height:1px; 			
height:10px;
width:241px;
}

#nav li:hover.menu_separator {
background:url(../images/bg_lvl_1_separator.gif) repeat-y;				
}

#nav a.arrow {
background: url(../images/right_arrows.gif) center right no-repeat;
}

#nav li ul {
position: absolute;
width: 241px;
left: -999em;
border-bottom: 1px solid #89aabf;
}

#nav li ul li a {
margin: 0px;
/*padding: 0 0 0 10px;*/
padding: 5px 0 0 10px;
font-size: 11px;
color: white;
height: 30px;
font-weight:lighter;
/*width:159px; */
line-height:12px;
border: 1px solid #89aabf;
border-bottom: 0px;
text-align:left;
}

#nav li ul li a {
width:241px;  /*IE 5,5, */
voice-family: "\"}\""; 
voice-family: inherit;
width:229px; /*IE 6Mozilla, IE 7*/
}

#nav li ul li ul{
width: 241px;
border-bottom: 1px solid #495578;
}

#nav li ul li ul li a{
border: 1px solid #495578;
border-bottom: 0;
}

#nav li ul {
margin-left: -1px;
}

#nav, #nav ul {
line-height: 1;
}

/*Hidden from IE6*/

div>#nav li ul li a {
width:229px; 
}

div>#nav li:hover {
background-color: #485578;
border-left:1px solid #89aabf;
border-right:1px solid #89aabf;
}

div>#nav li {
background-color: transparent;
border-left:1px solid transparent;
border-right:1px solid transparent;
}

div>#nav li li {
border: 0;
}

#nav li.sfhover ul li.sfhover {
backfground-color: black;
border-left: 0;
border-right: 0;
}	

#nav li.sfhover ul li {
border-left: 0px;
border-right: 0px;
}

div>#nav ul li:hover {
background:url(../images/bg_lvl_1_hover.png) center;
}

div>#nav ul ul li:hover {
background:url(../images/bg_lvl_2_hover.png);
}

div>#nav li ul {
background-image:url(../images/bg_lvl_2_hover.png);
}

div>#nav li ul li ul li a{
background:transparent  url(../images/bg_lvl_2_link.png) center;
line-height:14px; /*20*/
}

#nav li ul li ul li:hover, #nav li ul li ul li.sfhover {
background:black;
filter: alpha(opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.9;
}

/*  Heavy use of underscore hack. The underscore is used to show CSS to IE6 only. IE6 overwrites the code which the other browsers will use. http://noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack */

#nav li ul a{
_background-color:#495578;
_filter: alpha(opacity=90);
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
_opacity:0.9;
_border-bottom: 1px solid #89aabf;
}

#nav li ul li ul a{
_background-color:#89aabf;
_filter: alpha(opacity=90);
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
_opacity:0.9;
}

#nav li {
_padding-left: 1px;
}

#nav li.sfhover {
_background-color: #485578;
_border-left: 1px solid #85a8be;
_border-right: 1px solid #85a8be;
_padding-left: 0px; /*Show to IE6*/
_margin-right: -1px; /*Show to IE6*/
}

#nav li ul li.sfhover {
_margin: 0px; /*Show to IE6; prevents the navigation on 3rd level to break*/
}

#nav a.arrow {
_background: url(../images/right_arrows.gif) center right no-repeat;
_background-color:#495578;
_filter: alpha(opacity=90);
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
_opacity:0.9;
}

#nav li ul li ul a:hover{
_background:#607788;
}

span.menutitle {
font-weight: bold;
}

.dropdownIcon {float: left; padding: 0px; border: none; margin-right: 3px;}