/* nav1 is horiz. menu */
#nav1 {
	/*position:absolute; top:0px; left:14px;*/
	/*position:relative;*/ /* somehow, position:relative crashes menu */
	background:url("../images/nav/nav1.png") no-repeat;
	width:381px;
	height:25px; 
	z-index:99;
	float:left;
}
#nav1 ul { height:11px; }
#nav1 ul ul  { height:auto; }

a#nav1_1, a#nav1_2, a#nav1_3, a#nav1_4, a#nav1_5 {
	display:block;
	position:relative;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#nav1_1 span, a#nav1_2 span, a#nav1_3 span, a#nav1_4 span, a#nav1_5 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: 52px; height:25px }
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") 0px -26px no-repeat; }

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

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

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

a#nav1_5, a#nav1_5 span    { width: 96px; height:25px }
a#nav1_5 span, span.nav1_5 { background:url("../images/nav/nav1.png") -285px 0px no-repeat;  }
a#nav1_5:hover span        { background:url("../images/nav/nav1.png") -285px -26px no-repeat; }






/* nav2 is horiz. menu */
#nav2 {
	/*position:absolute; top:0px; left:14px;*/
	/*position:relative;*/ /* somehow, position:relative crashes menu */
	background:url("../images/nav/nav2.png") no-repeat;
	width:210px;
	height:25px; 
	z-index:99;
	float:left;
}
#nav2 ul { height:11px; }
#nav2 ul ul  { height:auto; }

a#nav2_1, a#nav2_2, a#nav2_3 {
	display:block;
	position:relative;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#nav2_1 span, a#nav2_2 span, a#nav2_3 span{
	position: absolute;
	top:0; left:0;
	background-repeat: no-repeat;
	background-position: left top;
	cursor:pointer;
}


a#nav2_1, a#nav2_1 span    { width: 94px; height:25px }
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") 0px -26px no-repeat; }

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

a#nav2_3, a#nav2_3 span    { width: 46px; height:25px; }
a#nav2_3 span, span.nav2_3 { background:url("../images/nav/nav2.png") -164px 0px no-repeat;   }
a#nav2_3:hover span        { background:url("../images/nav/nav2.png") -164px -26px 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 { width: 291px; 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: #222;
}
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: #283355;
}
ul.jd_menu_slate li {
	padding: 0px 0px 1px 0px;
	cursor: pointer;
	white-space: nowrap;
	color: #222;
}
ul.jd_menu_slate li.jd_menu_active_menubar,
ul.jd_menu_slate li.jd_menu_hover_menubar {
	color: #222;
}

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: #8ca2ba;
	color: #fff; font-weight:bold
}

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;
}