/* CSS Document */

div#storeLink	{
	float:right;
	font-size:10px;
	height:25px;
	padding-right:25px;
}

	div#storeLink a	{
	font-weight:normal;
	text-decoration:none;
	}

/* === TOP NAVIGATION MENU === */
#listmenu li:hover ul, #listmenu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* NEW */
#listmenu { /* all lists */
	float:left; /*--- Makes the div enclose the list NOT SURE I NEED THIS---*/
	width:558px;
	height:60px;
	padding: 0;
	margin: 0;
/*	background-image:url(../images/top-nav_bg.gif);
	background-repeat:repeat-x;
*/	font-size:11px;
	list-style: none;
	line-height: 1;
}
#listmenu ul { /* all lists */
	padding:28px 0px 0px 11px;
	margin:0px;
	list-style: none;
	line-height: 1;
}

#listmenu li { /* all list items */
	float: left;
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	/*width: 50px;  width needed or else Opera goes nuts */
	list-style-type: none; /*--- Removes the bullet off list items ---*/
	border-right:1px solid #5c6062;
}
	#listmenu li.last	{
		float:left; /*--- Causes the list to align horizontally instead of stack ---*/
		position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
		list-style-type: none; /*--- Removes the bullet off list items ---*/
		border-right:none;
}

#listmenu a {
	display: block;
}


/* END NEW */

div#listmenu ul li:hover		{
	background-color:#E49C30;
	color:#FFFFFF;
}

div#listmenu ul li:hover a	{
	color:#FFFFFF;
}

div#listmenu ul li a.topNav	{
	font-weight:bold;
	display:block; /*--- List items in drop down highlight and wrapped lines indent correctly ---*/
	padding:0px 18px 1px 18px; /*--- Space on sides of menu item's text ---*/
	text-decoration: none; /*--- Removes the underlining of the link ---*/
	color:#5c6062;
}

div#listmenu ul li a.topNav:hover	{
	font-weight:bold;
	display:block; /*--- List items in drop down highlight and wrapped lines indent correctly ---*/
	padding:0px 18px 1px 18px; /*--- Space on sides of menu item's text ---*/
	text-decoration: none; /*--- Removes the underlining of the link ---*/
	color:#ffffff;
	background-color:#E49C30;
}


div#listmenu ul li:hover ul, div#listmenu li.sfhover ul		{
	/*display:block; --- Displays appropriate drop down menu ---*/
	left: auto;
}

/*--- DROPDOWNS ---*/



div#listmenu ul li ul
{
	margin:0px 0px 0px -1px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	top:12px;
	width:165px;
	padding:0px;	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
	/*div#listmenu ul li ul.company	{
	width:150px;
	}
	
	div#listmenu ul li ul.resources	 {
	width:165px;
	}*/

div#listmenu ul li ul li
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	border-left:1px solid #5c6062; /*--- Three sides of each drop-down item ---*/
	border-bottom:1px solid #5c6062;
	border-right:1px solid #5c6062;
	padding:0px;
	margin:0px;
	background-color:#b6b6b6;
	display:block;
	color:#FFFFFF;
}
	div#listmenu ul li ul li.top
	{
		width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
		border-left:1px solid #5c6062; /*--- Three sides of each drop-down item ---*/
		border-bottom:1px solid #5c6062;
		border-right:1px solid #5c6062;
		border-top:1px solid #5c6062;
		padding:0px;
		margin:0px;
		background-color:#b6b6b6;
	}

div#listmenu ul li ul li:hover {
	background-color:#E49C30;
}

div#listmenu ul li ul li a	{
	display: block;
	font-weight:normal;
	
	padding:2px 5px 2px 20px;
	margin:0px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
}

div#listmenu ul li ul li a:hover	{
	display: block;
	margin:0px;
	font-weight:normal;
	background-color:#E49C30;
	padding:2px 5px 2px 20px;
	
}

/* === END TOP NAV STYLES === */

div#leftMenu_Title	{
	float:left;
	width:143px;
	background-color:#868687;
	color:#ffffff;
	font-size:16px;
	border-bottom:1px solid #f7f7f7;
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
}


#leftMenu	{
	width:143px;
	float:left; /*--- Makes the div enclose the list ---*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	font-size:11px;
		background-color:#BFBFBF;
	
}
	

#leftMenu ul { /* all lists */
	padding: 0;
	margin: 0;
	font-size:11px;
	list-style: none;
	float : left;
	width : 143px;
}
	
#leftMenu li.base { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	width: 143px;
	background-color:#c6c8cd;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	border-bottom:1px solid #dfe0e1;
	padding:1px 0px 0px 0px ;
	margin:0px;
	/*text-align:right;*/
	height:18px;
	display:block;
}

