<style>
#body 
 {margin:0;

font-family:Arial, Helvetica, sans-serif;
font-size:100%;
//border-style:solid;

}
#mainlayouting {
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
    margin-top:11px;
    margin-bottom:21px;
	border-style:solid;
	
}







#header{
	
	//border-style:solid;
//position:relative;
//padding:0 0 0 32px;
height:30px;
width:1000px;  
 //margin-left:100px;
 
}


#navbar {

	border-style:soft;
 overflow: hidden;
  background-color: #008000;
//  margin-left:100px;
  margin-top:51px;
  width: 1000px;
  
  clear:both;
}

.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;

  
  }
  
  
#main {
	border-style:soft;
 /* padding: 16px;*/
 /* margin-top:90px;*/
  height: auto; /* Used in this example to enable scrolling */
  width:1000px;
  font-size:100%;
 // margin-left:100px;


 //background-image: url("map.JPG");
  //  background-repeat: no-repeat;
  //  background-position: right top;
  //  margin-right: 100px;
	//  margin-top: 800px;

 


 
}
.logo{
float:left;
margin-left:00px;
}
.slogan{
display:block;
position:absolute;
top:25px;
left:25px;
margin-left:60px;
}

#menu{
float:left;
/*margin:0 0 10px 79px*/
}
#menu li{
list-style-type:none;
display:block;
float:left;
line-height:40px;
height:40px;
padding:0 14px;
background-image:url(images/line.gif);
background-position:top right;
background-repeat:no-repeat;
}
#menu .last{
background:none;
}
#menu a{
font-size:12px;
color:#272727;
text-decoration:none;
}
#menu a:visited{text-decoration:none}
#menu a:hover{text-decoration:underline}

#navbar1 {
  overflow: hidden;
 // overflow: hidden;
  background-color: #008000;
//  margin-left:100px;
  margin-top:03px;
  width: 1000px;
  
  clear:both;
}

#navbar1 a {
 float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;

}



#Footer {
	position:relative;
	height:100px;
	margin-bottom:21px;
	background:#001;
	clear:both;
	
	
	

	
}


@media only screen and (max-width:480px)
{
	#body  {margin:0;

font-family:Arial, Helvetica, sans-serif;
font-size:50px;
//border-style:solid;

}
#mainlayouting {
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
    margin-top:11px;
    margin-bottom:21px;
	border-style:solid;
	
}
#main 
{
	border-style:soft;
 /* padding: 16px;*/
 /* margin-top:90px;*/
  height:1400px; /* Used in this example to enable scrolling */
  width:1000px;
 // margin-left:100px;
background-color:white;
font-size:120%;
 //background-image: url("map.JPG");
  //  background-repeat: no-repeat;
  //  background-position: right top;
  //  margin-right: 100px;
	//  margin-top: 800px;

}


 


#main form {
    margin: 0 auto;
    margin-top: 20px;
}
#main label {
    color: #555;
    display: inline-block;
    margin-left: 18px;
    padding-top: 10px;
    font-size:120%;
}






p a {
    font-size: 11px;
    color: #aaa;
    float: right;
    margin-top: -13px;
    margin-right: 20px;
}
p a:hover {
    color: #555;
}
input {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    outline: none;
}
input[type=text],
input[type=password] {
    color: #777;
    padding-left: 10px;
    margin: 10px;
    margin-top: 12px;
    margin-left: 18px;
    width: 190px;
    height: 35px;
}

/* for  button looks more stylish */

#lower{
    background:#ffffff;
    width: 100%;
    height: 69px;
    margin-top: 20px;
}
input[type=checkbox] {
    margin-left: 20px;
    margin-top: 30px;
}
.check {
    margin-left: 3px;
}
input[type=submit] {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    width: 80px;
    height: 30px;
}


}





















</style>