#index #cssmenu .index a,
#services #cssmenu .services a,
#doctors #cssmenu .doctors a,
#fees #cssmenu .fees a,
#info #cssmenu .info a,
#registrar #cssmenu .registrar a,
#about #cssmenu .about a,
#contact #cssmenu .contact a{color:#999933; text-decoration:none;}

#cssmenu { width:100%; text-align: center; padding: 0;}

#cssmenu a { 
    padding: 0px 30px; /*Space between top level menu link items*/
	color: #003333; text-decoration: none; text-transform: uppercase;  }
#cssmenu a:hover {	
	color: #999933;  text-decoration: none;}

#cssmenu ul{
        /* positioning */
        	position:relative; display: inline-block;
            z-index:1500;
        /* remove the dots next to list items: */
            list-style:none; 
			
        /* get rid of any default or inherited margins and padding: */
            margin:0; 
            padding:0; 
            
        /* styling: */
		
            font-weight: 400;
            font-size: 13px;
        }
        
        /* we're using the direct descendant selectors > to ONLY affect the main menu items */
        #cssmenu > ul > li { 
        /* positioning */ 
            position: relative;
            float: left;
        /* styling: */
            margin-right: 0px; margin-bottom: 0;
			background: none; padding: 0;}
			
#cssmenu ul li:not(:last-child)  { /*border-right:1px #FFF solid;  divider*/}
#cssmenu ul li ul li:not(:last-child)  { /* border-right: none;remove divider from drop down menu*/}			
		
		
        #cssmenu > ul > li > a {
        /* positioning */ 
            display:block;
        /* styling: */
            text-decoration:none; }
			
        #cssmenu > ul > li > a:hover{
        /* styling: */
            color:#999933; 
        }
		
/* secondary menu */

#cssmenu ul ul{padding: 0; margin: 16px 0 0 0; text-align: left;

            width:300px; /* you need a width to accommodate tertiary menus */
            
            position:absolute;
            z-index:100;
            
            height: 0; left: 20px;
            overflow: hidden;
			-webkit-transition: height 0.3s ease-in;
            -moz-transition: height 0.3s ease-in;
            -o-transition: height 0.3s ease-in;
            -ms-transition: height 0.3s ease-in;
            transition: height 0.3s ease-in;
        }
     

        /* don't display tertiary box yet */

#cssmenu > ul > li:hover ul ul, #cssmenu > ul > li > a:hover ul ul{
            height:0; 
            
        }
/* tertiary drop-down box */
#cssmenu ul ul ul{ 
            left:150px;
            width:150px;
        }
        
        #cssmenu > ul > li:hover ul, #cssmenu > ul > li > a:hover ul,
        #cssmenu ul ul li:hover > ul, #cssmenu ul ul li a:hover > ul{
            height:240px; /* need a height to accommodate any tertiary menus */
        }
        
        /* drop-down item styles */
        /* if you want different styling for tertiary menus, just copy the 4 rules below and insert an additional ul: for example: "#cssmenu ul ul li", becomes: "#cssmenu ul ul ul li" */
        
        #cssmenu ul ul li{margin: 0;padding: 0;
            background-color:#EBEBD6!important; background-image: none; /*border: 1px #e8e8e8 solid;*/
            width:150px;
			-webkit-transition: background-color 0.3s ease;
            -moz-transition: background-color 0.3s ease;
            -o-transition: background-color 0.3s ease;
            -ms-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease;
        }
        

        
        #cssmenu ul ul li a { background-color:#EBEBD6!important;
            display:block;
            text-decoration:none;
            margin:0;
            padding:8px 5px;
            color:#003333!important; 
			font-size: 11px; line-height: 110%;
			border: none!important;
			text-shadow: none; letter-spacing: 0px;
        }
        #cssmenu ul ul li a:hover, #cssmenu ul ul li:hover > a {
            color:#fff!important; background-color:#999933!important; 
        }