body 	{
	background: #3d3d3d;
	text-align:center;
	font-family:sans-serif;
	font-size:92%;
	}
#container	{
	background: #FDF2EE;
	margin: 55px auto 0px auto;
	width: 700px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
#content{
	/*border: 1px solid black; */
	padding: 10px;
	text-align:left;
	}
#header, #alert	{
	text-align:center;
	}
#header h1	{
	font-size: 1.5em;
	}
#alert h1	{
	font-size: 1.5em;
	color:red;
	}
#field	{
	background: #e9eaee;
	border-style:ridge;
	padding: 6px;
	}

#footer	{
	font-size: 0.7em;
	background: #FEFFEF;
	}
@media only screen and (max-device-width: 480px) {
body	{
	background: #FDF2EE;
	font-size:100%;
	}
#container {
	margin: 0 auto;
	width:100%;
	}
#header {
	background: #8DB6CD;
	width:auto;
	margin:0px 0px 10px 0px;
	padding:5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
#alert	{
	background: red;:w	
	width:auto;
	margin:0px 0px 10px 0px;
	padding:5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
#header h1 {
	font-size: 140%;
	}
#alert h1 {
	color:black;
	font-size: 140%;
	}
#content {
	border:none;
	float: none;
	width: 100%;
	padding: 0px 0px 0px 0px;
	}
#content li {
	line-height: 2em;
	}
#footer	{
	background: #FDF2EE;
	}
}