/*******************************************************************************
 jdtabs
 A so-called "Web 2.0" Navigation bar, done in CSS2 with a Javascript cheat to
 allow the submenus to function. Graceful (but ugly) fallback for non-JavaScript
 browsers is supported.
 ******************************************************************************/

/*==============================================================================
  Basic display
 =============================================================================*/
#navregion { position: relative; top: 0; left: 0;}
#navregion .jdtabs {
			padding: 5px 0 5px 0;
			width: 98%;
			font-family: "Myriad Pro", "Tahoma", Helvetica, sans-serif;
			font-size: 12pt;
			text-align: left;
			color: rgb(0,104,55);					/* darkest green */
			border: thin ridge rgb(149, 206, 139);  /* darker green */
			background-color: rgb(208,230,187);     /* lighter green */
			margin-left: 1%;
}

#navregion .jdtabs,
#navregion .jdtabs a {
			color: rgb(0,104,55);
			white-space: nowrap;
			text-decoration: none;
}

#navregion .jdtabs a:hover {
			text-decoration: underline;
}


/*==============================================================================
  Set up the *outer* UL display
 =============================================================================*/
#navregion .jdtabs ul
{
			margin: 0 0 0 0;
			padding: 0 20pt 0 0;
			list-style: none;
}

/*==============================================================================
  Set up the *inner* UL display
 =============================================================================*/
#navregion .jdtabs-subnav ul
{
			padding-left: 1.0em;
}

/*==============================================================================
  Set up the *inner* UL display LI's
 =============================================================================*/
#navregion .jdtabs-subnav li
{
			display: inline;
			padding-right: 1.0em;
			font-size: smaller;
}

#navregion .jdtabs-subnav li a:hover
{
			text-decoration: underline;
}


/*==============================================================================
  HIGHLIGHT the currently selected bank of menu items.
 =============================================================================*/
#navregion div.Tab1 .jdtabs li#NavTab1,
#navregion div.Tab2 .jdtabs li#NavTab2,
#navregion div.Tab3 .jdtabs li#NavTab3,
#navregion div.Tab4 .jdtabs li#NavTab4,
#navregion div.Tab5 .jdtabs li#NavTab5,
#navregion div.Tab6 .jdtabs li#NavTab6,
#navregion div.Tab7 .jdtabs li#NavTab7,
#navregion div.Tab8 .jdtabs li#NavTab8,
#navregion div.Tab9 .jdtabs li#NavTab9
{
			background: rgb(149,206,139);
}

/*==============================================================================
  Hide but selectively show the subnavigator box.
 =============================================================================*/
#navregion .jdtabs-subnav
{
			display: none;
}

#navregion div.Tab1 	.jdtabs-subnav#subNavTab1,
#navregion div.Tab2 	.jdtabs-subnav#subNavTab2,
#navregion div.Tab3 	.jdtabs-subnav#subNavTab3,
#navregion div.Tab4 	.jdtabs-subnav#subNavTab4,
#navregion div.Tab5 	.jdtabs-subnav#subNavTab5,
#navregion div.Tab6 	.jdtabs-subnav#subNavTab6,
#navregion div.Tab7 	.jdtabs-subnav#subNavTab7,
#navregion div.Tab8 	.jdtabs-subnav#subNavTab8,
#navregion div.Tab9 	.jdtabs-subnav#subNavTab9
{
			display: block;
}


/*==============================================================================
  IE and maybe other browsers need this to clear the previous floats.
 =============================================================================*/
#navregion br { clear: both; }


#navregion .jdtabs-subnav ul.Sub1 li.NavSub1 a,
#navregion .jdtabs-subnav ul.Sub2 li.NavSub2 a,
#navregion .jdtabs-subnav ul.Sub3 li.NavSub3 a,
#navregion .jdtabs-subnav ul.Sub4 li.NavSub4 a,
#navregion .jdtabs-subnav ul.Sub5 li.NavSub5 a,
#navregion .jdtabs-subnav ul.Sub6 li.NavSub6 a,
#navregion .jdtabs-subnav ul.Sub7 li.NavSub7 a,
#navregion .jdtabs-subnav ul.Sub8 li.NavSub8 a,
#navregion .jdtabs-subnav ul.Sub9 li.NavSub9 a {
	cursor: default; 
	text-decoration: none; 
	font-weight: normal;
	color: black;
	border-bottom: 1px dotted black;
}


#navregion a.linktositemap {
	display: block;
	width: auto;
	position: absolute;
	right: 1em;
	top: 1em;
	color: black;
	font-size: 9pt;
	font-style: bold;
	text-decoration: none;
}
#navregion a.linktositemap:hover {
	color: blue;
	text-decoration: underline;
}