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

	body{
		background:#05315A;
		margin: 0 auto;
		font-family: Helvetica, Arial, "sans-serif";
	}
	#wrapper{
		background:#fff;
		max-width: 80%;
		min-width: 300px;
		border: 3px solid #fc0;
		margin: 0 auto;
	}
	.sitename{
		color:#fff;
		text-align: center;
		font-size:3.5em;
	}
	#nav{
		text-align: center;
		max-width: 80%;
		min-width: 250px;	
		margin: 0 auto;
		font-size:1.2em;
	}


	#nav a{
		text-decoration: none;
		padding: 0px 10px;
	}

	#footer{
		text-align: center;
		max-width: 80%;
		min-width: 250px;	
		margin: 0 auto;
		font-size:0.8em;
		color:#999;
	}

	#left{
		width: 60%;
		float: left;
		margin: 0px;
		text-align:left;
		padding: 0px 20px;
	}
	#right{
		width: 30%;
		float: right;
		margin: 0px;
		text-align:left;
	}
	
.nav_btn {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #0059A0;
   font-weight: 100;
   min-width: 100px;
   margin: 0px 10px;
   padding: 5px;
   background-color: #FFFFFF;
   border: solid #0059A0 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
}

.nav_btn:hover {
   background: #0059A0;
   text-decoration: none;
   color: #fff;
}

	@media screen and (max-width: 800px){
		#left{
			width: 90%;
		}
		#right{
			width: 90%;
			float: left;
		}		
		
		.logo_small{
			width:50%;
			heigh: 50%;
		}
	}