@charset "UTF-8";
/* CSS Document */
body {margin: 0;}
#container {
	=width: 100%;
	max-width: 320px;
	min-height: 480px;
	padding: 10px;	
	background: #E0D1A3;
	
}

body {font-family: Verdana, Geneva, sans-serif;}
nav{
	text-align:right;
	font-size:.9em;
	}
a {
	color: #5E7D4D;
}
h1 {
	font-weight:normal;
	color: #232621;
	text-align:center;
}
p{
	font-size: .9em;
	margin: 5px;
	
	
}	
p.out {
	text-align: right;
	border-bottom: 1px solid #777;	
}
p span {
	color: 	#C74223;
	float: left;
}

ul li {
	font-size: .9em;
	margin: 8px;;
	padding: 0;
}
 ul li a {
	background-color: #5E7D4D;
	border-radius: 5px;
	padding: 4px;
	font-size: .6em;
	color: #fff; 
 }
	
	
/*-----FORM---------*/
fieldset {
	background-color: #5E7D4D;	
	border-radius: .2em;
	margin: 1.5em 0;
	border: #917a56 solid 1px;
	max-width: 400px;
}

legend {
	color: #eee;
	margin-left: 6%;
	padding: .5em;
	border: #222 solid 1px;
	background-color: #C74223;
	border-radius: 1em;
	width: 80%;
	font-size: .7em;
	text-align: center;
}

/*this is the user instructions for each input. name, address, email etc. */
label {
	display:block; /* forces a hard return and allows margin to be assigned*/
	margin: .5em;
	
	
}

label p {
	margin: 0;
	font-size:.8em;
	color: #232621;
	padding-top: .9em;
	padding-bottom: .2em;
}
label span {
	
	font-size:.8em;
	color: #666;	
}
input {width: 100%;}

input.submitBtn, button {
	display: block;
	padding: .5em;
	color: #fff;
	width: 100%;
	border-radius: 8px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	border: 1px solid #333;
	background-color: #C74223;
}