/* Basic code - don't modify */
#nav{    float: left;    height: 42px;}
#nav > li{    background: none repeat scroll 0 0;display: block;font: 12px/35px Tahoma;padding: 0;position: absolute;z-index:10;}
#nav > li.first{background-image: url("/menu/img/first-passive.png");}
#nav > li.first > a{border-left:medium none;    padding: 0 9px 0 8px;}
#nav > li { background-position:bottom left;background-repeat:repeat;background-image: url("/menu/img/passive.png");display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav > li.select.first > a,
#nav > li.first.hover > a{padding: 0 9px 0 9px;}
#nav > li.select,
#nav > li.hover{background-image: none;}
#nav > li.select > a,
#nav > li.hover > a{color:#FFFFFF;position: relative;z-index:100000;border:medium none;padding:0 9px;}
#nav > li.select > a > span.text,
#nav > li.hover > a > span.text{color:#FFFFFF;padding-bottom: 7px;background:red;background: url("/menu/img/first-center-active.png") repeat left top;}
#nav > li.select > div.top-left,
#nav > li.hover > div.top-left{
    background: url("/menu/img/first-left-active.png") no-repeat left top;
    height: 42px;
    left: 0;
    position: absolute;
    top: 0;
    width: 9px;
	z-index:100000;
}
#nav > li.select > div.top-right,
#nav > li.hover > div.top-right{
    background: url("/menu/img/first-right-active.png") no-repeat left top;
    height: 42px;
    right: 0;
    position: absolute;
    top: 0;
    width: 9px;
	z-index:100000;
}
#nav > li > a { display: inline-block; text-decoration: none;border-right:#1274b1;padding: 0 8px;border-left: 1px solid #FFFFFF;border-right: 1px solid #B1B1B1;}
#nav > li > a > span.text{    display: inline-block;}
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
#nav ul li { float: none; position: relative; zoom: 1;}
#nav ul ul { top: 0; }
#nav ul a { zoom: 1;}
#nav a {color: #0A79AE;cursor:pointer;}
#nav a:hover {color: #9e9d9d;}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav > li > ul {
	left: 15px;
    top: 35px;
}
#nav > li > ul > li.top {	
	background-image: url("/menu/img/sub-1-top.png");
    background-position: left top;
    background-repeat: repeat-x;
    font:10px/10px Tahopma;
	height:10px;
	width: 250px;
}
#nav > li > ul > li.bottom{
	background-image: url("/menu/img/sub-1-bottom.png");
	background-color:none!important;
	background-repeat:no-repeat;
	background-position:left top;
	height:13px;
	line-height:13px;
}
#nav > li > ul > li > a{border-left:1px solid #c5c4c4;border-right:1px solid #c5c4c4;}
#nav > li > ul > li.bottom > a,#nav > li > ul > li.top > a,#nav > li > ul > li > a.has-subnav{border:medium none;}
#nav > ul{
	left: 15px;
} 
#nav > li > ul > li{
    position: relative;
    width: 260px;
    font: 11px/26px Tahoma;
	height:26px;
}
#nav > li > ul > li > a {
    background-color: #EBEAEA;
    display: block;
    margin-right: 10px;
    padding: 0 0 0 15px;
    text-decoration: none;
    font-size: 13px;
}
#nav > li > ul > li > a.has-subnav{
    background: url("/menu/img/sub-1-hover.png") repeat scroll 0 0 transparent;
    font-size: 13px;
    height: 26px;
    overflow: hidden;
    padding-right: 20px;
    width: 225px;
}
#nav ul ul{
    left: 250px;
    width: 182px;
}
#nav ul ul ul{
    left: 182px;
    width: 182px;
}
#nav ul ul > li{
    background: url("/menu/img/sub-2-bg.png") repeat scroll 0 0 transparent;
    padding-left: 15px;
    font-size: 13px;
}
#nav ul ul > li.first{
    background: url("/menu/img/sub-2-top.png") repeat scroll 0 -3px transparent;
    padding-left: 15px;
    width: 167px;
    font-size: 13px;
    height: 25px;
}
#nav ul ul > li.bottom{
    background: url("/menu/img/sub-2-bottom.png") no-repeat scroll left top transparent;
    padding: 0;
	margin:0;
	height:13px;
	line-height:13px;
}