﻿.topCMSListMenuUL li
{
   display: block;
   
   height:40px;
   
   width:150px;
   
   float:left;
   color:#333;
}

.topCMSListMenuLI, .topCMSListMenuHighlightedLI
{
	border-left:1px solid #bbb;
}

.topCMSListMenuUL a,.sideCMSListMenuUL a
{
	text-decoration:none;
}

.topCMSListMenuUL a, .topCMSListMenuLink, .topCMSListMenuLinkHighlighted
{
	
	display:block;
	
	padding-top:15px;
	
	margin-left:-1px;
	
	text-align:center;
	font-family:Arial;
	font-size:14px;
	color:#47483a;
}

.topCMSListMenuUL a:hover
{
    color:#000;
}

.topCMSListMenuUL li ul
{
    display:none;
}

.topCMSListMenuUL .topCMSListMenuUL .topCMSListMenuUL
{
	display:none;
}

.topCMSListMenuLI .topCMSListMenuLI a, .topCMSListMenuHighlightedLI  .topCMSListMenuLI a, .topCMSListMenuHighlightedLI  .topCMSListMenuHighlightedLI a
{
	text-decoration:none;
	display:block;

	width:236px;

	height:30px;
	height:25px;

	background-color:#cccccc;
	position:relative;
	top:11px;
	z-index:100;
	text-align:left;
	
	padding-left:10px;
	padding-top:10px;
	
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	font-size:12px;
}

.topCMSListMenuLI .topCMSListMenuLI, .topCMSListMenuHighlightedLI  .topCMSListMenuLI, .topCMSListMenuHighlightedLI  .topCMSListMenuHighlightedLI 
{
	display:block;
	
	width:245px;
	
	height:45px;
	height:35px;
	
	border:none;
}

.topCMSListMenuUL li.subTopMenu
{
   margin-top:15px;
   height:25px;   
   width:120px;
   border-left:1px solid #bbb;
}

.topCMSListMenuUL li.subTopMenu a
{
	font-size:11px;
	margin-top:-10px;
}

.topCMSListMenuUL li ul li a:hover
{
   background-color:#bbbbbb;
}

.topCMSListMenuUL li:hover > ul
{ 
	display:block;
	width:250px;
}

.topCMSListMenuUL li:hover > .topCMSListMenuUL li ul li
{ 
	display:none;
}

.topCMSListMenuUL li.subTopMenu:hover > ul
{
	display:none;
}

.topCMSListMenuUL li:first-child:hover > ul, 
.topCMSListMenuUL > *:first-child + * + *:hover > ul

/* 
Second line (new addition for 3rd menu item to be two columns is a hack that equals 
.topCMSListMenuUL li:nth-child(3):hover > ul
As there’s no support for “nth-child” in IE
http://msdn.microsoft.com/library/ff974102.aspx
http://reference.sitepoint.com/css/pseudoclass-nthchild
http://reference.sitepoint.com/css/pseudoclass-nthchild
http://www.thebrightlines.com/2010/01/04/alternative-for-nth-of-type-and-nth-child/
Hack tested in FF3.5, IE8, Chrome 8.0.552.215 beta
*/

{ 
	display:block;
	width:500px;
}

.topCMSListMenuUL li:nth-child(3):hover > ul
{
	display:block;
	width:500px;
}

.topCMSListMenuHighlightedLI
{
	background-color:#ccc;
}

.sideCMSListMenuUL li a, .sideCMSListMenuLink
{
	display:block;
	line-height:200%;
	/*****	No Need Anymore	******
	
	letter-spacing:0px;
	*****************************/
	border-bottom:1px solid white;
	padding-left:5px;
	font-family:Verdana;
	font-size:12px;
	
	padding-top:3px;
	padding-bottom:3px;
}

/*
.sideCMSListMenuUL li a
{
	background-image:url('/main/App_Themes/USOE/img/wmd_bg_menu_arrow.png');
	background-repeat:no-repeat;
	background-position:2px 8px;
}
*/

.sideCMSListMenuLI ul
{
    display:none;
}

.sideCMSListMenuLinkHighlighted
{
	display:block;
	line-height:200%;
	/*****	No Need Anymore	******
	
	letter-spacing:-0.3px;
	
	border-bottom:1px solid white;
	*****************************/

	padding-left:8px;
	font-family:Verdana;
	font-size:12px;
	
	padding-top:3px;
	padding-bottom:3px;
	
/*****	THEMED	**************
	
	background-color:#d3d3c9;
*****************************/
}

/*****	THEMED	*************

.sideCMSListMenuUL li li
{
    background-color:#e4e4da;
}
****************************/

.sideCMSListMenuUL li li a
{
	line-height:250%;
	/*****	DEPRECATED	*********
    background-position:5px 11px;
	****************************/
	font-size:11px;
	padding:0px;
	padding-left:10px;
}

.sideCMSListMenuHighlightedLI ul li.sideCMSListMenuHighlightedLI span.sideCMSListMenuLinkHighlighted
{
	font-size:11px;
	padding-left:10px;
	border-right:none;
	border-bottom:1px solid white;
}
