/* nav1 is horiz. menu */
#nav1 { /*position:absolute; top:0px; left:14px;*/ /*position:relative;*/ /* somehow, position:relative crashes menu */ 
position:absolute; left: 0px; top: 97px; width: 438px; height:34px; background:url(../images/nav/nav1.png)
}
#nav1 ul { height:11px; }
#nav1 ul ul { height:auto; }
a#nav1_1, a#nav1_2, a#nav1_3, a#nav1_4{ display:block; position:relative; margin:0; padding:0; overflow:hidden; font-size:11px; cursor:pointer; }
a#nav1_1 span, a#nav1_2 span, a#nav1_3 span, a#nav1_4 span{ position: absolute; top:0; left:0; background-repeat: no-repeat; background-position: left top; cursor:pointer; }

a#nav1_1, a#nav1_1 span { width:83px; height:34px }
a#nav1_1 span, span.nav1_1 { background:url("../images/nav/nav1.png") 0px 0px no-repeat; }
a#nav1_1:hover span { background:url("../images/nav/nav1.png") 0 -34px no-repeat; }

a#nav1_2, a#nav1_2 span { width:91px; height:34px }
a#nav1_2 span, span.nav1_2 { background:url("../images/nav/nav1.png") -83px 0 no-repeat; }
a#nav1_2:hover span { background:url("../images/nav/nav1.png") -83px -34px no-repeat; }

a#nav1_3, a#nav1_3 span { width: 111px; height:34px }
a#nav1_3 span, span.nav1_3 { background:url("../images/nav/nav1.png") -173px 0 no-repeat; }
a#nav1_3:hover span { background:url("../images/nav/nav1.png") -173px -34px no-repeat; }

a#nav1_4, a#nav1_4 span { width: 101px; height:34px }
a#nav1_4 span, span.nav1_4 { background:url("../images/nav/nav1.png") -284px 0 no-repeat; }
a#nav1_4:hover span { background:url("../images/nav/nav1.png") -284px -34px no-repeat; }




#nav2 {
width:184px; height:284px;background:url(../images/nav/nav2.jpg);}
 
 
#nav2 ul { height:11px; }
#nav2 ul ul { height:auto; }
a#nav2_1, a#nav2_2, a#nav2_3, a#nav2_4, a#nav2_5, a#nav2_6, a#nav2_7, a#nav2_8, a#nav2_9, a#nav2_10 { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; }
a#nav2_1 span, a#nav2_2 span, a#nav2_3 span, a#nav2_4 span, a#nav2_5 span, a#nav2_6 span, a#nav2_7 span, a#nav2_8 span, a#nav2_9 span, a#nav2_10 span { position: absolute; top:0; left:0; background-repeat: no-repeat; background-position: left top; cursor:pointer; padding:0; margin:0 }

a#nav2_1, a#nav2_1 span { width: 184px; height:29px }
a#nav2_1 span, span.nav2_1 { background:url("../images/nav/nav2.png") 0px 0px no-repeat; }
a#nav2_1:hover span { background:url("../images/nav/nav2.png") -184px 0 no-repeat; }

a#nav2_2, a#nav2_2 span { width: 184px; height:28px }
a#nav2_2 span, span.nav2_2 { background:url("../images/nav/nav2.png") 0px -29px no-repeat; }
a#nav2_2:hover span { background:url("../images/nav/nav2.png") -184px -29px no-repeat; }

a#nav2_3, a#nav2_3 span { width: 184px; height:27px }
a#nav2_3 span, span.nav2_3 { background:url("../images/nav/nav2.png") 0 -57px no-repeat; }
a#nav2_3:hover span { background:url("../images/nav/nav2.png") -184px -57px no-repeat; }

a#nav2_4, a#nav2_4 span { width: 184px; height:27px }
a#nav2_4 span, span.nav2_4 { background:url("../images/nav/nav2.png") 0 -84px no-repeat; }
a#nav2_4:hover span { background:url("../images/nav/nav2.png") -184px -84px no-repeat; }

