/********************************************************************* 
* Remedy Ticket:       7505
* File:                www/webpages/-/styles/leftnav_internal.css (absolute path)
* Creation Date:       2008/04/08
* Created by:          Chad Phillips, USNA Web Design Team
* Revision:            2008/04/09
* Description:         Stylesheet for left navigation, Intranet-only
* Last Modified Date:  2009/06/24
* Last Modified by:    C. David Dent
* Reason for Mod:      repourposed the 'breadcrumb' portions to have 'critical' items
							   that are styled differently
*********************************************************************/

.navBar{
   float: left;
   width: 160px;
   margin: 0px 0px 2em 10px; 
   padding: 0px;
}

/***** NavBar list styles *****/
.navBar ul {
   list-style: none;
   list-style-position: outside;
   word-spacing: normal;
   
   margin: 0;
   padding: 0;
   
   width: 100%;
   
   overflow: hidden;
   
   background-color: #eeeeee;
   border-right: 0px solid #eeeeee;
   border-bottom: 0px solid #cccccc;
   border: 1px solid #000080;
}


/***** NavBar list item styles *****/
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
.navBar li {
   border-bottom: 1px solid #EEE;
   margin: 0;
   padding: 0;
}

/* fix for browsers that don't need the hack */
html>body .navBar li {
   border-bottom: none;
}


/***** NavBar list link styles *****/
.navBar ul li a, .navBar ul li a:link, .navBar ul li a:visited {
   width: 100%;  /* causes IE to make the links full width, but for some reason
   misaligns them in other browsers */
   height: 100%;
   display: block;
   
   margin: 0;
   padding: .5em;
   
   font-family: Helvetica;
   font-weight: bold;
   text-decoration:none;
   
   border-top: 1px solid #fff;
   
   color: #000080;
   
   /* For a beveled look... */
   /*
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   */
}

.navBar ul li a, .navBar ul li a:hover {
   font-size: .9em;
}

html>body .navBar ul li a {     /* IE ignores this selector */
   width: auto;            /* corrects alignment in non-IE browsers */
}
.navBar ul li.critical a{
	background-color:#CC0000; /* dark red */
	color: white; 
}
.navBar ul li a:hover{
   color: #8D816B;
   text-decoration:none;
   background-color: #FFFFFF;
}
.navBar ul li.critical a:hover{
	color: #FF0000;
}
/************** Submenus *******************/
.navBar ul ul, .navBar ul ul ul {
border: 0px;
}

.navBar ul ul li {
padding-right: 1em;
}

.navBar ul ul li a
, .navBar ul ul li a:link
, .navBar ul ul li a:visited {
padding: .2em;
padding-left: 1em;
}

/* sub-sub menus */
.navBar ul ul ul {
position: absolute;
top: -6px;
left: 190px;
width: 700px;
background-color: transparent;
border-bottom: 2px double #FF9900;
}
.navBar ul ul ul li {
display: block-inline;
float: left;
border: 0;
padding: 0;
padding-right: 16px;
margin: 0;
text-indent: 0;
margin-right: 1em;
}
.navBar ul ul ul li a
, .navBar ul ul ul li a:link
, .navBar ul ul ul li a:visited {
	border: 1px solid #000080;
	border-bottom: 0px;
	padding-left: 16px;
}
/************** #On Section Link **************/
.buttonOn {
   text-decoration: none;
   background-color: #FFFFFF;
}
.navBar ul li.critical .buttonOn {
   color: #fee99f;
}
.navBar ul li a.noLink {
   color: #888;
}