#leftMenu li.baseDown { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	width: 143px;
	background-color:#c6c8cd;
	background-image:url(../images/arrow-down.gif);
	background-repeat:no-repeat;
	background-position:right;
	border-bottom:1px solid #dfe0e1;
	padding:1px 0px 0px 0px ;
	margin:0px;
	/*text-align:right;*/
	height:18px;
	display:block;
}

#leftMenu li.staticStyles { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	width: 143px;
	background-color:#BFBFBF;
	border-bottom:1px solid #dfe0e1;
	padding:2px 0px 3px 0px ;
	margin:0px ;

	height:13px;
	display:block;
	font-size:10px;

}
#leftMenu li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 143px;
	margin-top : -1.66em;
	width:165px;
}


#leftMenu ul.flyoutUL	{
padding:0px 1px;
	background-color:#b6b6b6;
	border-top:5px solid #E49C30;
	border-right:1px solid #E49C30;
	border-left:1px solid #E49C30;
	border-bottom:3px solid #E49C30;
	font-size:10px;
}


#leftMenu li.flyoutStyles 	{
	background:none;
	border-bottom:none;
	padding:0px 0px 0px 0px;
	background-image:none;
	margin:0px;
	width:165px;
	background-color:#b6b6b6;
	text-align:left;	
	}




div#leftMenu ul li a  {
	display:block; /*--- List items in drop down highlight and wrapped lines indent correctly --*/
	padding:0px;/*1px 25px 2px 5px; --- Space on sides of menu item's text --*/
	text-decoration: none; /*--- Removes the underlining of the link ---*/
	width:100%;
	margin:0px;
}


#leftMenu li a {
	display : block;
	color:#f7f7f7;
	font-weight : normal;
	text-decoration : none;
	padding :0px;
}

#leftMenu li a:hover {
	color : white;
	background-color:#E49C30;
}

a.flyout	{
	color:#33CC99;
}

#leftMenu li:hover ul ul, #leftMenu li:hover ul ul ul, #leftMenu li.sfhover ul ul, #leftMenu li.sfhover ul ul ul {
	left: -999em;
}

#leftMenu li:hover ul, #leftMenu li li:hover ul, #leftMenu li li li:hover ul, #leftMenu li.sfhover ul, #leftMenu li li.sfhover ul, #leftMenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* ===================*/

#leftMenuBottom	{
	width:143px;
	float:left; /*--- Makes the div enclose the list ---*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	font-size:11px;
}
	

#leftMenuBottom ul { /* all lists */
	padding: 0;
	margin: 0;
	font-size:11px;
	list-style: none;
	float : left;
	width : 143px;
}
	
#leftMenuBottom li.base { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	width: 143px;
	background-color:#c6c8cd;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	border-bottom:1px solid #dfe0e1;
	padding:1px 0px 0px 0px ;
	margin:0px;
	/*text-align:right;*/
	height:18px;
	display:block;
}
#leftMenuBottom li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 143px;
	margin-top : -1.66em;
	width:165px;
}


#leftMenuBottom ul.flyoutUL	{
	padding:0px 1px;
	background-color:#b6b6b6;
	border-top:5px solid #E49C30;
	border-right:1px solid #E49C30;
	border-left:1px solid #E49C30;
	border-bottom:3px solid #E49C30;
	font-size:10px;
}


#leftMenuBottom li.flyoutStyles 	{
	background:none;
	border-bottom:none;
	padding:0px 0px 0px 0px;
	background-image:none;
	margin:0px;
	width:165px;
	background-color:#b6b6b6;
	text-align:left;	
	}

div#leftMenuBottom ul li a  {
	display:block; /*--- List items in drop down highlight and wrapped lines indent correctly --*/
	padding:0px;/*1px 25px 2px 5px; --- Space on sides of menu item's text --*/
	text-decoration: none; /*--- Removes the underlining of the link ---*/
	width:100%;
	margin:0px;
}


#leftMenuBottom li a {
	display : block;
	color:#f7f7f7;
	font-weight : normal;
	text-decoration : none;
	padding :0px;
}

#leftMenuBottom li a:hover {
	color : white;
	background-color:#E49C30;
}

a.flyout	{
	color:#33CC99;
}

#leftMenuBottom li:hover ul ul, #leftMenuBottom li:hover ul ul ul, #leftMenuBottom li.sfhover ul ul, #leftMenuBottom li.sfhover ul ul ul {
	left: -999em;
}

#leftMenuBottom li:hover ul, #leftMenuBottom li li:hover ul, #leftMenuBottom li li li:hover ul, #leftMenuBottom li.sfhover ul, #leftMenuBottom li li.sfhover ul, #leftMenuBottom li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

