@charset "utf-8";
/* CSS Document */
/*  ========================================== */
/*	  Under the Header/Banner Icon Based Menu  */
/*  ========================================== */
/*  ============================================================= */
/*  Desktop  Layout: 768px to a max 1024px Orientation: Portrait  */
/*  ============================================================= */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (Orientation: Portrait) {
.drop1 {
	width: 100%;/* 80% 75% 99% */
	text-align: center;
	padding-left: 1%;/* 9% 25% 8% */
	background-color:#FFF;/* 096 */
}
/* CSSTerm.com Simple Horizontal DropDown CSS menu */

.drop_menu1 {
/*	background:#005555; */
	padding:0;
	margin:0;
	list-style-type:none;
	height:140px;/* 30px */
	padding-top: 8px;
}
.drop_menu1 li {
	 float:left;  
}
.drop_menu1 li a {
/* padding = top,right,bottom,left */	
	padding: 5px 20px;/* 9px 25px, 7px 100px, 7px 80px 7px 23px */
	display: block;
	color: #CCC;/* FFF */
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

/* Submenu */
.drop_menu1 ul {
	position:absolute;
	left:-9999px;	
	top:-9999px;
	list-style-type:none;
}
.drop_menu1 li:hover { 
    position:relative;
	background-color:#FFF;
	color: #FFF;
	height:27px; /* 40px */
}
.drop_menu1 li:hover ul {
	left:0px;
	top:30px;
/*	background:#5FD367; */
	padding:0px;	
}

.drop_menu1 li:hover ul li a {
	padding:5px;
	display:block; 
/*	width:168px; */
	text-indent:15px;
/*	background-color:#5FD367; */
}
.drop_menu1 li:hover ul li a:hover {
/*	 background:#005555; */
}
}