#menu {

}



#menu li {

position:relative;
z-index:1;
}

   

#menu li:hover {

}



#menu li a {


}



#menu li:hover a {

	
	/*text-shadow: 1px 1px 1px #ffffff;*/

}

#menu li .drop {

/*	padding-right:21px;

	background:url("img/drop.png") no-repeat right 8px;*/

}

#menu li:hover .drop {

/*	background:url("img/drop.png") no-repeat right 7px;*/

}



.dropdown_1column li{padding-left:15px;}



.dropdown_1column, 

.dropdown_2columns, 

.dropdown_3columns, 

.dropdown_4columns,

.dropdown_5columns {

	margin:3px auto;

	float:left;
	
	top:0px;

	display : none;
	 position:absolute;



	/**left:-998em; **/ /* Hides the drop down */
	left:0px;
	text-align:left;

	padding:5px;
	margin-top : 30px;
	margin-left : -4px;

	/* Gradient background */

	

}





.dropdown_2columns {width: 280px;}

.dropdown_3columns {width: 420px;}

.dropdown_4columns {width: 200px;}

.dropdown_5columns {width: 700px;}



#menu li:hover .dropdown_1column, 

#menu li:hover .dropdown_2columns, 

#menu li:hover .dropdown_3columns,

#menu li:hover .dropdown_4columns,

#menu li:hover .dropdown_5columns {





	display: block;
}



.col_1,

.col_2,

.col_3,

.col_4,

.col_5 {

	display:inline;
	top:0px;
	float: left;

	position: relative;
	color:#4b4b4b;
	padding:10px;
	background:url(../images/transparant-bg.png) top left repeat; border-radius:5px;
}

.col_1 { }

.col_2 {width:200px; height:245px;}

.col_3 {width:200px;}

.col_4 {width:200px;}

.col_5 {width:690px;}


#menu ul.simple{background:#ffffff; float:left; width:250px; border-radius:5px;}
#menu .menu_right {

	float:right;

	margin-right:0px;

	background:none;

}

#menu li .align_right {

	/* Rounded Corners 

	-moz-border-radius: 5px 0px 5px 5px;

    -webkit-border-radius: 5px 0px 5px 5px;

    border-radius: 5px 0px 5px 5px;
*/
}



#menu li:hover .align_right {margin-top:30px; margin-left:-200px;}
#menu li:hover .align_left{margin-top:30px; margin-left:-4px;}
#menu li:hover .align_right ul.simple{width:255px!important;}

#menu li a span{display:block; color:#777777;}

#menu li a:hover span{display:block; color:#FFFF00;}

#menu li ul li a{line-height:15px; font-size:14px!important;}



#menu p, #menu h2, #menu h3, #menu ul li {

	font-family: 'CandaraRegular', Arial, Helvetica, sans-serif;

	line-height:21px;

	font-size:0.750em;

	text-align:left;

}



/*chaya added for use of colors-web Accessibility-issues... */
#menu li:hover div a {


	color:#4b4b4b;
	padding:0px 10px;

}

#menu li:hover div a:hover {

	color:#666666;

}






#menu li ul {

	list-style:none;

	padding:0;

	margin:0 0 0px 0;

}

#menu li ul li {



	line-height:24px;
	
	border-radius:0px;

	padding:7px 0px 7px 4%;

	margin:0;
	
	width:95%;

	float:left;

	text-align:left;

	background:none;

	border-bottom:#4b4b4b solid 1px;

}

#menu li ul li:hover {

	background:#e8eebe;

	border-bottom:#333333 solid 1px;

	padding:7px 0px 7px 4%;
	
	border-radius:0px;

	margin:0;

}

#menu li ul li.first:hover{border-radius:5px 5px 0px 0px!important;}
#menu li ul li.last:hover{border-radius:0px 0px 5px 5px!important;}
/*
#menu li .greybox li {

	background:#F4F4F4;

	border:1px solid #bbbbbb;

	margin:0px 0px 4px 0px;

	padding:4px 6px 4px 6px;

	width:116px;



	 Rounded Corners 

	-moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px;

}*/

#menu li .greybox li:hover {

	background:#ffffff;

	border:1px solid #aaaaaa;

	padding:4px 6px 4px 6px;

	margin:0px 0px 4px 0px;

}

/*  Pushpa added below code for tabindex */  
a:focus {               
box-shadow: 0 0 2px 3px #78aeda, 0 0 2px #78aeda inset;   
border-radius: 3px;	      
}
        
img:focus {                   
box-shadow: 0 0 2px 3px #78aeda, 0 0 2px #78aeda inset;       
border-radius: 3px;	      
} 
input:focus {                   
box-shadow: 0 0 2px 3px #78aeda, 0 0 2px #78aeda inset;       
border-radius: 3px;	    
}