/********************************************************************************* 
* Side Navigation Bar Settings - Start
*
* These settings are more complicated than need to be in order to support IE6
* which isn't a W3C compliant browser with styles.
**********************************************************************************/


/*
* This is the primary UL element that defines the side navigation bar menu.
* Each navigation entry will be an LI element that contains an A
* element.  Sub menu items will be a nested UL elements inside of each appropriate
* LI element, and this nesting can occur at any level.
*/
#sideNavigationMenu_UL1 
{				
	background-color: #eee;
	border-top: solid 1px #ccc;
	border-left: 0;
	border-right: 0;
	float: left;
	left: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	
	/* 
	* This setting must be coordinated with the width of the "pageBodyContentNextToSideNav" DIV element
	* in the 0105OverallPageLayout.css file.  The total of both values will 
	* typically need to be slightly less than 100 to keep the "side navigation menu"
	* from pushing below the FORM element. 
	*/
	width: 17%; 
	height: 100%;
	list-style-type: none;
}

* html #sideNavigationMenu_UL1
{
		zoom: 1;			/* Adding "layout" is frequently necessary to overcome IE bugs. */						   
}


/*
* General characteristics for all LI elements, including those nested in sub UL elements.
*/
#sideNavigationMenu_UL1 li 
{
	/* 
	* Don't indent the LI elements.  We will instead indent the A elements that contain
	* the text for each menu item.
	*/
	margin: 0; 
}

/*
* Each sub menu is a nested UL element.  These specify the 
* general characteristics for all nested UL elements, regardless of the nesting
* level.
*/
#sideNavigationMenu_UL1 ul 	
{
	/*
	* We don't want the UL itself to have any margins or padding.  We will control
	* that with the elements it contains.
	*/
	margin: 0;
	padding: 0; 
	list-style: none;
}

/*
* These are the general characteristics to apply to all A elements in the
* page-menu, for all primary and nested sub-menus.  
* Widths/indentions are specified via class names below for each menu level.
*/
#sideNavigationMenu_UL1 a 
{
	display: block;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #ccc;
	border-left: 0;
	border-right: 0;
	color: #333;
	text-decoration: none;
	font-size: .85em;
	padding-bottom: .5em;
	padding-top: .5em;
}

/*
* General roll-over characteristics for all A elements.  Change the background
* color and make the text underlined as the mouse is placed over the element.
*/
#sideNavigationMenu_UL1 a:focus,
#sideNavigationMenu_UL1 a:hover 
{
	background-color: #ddd;
	text-decoration: underline;
}

/*
* General characteristics for A elements that do not have a URL - IE no
* where to link to.
*/
#sideNavigationMenu_UL1 a.nolink 
{
	/* Remove underline so it is obvious that clicking on it won't do anything */
	text-decoration: none !important; 
	/* Force standard background color so it won't change when the mouse is placed over it. */
	background-color: #eee !important;
}


/*
* The framework will automatically generate class names for each 
* hierarchical level of menus.  1 is the first and primary level, 2 is the
* first level of sub menus, etc.  You must specify a style for as many levels
* of sub-menus based on how deep you have nested entries in your web.sitemap
* file.
* 
* Notes about width and padding:
* - To make the A element the same width as the containing LI
*   element we must make the following 3 attributes add up to
*   100%:  width, padding-left and padding-right.
* - If you make the width 100%, and also give values to 
*   padding-right and padding-left, then the A element will 
*   extend beyond the width the of the LI element making
*   it difficult to align borders and such.
*/
.sideNavigationMenu_A1,
.sideNavigationMenu_A1Selected
{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}

.sideNavigationMenu_A2,
.sideNavigationMenu_A2Selected
{
	width: 89%;
	padding-left: 8%;
	padding-right: 3%;

}
.sideNavigationMenu_A3,
.sideNavigationMenu_A3Selected
{
	width: 84%;
	padding-left: 13%;
	padding-right: 3%;

}
.sideNavigationMenu_A4,
.sideNavigationMenu_A4Selected
{
	width: 79%;
	padding-left: 18%;
	padding-right: 3%;

}
.sideNavigationMenu_A5,
.sideNavigationMenu_A5Selected
{
	width: 74%;
	padding-left: 23%;
	padding-right: 3%;

}
.sideNavigationMenu_A6,
.sideNavigationMenu_A6Selected
{
	width: 69%;
	padding-left: 28%;
	padding-right: 3%;

}

.sideNavigationMenu_A2,
.sideNavigationMenu_A3,
.sideNavigationMenu_A4,
.sideNavigationMenu_A5,
.sideNavigationMenu_A6
{
	background-color: #FCFCFC;
}

/*
* Settings for the select page menu entry, regardless of which level
* the entry is in.  These settings should control colors but not placement
* or indentions.
*/
.sideNavigationMenu_A1Selected,
.sideNavigationMenu_A1Selected:link,
.sideNavigationMenu_A1Selected:visited,
.sideNavigationMenu_A1Selected:focus,
.sideNavigationMenu_A1Selected:hover,
.sideNavigationMenu_A2Selected,
.sideNavigationMenu_A2Selected:link,
.sideNavigationMenu_A2Selected:visited,
.sideNavigationMenu_A2Selected:focus,
.sideNavigationMenu_A2Selected:hover,
.sideNavigationMenu_A3Selected,
.sideNavigationMenu_A3Selected:link,
.sideNavigationMenu_A3Selected:visited,
.sideNavigationMenu_A3Selected:focus,
.sideNavigationMenu_A3Selected:hover,
.sideNavigationMenu_A4Selected,
.sideNavigationMenu_A4Selected:link,
.sideNavigationMenu_A4Selected:visited,
.sideNavigationMenu_A4Selected:focus,
.sideNavigationMenu_A4Selected:hover,
.sideNavigationMenu_A5Selected,
.sideNavigationMenu_A5Selected:link,
.sideNavigationMenu_A5Selected:visited,
.sideNavigationMenu_A5Selected:focus,
.sideNavigationMenu_A5Selected:hover,
.sideNavigationMenu_A6Selected,
.sideNavigationMenu_A6Selected:link,
.sideNavigationMenu_A6Selected:visited,
.sideNavigationMenu_A6Selected:focus,
.sideNavigationMenu_A6Selected:hover
{
/*
	background-color: #c8db00 !important;
*/
	text-decoration: none !important;
	color: #000;
	font-weight:bold;
	cursor:default;
}