/* * 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }*/


/*********************my change **************************************
a:hover                             { text-decoration :underline; } 
img                                 { border:0px; }

/*********************************************************************/



/* 
	LEVEL ONE
*/
ul.kaleDropdown                         { position: relative;float:left;  width:100%;background :white;}
ul.kaleDropdown li                      { font-weight: bold; float: left; elevation :higher ; padding-right: 4px;  /*border-left:1px solid;*/}
ul.kaleDropdown a:hover		            { color: #3399ff; } /* */
ul.kaleDropdown a:active                { color:  #ffa500; } /**/
ul.kaleDropdown li a                    { display: block; padding: 6px 8px; /*border-right: 1px solid #333;*/
	 								  color: #222;
	 								 
	 								}

ul.kaleDropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.kaleDropdown li.hover,
ul.kaleDropdown li:hover                { background: #F1F1F1; color: black; position: relative; }
ul.kaleDropdown li.hover a              { color: black; }



/* 
	LEVEL TWO
*/
ul.kaleDropdown ul 						{ width: auto; visibility: hidden; position: absolute; top: 100%; left: 0;  border-left:1px solid; border-right:1px solid;}
ul.kaleDropdown ul li 					{ font-weight: normal;/* background: #f6f6f6;*/ color: #000; background-color:#3399ff; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.kaleDropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* new Added */
ul.kaleDropdown ul li ul li a                 {width:60px;}
ul.kaleDropdown ul li ul li ul li a           {width:50px;}  
ul.kaleDropdown ul li ul li a:hover           {color:Maroon; }	
ul.kaleDropdown ul li ul li ul li a:hover     {color:Orange; }   
/* new Added */

/* 
	LEVEL THREE
*/
ul.kaleDropdown ul ul 					{ left: 100%; top: 0;}
ul.kaleDropdown li:hover > ul 			{ visibility: visible; }

/* * 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }*/


/*********************my change **************************************
a:hover                             { text-decoration :underline; } 
img                                 { border:0px; }

/*********************************************************************/



/* 
	LEVEL ONE
*/
ul.kaleDropdown                         { position: relative;float:left;  width:100%;background :white;}
ul.kaleDropdown li                      { font-weight: bold; float: left; elevation :higher ; padding-right: 4px;  /*border-left:1px solid;*/}
ul.kaleDropdown a:hover		            { color: #3399ff; } /* */
ul.kaleDropdown a:active                { color:  #ffa500; } /**/
ul.kaleDropdown li a                    { display: block; padding: 6px 8px; /*border-right: 1px solid #333;*/
	 								  color: #222;
	 								 
	 								}

ul.kaleDropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.kaleDropdown li.hover,
ul.kaleDropdown li:hover                { background: #F1F1F1; color: black; position: relative; }
ul.kaleDropdown li.hover a              { color: black; }



/* 
	LEVEL TWO
*/
ul.kaleDropdown ul 						{ width: auto; visibility: hidden; position: absolute; top: 100%; left: 0;  border-left:1px solid; border-right:1px solid;}
ul.kaleDropdown ul li 					{ font-weight: normal;/* background: #f6f6f6;*/ color: #000; background-color:#3399ff; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.kaleDropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* new Added */
ul.kaleDropdown ul li ul li a                 {width:60px;}
ul.kaleDropdown ul li ul li ul li a           {width:50px;}  
ul.kaleDropdown ul li ul li a:hover           {color:Maroon; }	
ul.kaleDropdown ul li ul li ul li a:hover     {color:Orange; }   
/* new Added */

/* 
	LEVEL THREE
*/
ul.kaleDropdown ul ul 					{ left: 100%; top: 0;}
ul.kaleDropdown li:hover > ul 			{ visibility: visible; }