*{
	margin:0;
	border:0;
	padding:0;
}

header{
	background: #66ccff;
	width:100%;
	height: 86px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0.90;
}
#logo{
	margin: 10px;
	float: left;
	width: 200px;
	height: 60px;
	background: url(../image/itcsinde1.png) no-repeat center;
}
nav{
	float: right;
	padding: 56px 20px 20px 0;
}

#menu-icon{
	display: hidden;
	width: 40px;
	height: 40px;
	background: url(../image/icon.png) center;
}
a:hover#menu-icon{
	border-radius: 4px 4px 0 0;
}

#navMenu{
	margin:0;
	padding:0;
}
#navMenu ul{
	margin:0;
	padding:0;
	line-height:30px;
}
#navMenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#66ccff;
}
#navMenu ul li a{
	text-align:center;
	font-family:"Comic Sans MS", cursive;
	text-decoration: none;
	height: 30px;
	width: 100px;
	display: block;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}
#navMenu ul ul{
	position: absolute;
	visibility: hidden;
	top: 30px;
}
#navMenu ul li:hover ul li a{
	visibility: visible;
	border: 1px solid #FFF;
	background:#405580;
	width: 250px;
	border-radius: 2px 0 2px 2px;
}

#navMenu ul li.active{background-color:#f0f0f0; color:cornflowerblue; display: block;}

#navMenu li:hover{
	background:#09F;
}
#navMenu ul li:hover ul li a:hover{
	width:250px;
	background:#ccc;
	color:#000;
}
#navMenu a:hover{
	color:#000;
}
.clearFloat{
	clear:both;
	margin:0;
	padding:0;
}

.current{
	color: #FFF;
	text-decoration: underline;
}
.content_wrapper{
width:1000px;
margin:100px auto;
background:pink;

}
#local_area{
width:67%;
min-height:330px;
float:left;
padding-left:2%;
margin-top:100px;
}
#local1_area{
width:1000px;
min-height:300px;
float:left;
background:lightgray;
border-bottom: 2px solid #eee;
border-radius: 5px;
margin-bottom: 10px;
}
#sidebar_title{
background: lightblue;
border-radius: 5px;
color:black;
font-size:18px;
font-family:Myanmar3;
padding:10px;
text-align:center;
}
.submit1{
background-color:green;
color:white;
border-radius:4px/4px;
height:23px;
width:100px;
padding:2px;
margin-bottom: 8px;
}
section{
	width: 29%;
	float: left;
	margin: 2% 2%;
	text-align: center;
}
footer{
	background: #333333;
	width: 100%;
	overflow: hidden;
	opacity: 0.90;
}
footer p, footer h3{
	color: #FFF;
}
footer p a {
	color: #FFF;
	text-decoration: none;
}
ul.social li {
	display: inline;
}
ul.social li img{
	height: 50px;
}
footer.second{
	border-top: 1px solid #4D4E50;
	background-color: #333333;
	max-height: 50px;
	text-align: center;
	opacity: 0.95;
}
/*-------------MEDIA!!!------------*/
@media screen and (max-width: 478px){
	body{
		position: absolute;
	}
}
@media screen and (max-width: 980px){
	header{
		position: absolute;
	}
	nav{
	float: right;
	padding: 35px 20px 20px 0;
	}
	#menu-icon {
		display: inline-block;
	}
	nav ul, nav:active ul {
		display: none;
		position: absolute;
		padding: 20px;
		background: #405580;
		border: 1px solid #FFF;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 2px 0 2px 2px;
	}
	nav li {
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}
	nav:hover ul {
		display: block;
	}
	#navMenu:hover ul ul{
		display:none;
	}
	section{
		float: left;
		width: 100%;
		margin-top: 15px;
		padding: 0;
	}
	#local_area{
	float: left;
	width: 97%;
	margin-top: 80px;
	padding: 2%;
	}