/* --------------------------------------------------------------------
 * Top NavBar - resides in the navBarRow/navBarCell of mainPageTable.  
 * Hold the top Navigational Bar which is a horizontal unordered list.
 * ------------------------------------------------------------------*/
/** topNavBarTable or navBarTable(Deprecated) describes the table that 
 * holds the top nav bar. */
.navBarTable, .topNavBarTable{
/*	background-color:var(--top-nav-bar-color-bg); */
 	border-color:var(--top-nav-bar-border-color);
	border-style:var(--top-nav-bar-border-style);
	border-width:var(--top-nav-bar-border-width);
	border-radius:var(--top-nav-bar-border-radius);
	height:1.8em;
	width:var(--top-nav-bar-border-width);
}
	.navBarTableRow, .topNavBarTableRow{}
		.navBarTableCell, .topNavBarTableCell{}
			/** the list that makes the top nav bar.  */
			ul.topNavBar{
				/* background-color:var(--top-nav-bar-color-bg); */
				border:none;
				border-radius:var(--top-nav-bar-border-radius);
				/** color:var(--top-nav-bar-color-fg); */
				list-style-type:none;
				line-height:2.8em;
				margin-top:0px;
				margin:0;
				padding:.25em;
			}
				li.topNavBarItem{
					/*background-color:var(--top-nav-bar-color-bg); */
					border: none;
					border-radius:10px;
					display:inline;
					font-size:1.4em;
					padding:.25em;
					padding-top:.5em;
					text-align:center;
				}
					/* The links that go in the items of the top nav bar */
					.topNavBarLink:link, .topNavBarLink:visited{
						/*background-color:var(--top-nav-bar-color-bg);*/
						border: none;
						border-radius:1em;
						color:var(--top-nav-bar-color-fg);
						font-size:1.2em;
						font-weight:bold;
						padding:0;
						text-align:left;
						text-decoration:none;
						text-transform:uppercase;
					}
					.topNavBarLink:hover, .topNavBarLink:active{
						background-color:var(--top-nav-bar-color-bg-hover);
						border: none;
						border-radius:1em;
						color:var(--top-nav-bar-color-fg-hover);
					}