/*** Copyright Thierry Koblentz | TJKDesign.com */
/* Because of NNv4, it is important to import these styles this way (with link media="all") */
/* We do not preload images, we mostly use the same one with different background positions */ 
/* We have also included in here the TOP LINKS CURRENT STATE rules - see bottom of the page */

#TJKnav h3,#TJKnav h4 {
	font: .75em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	display:inline
}
#TJKnav h4 {
	text-transform:none;
	font-size:.85em
}   
#TJKnav {
	margin:0 0 1px 0;
	padding:0
}
#TJKnav div {margin:0;padding:0}

/* TITLES */
.closed a, .open a {
	background: url(/img/navlink.jpg)  top right;
	letter-spacing: .2em;
	color:#fff;
	display: block;
	padding-left:10px;
	margin:1px 0;
	border-bottom:1px solid #999;
	line-height:30px;
	min-height:30px
}
*html .closed a, *html .open a {height:30px}
.closed a, .closed a:link, .closed a:visited, .open a, .open a:link, .open a:visited {
	text-decoration:none;
	color:#000
}
.closed a { /* Menu closed */
	background-position:bottom right;
}
.open a { /* Menu opened */
	background-position:top right;
}

/* Menu w/o Sub Links */
.closed a.nochild,.closed a.nochild:link, .closed a.nochild:visited,.open a.nochild, .open a.nochild:link, .open a.nochild:visited {
	text-decoration:none;
	background-position:center right;
}
/* SUB LINKS including the current *EM* element */
.open div a,.open div a:link,.open div a:visited,.closed div a,.closed div a:link,.closed div a:visited,
#TJKnav em
  {
	background: url(/img/navlink.jpg) top left; 
	color:#666;
	border-top:1px solid #fff;
	line-height:1.65em;
	min-height:1.65em;
	padding-left:20px;
	margin:0;
	letter-spacing:0
}
*html .open div a,*html .open div a:link,*html .open div a:visited,*html .closed div a,*html .closed div a:link,*html .closed div a:visited  {height:1.65em}
/* Sub Links HOVER */
.open div a:hover,.open div a:active,.open div a:focus,.closed div a:hover,.closed div a:active,.closed div a:focus {
	background-position:bottom left;
	color:#000;
}
/* To bring up the TITLES */
#p1 #m1 div,#p2 #m2 div,#p3 #m3 div,#p4 #m4 div,#p5 #m5 div,#p6 #m6 div,#p7 #m7 div {display:inline !important}
/* KEEPING CURRENT STATE */
/* MENU TITLE - UBERLINK */
#p0 #m0  a.menu,#p1 #m1  a.menu,#p2 #m2 a.menu,#p3 #m3  a.menu,#p4 #m4  a.menu,#p5 #m5  a.menu,#p6 #m6  a.menu,#p7 #m7  a.menu {color:#000;cursor:default;background:none;background-color:#fff;font-weight:600}
/* CURRENT SUB LINK using the TJK_hank() script */
/* the call to toggler.js in the FAQ pages kills TJK_hank, I have no time to take care of this now */
#TJKnav em,
#s21 #sub21,#s22 #sub22,#s291 #sub291,
#s33 #faq,#s61 #faq {color:#fff;background:url(/img/current.gif) left center no-repeat #333;border-top:1px solid #333;display:block;font-style:normal}
/* TJKNAV MENU */
/* TOP LINKS */
#search #searchL span,#accessibility #accessibilityL span,#map #mapL span,#contact #contactL span,#contact2 #contactL span {cursor:default;color:#000;background-image:url(/img/70.gif) !important}
#search #searchL:hover span.popup,#accessibility #accessibilityL:hover span.popup,#map #mapL:hover span.popup,#contact #contactL:hover span.popup,#contact2 #contactL:hover span.popup {background-image:url(/img/clear.gif) !important}
