/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu 
{
/*font-family: arial, sans-serif;*/ 
width:950px; 
/*height:100px;*/ 
position:relative; 
/*font-size:11px;*/  
z-index:100;
}

/*ng to set li width*/
.menu li
{
width: 190px;
}

.menu ul li a, .menu ul li a:visited 
{
display:block; 
text-decoration:none; 
color:#000;
/*width:104px;*/
height:30px; 
text-align:left; 
color:#fff; 
/*border:1px solid #fff; */
border-bottom:1px solid #fff; 
/*background:#710069; */
line-height:30px;
/*font-size:11px;*/ 
font-size:1.4em;
overflow:hidden;
}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a 
{
color:#fff; 
/*background:#36f;*/
}

.menu ul li:hover ul 
{
display:block; 
position:absolute; 
top:30px; 
left:0; 
/*width:190px;*/
}

.menu ul li:hover ul li a.hide 
{
/*background:#6a3; */
color:#fff;
}

.menu ul li:hover ul li:hover a.hide 
{
/*background:#6fc;*/ 
color:#fff;
}

.menu ul li:hover ul li ul 
{
display: none;
}

.menu ul li:hover ul li a 
{
display:block; 
/*background:#ddd; */
color:#fff;
}

.menu ul li:hover ul li a:hover 
{
/*background:#6fc; */
color:#fff;
}

.menu ul li:hover ul li:hover ul 
{
display:block; 
position:absolute; 
left:105px; 
top:0;
}

.menu ul li:hover ul li:hover ul.left 
{
left:-105px;
}


/*njg*/
.menu a
{
padding-left: 5px;
}


/*nav 1 pink*/
#navPink {
	background-color:#b10069;
}

#navPink li {
	height:30px;
	cursor:pointer;
	background-color:#b10069;
}

#navPink ul li
{
background-color:#dc8cbb;
border-bottom: solid 1px #fff;
}

#navPink ul li:hover, #navPink ul li.sfhover 
{ 
background-color:#c4408e;
}
/*end of nav 1 pink*/

/*nav 2 purple*/
#navPurple {
	background-color:#77278b;
}

#navPurple li {
	height:30px;
	cursor:pointer;
	background-color:#77278b;
}

#navPurple ul li {
	background-color:#b290c0;
	border-bottom: solid 1px #fff;
}

#navPurple ul li:hover, #navPurple ul li.sfhover 
{ background-color:#8f59a1; }
/*end of nav 2 purple*/

/*nav 3 blue*/
#navBlue {
	background-color:#0079c1;
}

#navBlue li {
	height:30px;
	cursor:pointer;
	background-color:#0079c1;
}

#navBlue ul li {
	background-color:#7dd2f5;
	border-bottom: solid 1px #fff;
}

#navBlue ul li:hover, #navBlue ul li.sfhover 
{ 
background-color:#2f91cf;
}
/*end of nav 3*/

/*nav 4 orange*/
#navOrange {
	background-color:#f78f1e;
}

#navOrange li {
	height:30px;
	cursor:pointer;
	background-color:#f78f1e;
}

#navOrange ul li {
	background-color:#fdc893;
	border-bottom: solid 1px #fff;
}

#navOrange ul li:hover, #navOrange ul li.sfhover 
{ background-color:#faa855; }
/*end of nav 4*/

/*nav 5 d purple*/
#navdPurple {
	background-color:#522e91;
}

#navdPurple li {
	height:30px;
	cursor:pointer;
	background-color:#522e91;
}
/*end of nav 5*/