.menu a{
	background:; /* Background color for the bar */
	color:#fff200; /* Font Color in off position */
	display:block;
    font-size: 12pt;
    font-family:Century Gothic, sans-serif;;	
    font-weight:bold;	
    line-height:40px;	
    margin:0px;	
    padding:0px 10px;		
    text-decoration:none;
}

.menu a:hover{
    /* Background color can be changed here as rollover efect */
	background:; /* Background color for the bar */ 
	color:#f8951f;  /* Font Color in off position */
    font-size: 12pt;
    font-family:Century Gothic, sans-serif;;
    font-weight:bold;
	line-height:40px;
	margin:0px;
	padding:0px 10px;
	text-decoration:none;
}


<!-- Menu for tablet version -->


.menutablet{
	border:none;
	text-align:center;	
    border:0px;
	left: 0;
	right: 0; 	
    margin:0px;	
    padding:0px;    
    font-size: 10pt;
    font-family:Century Gothic, sans-serif;;  
    font-weight:bold;
    text-decoration:none;
    color: #fff;	}

.menutablet ul{
	background:;   /* Background color for the bar */
	height:40px;
	list-style:none;
    left: 0;
	right: 0;
	margin:0 auto;
	width:650px;
}

.menutablet li{
    float:left;	
    padding:0px;
}

.menutablet li a{
	background:; /* Background color for the bar */
	color:#ffffff; /* Font Color in off position */
	display:block;
    font-size: 10pt;
    font-family:Century Gothic, sans-serif;;	
    font-weight:bold;	
    line-height:40px;	
    margin:0px;	
    padding:0px 10px;	
    text-align:center;	
    text-decoration:none;
}

.menutablet li a:hover{
    /* Background color can be changed here as rollover efect */
	background:; /* Background color for the bar */ 
	color:#ffe361;  /* Font Color in off position */
    font-size: 10pt;
    font-family:Century Gothic, sans-serif;;
    font-weight:bold;
	line-height:40px;
	margin:0px;
	padding:0px 10px;
	text-decoration:none;
}

.menutablet li ul{
    position:absolute;	
    background:#ef8500; /* Background color for the bar */ 	
    display:none;	
    height:auto;	
    padding:0px;	
    margin:0px;	
    border:0px;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;	
    width:225px;	
    z-index:200;	/*top:1em;	/*left:0;*/	
    
}

.menutablet li:hover ul{	display:block;	}

.menutablet li ul li a{	
    background:#ef8500;  /* Background color for the bar */ 	
    color:#ffffff;  /* Font Color in off position */
    font-size: 10pt;
    font-family:Century Gothic, sans-serif;;    
    font-weight:bold;	
    line-height:40px;	
    margin:0px;	
    padding:0px 15px 0px 15px;	
    text-decoration:none;	}

.menutablet li ul li a:hover{
    /* Background color can be changed here as rollover efect */	
    background:#ef8500; /* Background color for the bar */ 	
    color:#5a2100;  /* Font Color in off position */
    font-size: 10pt;
    font-family:Century Gothic, sans-serif;;    
    font-weight:bold;	
    line-height:40px;	
    margin:0px;	
    padding:0px 15px 0px 15px;	
    text-decoration:none;	
    
}
    
.menutablet p{	clear:left;	}