@charset "UTF-8";
/* CSS Document */
body {
	font-size: 16px;
	font-family:"Comic Sans MS", cursive	
}
#container {
  Background-color:#FCC;
  margin: 2em auto;
  border: 1px solid #111;
  box-shadow: 0px 0px 30px #999;
  max-width:900px;
}

h1{
  font-size: 2em;
  margin-left: 4em;
  color: #c69c6d;
	}

.body {
	background-color: #609089;	
	border-radius: .8em;
	border: #CC4e50 solid 3px;
	margin-left:20px;
	padding: 1em;
	width:60%;
	}


/*----------------------------------- HEADER ---------------------------*/
	
header {
  background-color: #1C1C1C;
  border-bottom: 2px solid #FFF;
}

header img {
  float: left;
  padding: .5em 2%;
  width: 20%;
}

header h1 {
  font-size: 3em;
  padding: .3em 0 .3em 2%;
  color: #FFC;
  
}
/*-----------------------------------  nav ---------------------------*/
	
nav ul li {
  float: Right;
}
ol, ul {
  list-style: none;
}

nav ul li a {
  display: block;
  border-radius: 5px;
  margin: 0;
  border: 2px solid #FFC;
  border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  padding: .7em;
  background-color: #FFC;
  color: #000;
  font-size: 1em;
}
a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:400;
	line-height:16px;
	padding:1.5em;
	}


a:link {
    color: #666;
}

/* visited link */
a:visited {
    color: #999;
}

/* mouse over link */
a:hover {
    color: #93C;
}

/* selected link */
a:active {
    color: #99F;
}
/*-----------------------------------  form ---------------------------*/



fieldset {
	background-color: #609089;	
	border-radius: .8em;
	border: #292827 solid 1px;
	width: 550px;
	padding-left: 1em;
	margin-bottom: 10px;
	margin-left: 10px;
}

legend {
	color: #fffcf2;
	margin-left: 6%;
	padding: .5em;
	border: #292827 solid 1px;
	background-color: #cc4e50;
	border-radius: .4em;
}

/*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 span {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #292827;
	padding-top: .5em;
	padding-bottom: .5em;
}
span{
	font-family:Verdana, Geneva, sans-serif;
	font-size:.5em;
	margin-left:1em;
	}

/*where the user enters their information*/

label input {
		padding:.4em .4em .3em 1em;
		border-radius: 5px;
		font-size:.9em;
		width: 90%;
		max-width: 500px;
		margin-bottom:1em;
		margin-left:1em;
}
select {
	margin-bottom:20px;
	margin-left: 2em;
}

textarea {
	margin-left: 1.5em;
  min-width: 95%;
}
/*The input that currently has the focus*/
input:focus {
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5) inset;	
}

/*identifies all required fields*/
input:required {
	background-position:4px -61px; 
}

/*Validation*/
input:focus:invalid {
  background-position:4px -111px; 
}

/*Valid*/
input:required:valid {
  background-color: #fff;
  background-position: 4px -161px; 
}
input[type="file"] {
	  margin-left: 2em;
}
input[type="submit"] {
margin-top: 10px;
margin-left: 4em;
} 
span.info {
	margin-left: 5em;
	font-size:12px;
	}
	
	
	
/*-----------------------------------  footer ---------------------------*/
#footer {
	border: 2px solid #FFC;
	border-radius: 5px;
	background-color:#FFC;
	padding: .2em;
	width: 60%;
	margin: 1em;
	}
#footer,a {
	padding: 1em;
}