/* So the HTML5 structural tags work in older browsers */
/* This is the styles for the Index, About, and Contact Page */
article, aside, figure, footer, header, nav, section {
    display: block;
}
/* the styles for the elements */
* {
	margin: 0;
	padding: 0;
}
html {
	background-color: white;
}
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 87.5%;
    width: 800px;
    margin: 0 auto;
    border: 3px solid black;
    background-color: #EBF5FF;
}
a:focus, a:hover {
	font-style: italic;
}
/* the styles for the header */
header {
	padding: 2.5em 0;
	background-color: #3399FF;
}
header h1 {
	color: orange;
	font-size: 50px;
	text-align: center;
}
header img {
	float: left;
	padding: 0 30px 0 20px;
	height: 90px;
	width: 80px;
}
.shadow {
	text-shadow: 2px 2px 2px #800000;
}
/* the styles for the navigation bar */
nav {
	clear: left;
	padding: 0;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
}
nav ul {
	text-align: center;
	list-style: none;
	padding: 1em 0;
	background-color: green;
}
nav li {
	display: inline;
}
nav a {
	padding: 1em .85em;
	color: black;
	font-weight: bold;
	border-right: 2px solid black;
}
nav a.current { color: yellow; }
#home {
	border-left: 2px solid black;
}
/* the styles for the section */
section {
	clear: left;
	padding: 5px 40px;
	width: 525px;
	float: right;
}
#section_contact {
	clear: left;
	margin: 2px 40px;
	padding: 2px 50px;
	width: 525px;
}
section h1 {
	color: black;
	font-size: 150%;
	padding: .5em 0 .25em;
}
section h1.about_header {
	color: black;
	font-size: 190%;
	padding: .5em 0 0em;
	text-align: center
}

section p {
	padding-bottom: .5em;
}
section ul {
	
}
ul.circle {
		list-style-type: circle;
}
section h2 {
	font-size: 250%;
	text-align: center;
	padding: .5em 0 .5em;
}
section ul.email_list {
	clear: left;
	list-style: none;
}
section img.email {
	height: 150px;
	width: 150px;
	padding: .5em 1em 1em 12em;
}
section h2.about {
	padding-top: 1em;
	font-size: 170%;
}
section table.left {
	margin: 0em 0em 0em 0em;
	padding:0em 0em 0em 0em;
}
section table.right {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
section img.arch {
	text-align: center;
}
section ul.locations {
	list-style: none;
}
#location_images {
	display: inline;
	height: 10px;
	width: 10px;
}
#send_email {
	font-size: 200%;
	padding-top: 1em;
}
/* the styles for the aside */
aside {
	width: 180px;
	float: right;
	padding-bottom: .5em;
}
aside ul {
	list-style: none;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}
aside h2 {
	font-size: 120%;
	padding-top: 8em;
	padding-left: .65em;
}
aside h2.about {
	font-size: 120%;
	padding-top: 1em;
	padding-left: .45em;
}
/* formatting for the email form */
#Email {
	padding: 0em 0em;
	width: 9em;
}
#Email_Header {
	margin-left: 0em;
	padding-left: 0em;
	padding-top: 1em;
}
#Email label{
	text-align: left;
}
#Email input, select{
	margin-bottom: .5em;
	width: 9em;
}
#submit {
	margin-bottom: 1em;
	width: 2em;
	height: 2em;
}
#reset_button {
	margin-bottom: 1em;
	width: 2em;
	height: 2em;
}
/* formatting for the join the team form */
#join_the_team {
    padding: .5em 1em;
	margin: .2em 1em .5em;
}
legend {
    color: black;
    font-weight: bold;
    font-size: 85%;
}
label {
    float: left;
    width: 10em;
    text-align: right;
}
input, select {
    width: 15em;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
}
textarea {
	height: 5em;
	width: 35em;
	font-family: Arial, sans-serif;
}
/* the styles for the contact page */
#contact_header {
	padding-top: 1em;
}
#contact_list {
	
}
#contact_h2 {
	padding-top: .5em;
}
#submit_2 {
	margin-left: 11.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 5em;
	height: 3em;
}
#reset_2 {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 7em;
	height: 3em;
}
/* the styles for the footer */
footer {
	border-top: 3px solid black;
	clear: both;
	background-color: #B36666;
}
footer p {
	padding: 1em 0;
	text-align: center;
}
footer ul {
	list-style: none;
	padding: 1.5em 10em 1.5em;
	text-align: center;
}
footer li {
	display: inline;
}
footer a {
	padding: .2em 2em;
	color: black;
	font-weight: bold;
	font-size: 150%;
	text-decoration: none;
} 
/* styles for the social media classes */
.facebook {
	width: 40px;
	height: 40px;
}
.twitter {
	width: 50px;
	height: 40px
}