/*******************************************************************************
 *** Navigation Bar Menu                                                     ***
 *******************************************************************************/

/***
 *** General Navigation Bar display properties...
 *** (1) Create background for entire menu based on a "stacked" image
 *** (2) Reduce line-height common to all lists (and sub-lists) to conserve space
 *** (3) Left-align all text
 ***/
.nav-bar {
	/*background: transparent url(menu_bg.jpg) repeat-y scroll top left;*/
	line-height: 1.05em;
	text-align: left;
}

/***
 *** Reduce indentation common to all [sub] LISTS...
 *** (1) "margin" affects Firefox
 *** (2) "padding" affects IE
 ***/
.nav-bar tr ul {
	margin: 0pt 0.5em;
	padding: 0pt 0.5em;
}

/***
 *** Define default display properties for all [sub] LISTITEMS...
 *** (1) Border for each entry
 *** (2) Standard Font Weight
 *** (3) No list bullets/numbers
 ***/
.nav-bar tr ul li {
	border-top: thin dotted white;
	font-weight: normal;
	list-style: none;
}

/***
 *** Explicitly force all TABLECELL backgrounds transparent (specifically for IE)
 ***/
.nav-bar .portal th,
.nav-bar .portal td {
	background: transparent;
}
.nav-bar .portal td {
	margin: 2px 0 2px 0;
}

/***
 *** Create WHITE line above each PORTAL and "Visit the South Centers" menu options
 ***/
.nav-bar .portal td,
.nav-bar .visit-the-south-centers td {
	border-top: thin solid white;
}

/***
 *** Define PORTAL-specific display properties of ANCHORS...
 *** (1) Foreground WHITE
 *** (2) Font style, variant, weight, size, family.
 *** (3) Reduce line-height to remove small (background colored) gap between lines
 ***/
.nav-bar .portal td a {
	padding: 2px 2px;
	display:block;
	color: white;
	font: normal normal lighter 13px;
	letter-spacing: 1px;
	width:100%;
}

/***
 *** Define DEFAULT and CHILD-specific display properties of ANCHORS...
 *** (1) Foreground BLACK
 *** (2) Font style, variant, weight, size, family.
 *** (3) No underlining of links
 ***/
.nav-bar a,
.nav-bar .child a {
	padding: 3px 0 3px 0;
	color: black;
	font: normal normal normal 10px;
	text-decoration: none;
	display:block;
	width:100%;
}

/***
 *** Provide "Hanging Indentation" on text of all ANCHORS (when they wrap)
 *** NOTE: Replaced with dotted border below each [sub] LISTITEM
 ***/
/*.nav-bar a {
	margin-left: -5px;
}*/
/***
 *** Shift all PARENT cell contents right (to compensate for "Hanging Indentation")
 *** NOTE: Replaced with dotted border below each [sub] LISTITEM
 ***/
/*.parent td {
	padding-left: 5px;
}*/

/***
 *** Define behavior/look of ANCHORS for ALL menu options (when either "Hovered" or "Selected")...
 *** [1] Background WHITE
 *** (2) Foreground RED
 ***/
.nav-bar .nav-button:hover {
	background-color: #8ebf3a; /* originally the color was white */
}
.nav-bar .nav-button.selected a,
.nav-bar .nav-button:hover a {
	color:white;
	/*font-weight: bold;*/
}
/* IE hack:vvv - IE doesn't support div:hover */
* html .nav-bar .nav-button a:hover {
	background-color: #8ebf3a;
}
* html .nav-bar .nav-button.selected a,
* html .nav-bar .nav-button a:hover {
	color: white;
}
/* IE hack:^^^*

/***
 *** Display behavior/look of ANCHORS for all PORTAL menu options (when either "Hovered" or "Selected")...
 *** [1] Background WHITE
 *** (2) Foreground BLACK
 ***/
.nav-bar .portal .nav-button.selected,
.nav-bar .portal .nav-button:hover {
	background-color: #8ebf3a;
}
.nav-bar .portal .nav-button.selected a,
.nav-bar .portal .nav-button:hover a {
	color: white; /* the color originally was black and is white */
	/*font-weight: normal;*/
}
/* IE hack:vvv - IE doesn't support div:hover */
* html .nav-bar .portal .nav-button.selected,
* html .nav-bar .portal .nav-button a:hover {
	background-color: #8ebf3a;
}
* html .nav-bar .portal .nav-button.selected a,
* html .nav-bar .portal .nav-button a:hover a {
	color: black;
	/*font-weight: normal;*/
}
/* IE hack:^^^*