/* suckerfish menu that comes under user3 module position */
#nav, #nav ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family	: Trebuchet MS;
}

#nav ul
{
}

#nav li {
	float: left;
	padding: 0;
	background: none;
}

#nav ul ul ul a {
	display: block;
	text-decoration: none;
	text-transform: none;

}


/* Width related setting */
#nav ul a {
	display: block;
	text-decoration: none;
	text-transform: none;
	/* affects overall width of site */
}

/* styling for top most menu items and set height for top most menus */
#nav ul li a {
	background	: url(../images/top-menu-normal.gif) no-repeat;
	
	color		: #fff;	
 	text-transform	: uppercase;
 	font-weight	: bold;
 	font-size	: 10px;
 	width		: 104px;
 	padding-top	: 23px;
 	padding-left	: 20px;
}
/* hover color for top most buttons */
#nav ul li a:hover {
	 color			: #fff;
	 background		: url(../images/top-menu-hover.gif) no-repeat;
	 
}



/* vvv COMBINATION */
/* On hover  (self)  color for sub menu items ie6 */
#nav ul li ul li a:hover,
#nav ul li ul li ul li a:hover {
	color		: #fff;
	background	: #205b89;
	border		: none;
}

/* sub menu item color for (daddy) default color  */
#nav li:hover li a, #nav li.sfhover li a {
	  color			: #fff;
	  
}
/*  ^^^ COMBINATION */

#nav li ul {
	/* position the second level top position relatively */
	/* most useful and confusing parameter width */
	/* position the second level top position relatively */
	top: 37px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
}

#nav li li {
	float: left;
	padding: 0;
	
}


/* set height for second level menus */
#nav ul li ul li a {
	text-align	: left;
 	color		: #808080;
 	padding		: 3px 7px 0 3px;
	text-transform	: none;
	border		: none;
	font-weight	: bold;
	/* width must be (100px - 14px) due to padding*/
	width		: 113px;
	/* the width confirms 3rd level submenu sytem */

}

/* ^^^ width related settings */


#nav a {
	border	: none;
	font-weight: normal;
	float: left;
	text-decoration: none;
	display: block;
	float: left;
	cursor: pointer;
	overflow: hidden;
	margin	: 0;
	padding	: 0;
	
}

#nav li li a{
	background: none;
	font-weight: normal;
	padding: 0;
}


#nav a.topdaddy,
#nav li.active a.topdaddy {
	text-align	: left;
	

}

#nav ul ul a.daddy {
	
}


#nav ul ul a {
	color: #999;
	display: block;
	text-decoration: none;
	text-transform: none;
	background: none;
}


/* daddy position color changes when child menus are hovered */
#nav li.sfhover a 
{
	/* this background colors affects all other inherting sub menu bg colors in ie6 */
	background		:  url(../images/top-menu-hover.gif) no-repeat;
	color			: #fff;
}

/* sub level bg colors not to inherit above (daddy background color) */
#nav li.sfhover li a
{
	background		: #4692ca;
	color			: #fff;
	
}

/* top level menu is linked here too on background property */
#nav li:hover a
{
	background		: url(../images/top-menu-hover.gif) no-repeat;
	color			: #fff;

}




/* IMPORTANT , 3rd level default colors */
#nav li li:hover a,
#nav li li.sfhover a {
	color: #fff;
	background		: #205b89;
}



#nav li.active {

}





#nav ul li 
{
	position: relative;
}

/* margin for pullouts */
#nav li ul ul {

	margin		: -36px 0 0 120px;
}




#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,  
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul, 
#nav li.sfhover ul ul ul ul {
	left: -999em;
}

/* set color for second level menu item */
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul,
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul{
	z-index: 100;
	left: 0;
	background: none;
}


#nav li:hover, #nav li.sfhover {
      left: 0;
}


/* When top daddy is hovered the sub menu a background color changes */
#nav ul li:hover ul li a
{
	background	: #4692ca;
}

/* 2nd sublevel evel */
#nav ul li ul li:hover a
{
	background	: #205b89;
	color		: #fff;
	border		: none;
}

/* 3rd sublevel li a background and color behaviour */
#nav ul li ul li:hover ul li a
{
	background	: #4692ca;
	color		: #fff;
}

/* 3rd sublevel li a background and color behaviour (on hover) ie7 */
#nav ul li ul li ul li:hover a
{
	background	: #205b89;
	color		: #fff;
}