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

body{
	background-color: #F9E8E8;
}

div#wrapper, #formContents{
	width:950px;
	max-width:100%;
	margin:auto;
	font-size:90%;
	background:#FFF;
	border:none;
	box-shadow:none;
}

img{
	max-width:100%;
}

h1{
	color:#5B4700;
	background:#FFE100;
	font-weight:bold;
	text-align:center;
	padding:10px;
}
h2{
	color:#FFD21A;
	text-align:center;
	font-size:130%;
	padding:10px;
}

h2 img{
	width:250px;
}

h3{
	color: #21519F;
	border-bottom: 2px solid #21519F;
	padding:5px 10px;
}

h4{
	color: #FFF;
	background-color: #21519F;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
}

.borderBox{
	border: 2px solid #21519F;
	border-radius: 5px;
	margin: 1em;
	background-color: #F9F5E8;
	color: #5B4700;
}

p{
	padding:10px 20px;
	text-align:left;
}



textarea{
	width:400px !important;
	height:100px !important;
	max-width:100% !important;
}

#footer{
	margin-top:0px;
	height:auto;
}

a.btn{
	padding:10px 25px;
	background:#479C1F;
	color:#FFF;
	text-align:center;
	margin:0.2em auto;
	border-radius:4px;
	font-size:large;
	text-decoration:none;
	text-shadow:-1px -1px 1px #216819;
	box-shadow:0px 4px 0px #216819;
	display:inline-block;
}
a.btn:hover{
	opacity:0.8;
}



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

td{
	display:block;
	width:100%;
}


}

.timeTable{
	width:600px;
	max-width:96%;
	margin:2em auto;
}
.timeTable th, .timeTable td{
	padding:10px;
	border:1px solid #EFEFEF;
}

.timeTable th{
	background:#FAFAFA;
	font-weight:bold;
}