@charset "utf-8";
/* CSS Document */

@media screen and (max-width:720px)
{


* {
	margin:0;
	padding:0;
  }
  
  
 body {
	 margin:0;
	 padding:0;
	 font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	 background-color:cornsilk;
	 background-image:url(../images/content.png)
   }
   
 header, section, footer, aside, article, figure{
	 display:block;
 }

.container {
	max-width:1000px;
	margin:auto;
	background-color:white;
	background-image:url(../images/content.png);
	
	/* height:1500px; */

}

header{
	width:100%;
	height:75px;
	background-image:url(../images/content.png);
	/* background-repeat:no-repeat; */

	
}

.logo{
	float:left;
	padding:5px 5px 5px 5px;
}

#banner {
	clear:both;
	padding:1px;
}

.menubar1 {
	height:200px;
	width:78%;
	
	 /* background-color:cornsilk; */
	/* background-color:#094658; */
	/* text-align:center; */
}

.menubar1 ul{
	list-style:none;
	text-align:center;
}

.menubar1 ul li a{
	float:none;
	text-decoration:none;
	color:#FFF;
	padding:0px 15px;
	text-align:center;
	height:42px;
	line-height:42px;
	background-color:#094658;
	border-radius:10px;
	font-weight:bold;
	display:block;
	width:100%;
}


.menubar1 ul li a:hover{
	background-color:darkcyan;
	border-radius:10px;
	color:lightblue;
	text-decoration:underline;
}

.menubar1 li a.active{
	background-color:darkcyan;
	border-radius:10px;
	color:lightblue;
	text-decoration:underline;

}


.content{
	width:400px;
	padding:20px;
	
}

.sidebarone{
	width:350px;
	padding:20px;
	
}




.justify{
	text-align:justify;
}

.menubar2 ul{
	list-style:none;
	width:360px;
	background-color:darkcyan;
}

.menubar2 ul li{
	border:1px solid #000;
	padding:5px;
}

.menubar2 ul li a{
	color:white;
}

footer{
	clear:both;;
	height:40px;
	background-image:url(../images/footer.png);
	color:#FFF;
	width:100%;
}

}