/* nav1 is horiz. menu */
#nav1 {
	/*position:absolute; top:0px; left:14px;*/
	/*position:relative;*/ /* somehow, position:relative crashes menu */
	background:url("../images/menu1.jpg") no-repeat;
	width:766px; 
	z-index:99;
	text-indent:-5000em;
	float:right
}
#nav1 ul { height:42px; }
#nav1 ul ul  { height:auto; }

a#nav1_1, a#nav1_2, a#nav1_3, a#nav1_4, a#nav1_5, a#nav1_6, a#nav1_7, a#nav1_8 {
	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, a#nav1_6 span, a#nav1_7 span, a#nav1_8 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: 51px; height:48px; }
a#nav1_1 span, span.nav1_1 { background:url("../images/menu1.jpg") 0px 0px no-repeat; }
a#nav1_1:hover span        { background:url("../images/menu1.jpg") 0px -48px no-repeat; }

a#nav1_2, a#nav1_2 span    { width: 102px; height:48px }
a#nav1_2 span, span.nav1_2 { background:url("../images/menu1.jpg") -51px 0px no-repeat; }
a#nav1_2:hover span        { background:url("../images/menu1.jpg") -51px -48px no-repeat; }

a#nav1_3, a#nav1_3 span    { width: 64px; height:48px; }
a#nav1_3 span, span.nav1_3 { background:url("../images/menu1.jpg") -153px 0px no-repeat;   }
a#nav1_3:hover span        { background:url("../images/menu1.jpg") -153px -48px no-repeat; }

a#nav1_4, a#nav1_4 span    { width: 139px; height:48px; }
a#nav1_4 span, span.nav1_4 { background:url("../images/menu1.jpg") -217px 0px no-repeat;  }
a#nav1_4:hover span        { background:url("../images/menu1.jpg") -217px -48px no-repeat; }

a#nav1_5, a#nav1_5 span    { width: 121px; height:48px }
a#nav1_5 span, span.nav1_5 { background:url("../images/menu1.jpg") -356px 0px no-repeat; }
a#nav1_5:hover span        { background:url("../images/menu1.jpg") -356px -48px no-repeat;}

a#nav1_6, a#nav1_6 span    { width: 123px; height:48px }
a#nav1_6 span, span.nav1_6 { background:url("../images/menu1.jpg") -477px 0px no-repeat; }
a#nav1_6:hover span        { background:url("../images/menu1.jpg") -477px -48px no-repeat;}

a#nav1_7, a#nav1_7 span    { width: 78px; height:48px; }
a#nav1_7 span, span.nav1_7 { background:url("../images/menu1.jpg") -600px 0px no-repeat;   }
a#nav1_7:hover span        { background:url("../images/menu1.jpg") -600px -48px no-repeat; }

a#nav1_8, a#nav1_8 span    { width: 83px; height:48px; text-indent:-5000em;}
a#nav1_8 span, span.nav1_8 { background:url("../images/menu1.jpg") -683px 0px no-repeat;  }
a#nav1_8:hover span        { background:url("../images/menu1.jpg") -683px -48px no-repeat; }

/***********************************************************/
/***********************************************************/

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

a#nav2_1, a#nav2_2, a#nav2_3, a#nav2_4, a#nav2_5, a#nav2_6, a#nav2_7, a#nav2_8 {
	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 {
	position: absolute;
	top:0; left:0;
	background-repeat: no-repeat;
	background-position: left top;
	cursor:pointer;
}


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

a#nav2_2, a#nav2_2 span    { width: 121px; height:84px }
a#nav2_2 span, span.nav2_2 { background:url("../images/nav/menu2.png") -121px 0px no-repeat; }
a#nav2_2:hover span        { background:url("../images/nav/menu2.png") -121px -84px no-repeat; }

a#nav2_3, a#nav2_3 span    { width: 119px; height:84px }
a#nav2_3 span, span.nav2_3  { background:url("../images/nav/menu2.png") -242px 0px no-repeat; }
a#nav2_3:hover span        { background:url("../images/nav/menu2.png") -242px -84px no-repeat; }

a#nav2_4, a#nav2_4 span    { width: 121px; height:84px }
a#nav2_4 span, span.nav2_4 { background:url("../images/nav/menu2.png") -361px 0px no-repeat; }
a#nav2_4:hover span        { background:url("../images/nav/menu2.png") -361px -84px 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 a, 
ul.jd_menu a:active,
ul.jd_menu a:link,
ul.jd_menu a:visited {
	text-decoration: none; color: #09366F;font-size:12px
}
ul.jd_menu ul li a,
ul.jd_menu ul li a:active,
ul.jd_menu ul li a:link,
ul.jd_menu ul li a:visited {
	color: #09366F;font-size:12px
}
ul.jd_menu li {
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	white-space: nowrap;
	color: #09366F;
}
ul.jd_menu li.jd_menu_active_menubar,
ul.jd_menu li.jd_menu_hover_menubar {
	color: #09366F;
}

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

/* -- Sub-Menus -- */

ul.jd_menu ul {
	background-color: #FBFDFE;
	border: 1px solid #09366F;
	text-align: left;
	font-size:12px
}
ul.jd_menu ul li {
	padding: 3px 10px 3px 4px;
	background-color: #FBFDFE;
	color: #000;
	font-size:12px; border-bottom:1px dotted #3887BD;
}

ul.jd_menu ul li.jd_menu_active,
ul.jd_menu ul li.jd_menu_hover {
	background-color: #3887BD;
	color: #FFF;
}
ul.jd_menu ul li.jd_menu_active a.jd_menu_active,
ul.jd_menu ul li.jd_menu_hover a.jd_menu_hover {
	color: #FFF;
}