a#nav2_5, a#nav2_5 span { width: 184px; height:27px }
a#nav2_5 span, span.nav2_5 { background:url("../images/nav/nav2.png") 0 -111px no-repeat; }
a#nav2_5:hover span { background:url("../images/nav/nav2.png") -184px -111px no-repeat; }

a#nav2_6, a#nav2_6 span { width: 184px; height:27px }
a#nav2_6 span, span.nav2_6 { background:url("../images/nav/nav2.png") 0 -138px no-repeat; }
a#nav2_6:hover span { background:url("../images/nav/nav2.png") -184px -138px no-repeat; }

a#nav2_7, a#nav2_7 span { width: 184px; height:27px }
a#nav2_7 span, span.nav2_7 { background:url("../images/nav/nav2.png") 0 -165px no-repeat; }
a#nav2_7:hover span { background:url("../images/nav/nav2.png") -184px -165px no-repeat; }

a#nav2_8, a#nav2_8 span { width: 184px; height:27px }
a#nav2_8 span, span.nav2_8 { background:url("../images/nav/nav2.png") 0 -192px no-repeat; }
a#nav2_8:hover span { background:url("../images/nav/nav2.png") -184px -192px no-repeat; }

a#nav2_9, a#nav2_9 span { width: 184px; height:27px }
a#nav2_9 span, span.nav2_9 { background:url("../images/nav/nav2.png") 0 -219px no-repeat; }
a#nav2_9:hover span { background:url("../images/nav/nav2.png") -184px -219px no-repeat; }

a#nav2_10, a#nav2_10 span { width: 184px; height:28px }
a#nav2_10 span, span.nav2_10 { background:url("../images/nav/nav2.png") 0 -246px no-repeat; }
a#nav2_10:hover span { background:url("../images/nav/nav2.png") -184px -246px no-repeat; }






/* horiz -> jd_menu           jd_menu_slate
/* vert  -> jd_menu_vertical  jd_menu_slate
/**********************************************************
/** JDMENU
/**********************************************************/

ul.jd_menu, ul.jd_menu_vertical { list-style-type: none; margin:0; padding:0; }
ul.jd_menu ul, ul.jd_menu_vertical ul { display: none; }
ul.jd_menu li {	float: left; }

/* -- Sub-Menus -- */
ul.jd_menu ul, ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	z-index: 10000;
}
ul.jd_menu ul li, ul.jd_menu_vertical ul li { float: none; }

/**********************************************************
/** JDMENU SLATE
/**********************************************************/

ul.jd_menu_slate {
	/*height: 20px;*/ /* no need */
	border-right: 0px solid #fff; /* border requred */
	border-left: 0px solid #fff; /* border requred */
	clear: both;
}

ul.jd_menu_vertical {height: auto; clear: both; }



ul.jd_menu_slate a, 
ul.jd_menu_slate a:active,
ul.jd_menu_slate a:link,
ul.jd_menu_slate a:visited {
	text-decoration: none; color: ##a4abc5;
}
ul.jd_menu_slate ul li a,
ul.jd_menu_slate ul li a:active,
ul.jd_menu_slate ul li a:link,
ul.jd_menu_slate ul li a:visited {
	color: #a4abc5;
}
ul.jd_menu_slate li {
	padding: 0px 0px 1px 0px;
	cursor: pointer;
	white-space: nowrap;
	color: #a4abc5;
}
ul.jd_menu_slate li.jd_menu_active_menubar,
ul.jd_menu_slate li.jd_menu_hover_menubar {
	color: #a4abc5;
}

ul.jd_menu_vertical li.jd_menu_active_menubar,
ul.jd_menu_vertical li.jd_menu_hover_menubar {
}

/* -- Sub-Menus -- */

ul.jd_menu_slate ul {
	background-color: #EEE;
	border: 1px solid #FFF;
}
ul.jd_menu_slate ul li {
	padding:3px 10px 3px 4px;
	background-color: #161b30;
	color: #fff;
    font-weight:bold;
    border-bottom:1px solid #a4abc5
}

ul.jd_menu_slate ul li.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover {
	background-color: #333;
	color: #FFF;
}
ul.jd_menu_slate ul li.jd_menu_active a.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover a.jd_menu_hover {
	color: #FFF;
}