/* CSS Document */

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

	/* header */
	#header{
		background-image: none;
		border-bottom: solid 10px #d5db4a;
		height: 70px;
		margin-bottom: 20px;
	}

	#header .headtitle{
		float: none;
		width: 96%;
	}

	#header .headtitle img{
		width: 100%;
		height: auto;
	}

	#menu{
		width: 100%;
		margin: 0 5px;
	}

	#menu h1{
		float: none;
		width: 96%;
		text-align: left;
		display: none;
	}

	#menu ul{
		display: none;
	}

	.logo {
		float: none;
	}

	/* footer */
	#copy {
		width: 100%;
	}

	#left {
		float: none;
		background-image: none;
		margin: 0px 10px;
		height: auto;
	}

	#left #left_top{
		height: auto;
		background-image: none;
	}

	#left #left_top .title{
		margin-top: 0;
	}


	#left #left_btm{
		display: none;
		height: auto;
	}

	#content {
		width: 100%;
		margin-top: 0;
	}

	#right {
		width: 100%;
		margin: 20px 10px;
		float: none;
	}

	#right .msg{
		margin: 0 5px 10px 5px;
	}

	#right ul.inqform{
		width: 94%;
	}

	#right ul.inqform input[type="text"],
	#right ul.inqform textarea {
		width: 96%;
	}


	#right ul.inqform .cols{
		width: 100%;
		margin: 10px 0;
	}

	#right ul.inqform .vals{
		margin: 0;
		width: 100%;
	}

	#copy p{
		text-align: center;
	}

}