/*Java Script Website
Author: Brianna Higgins
Date: 25 March 2018*/	

	header, nav, main, footer, aside {display: block; }
	* { box-sizing: border-box; }
	body { margin: 0;
		  background-color: #ffffff;
		  font-family: Verdana, Arial, sans-serif; }
/*chooses the overall font style and text styles for pages*/
	#container { background-color: #86A1A8;
				 color: #000000;
				 min-width: 740px;
				 max-width: 1024px;
				 font-family: Verdana, Arial, sans serif;
				 margin-left: auto;
				 margin-right: auto;}
/*COMMENT*/
	header { background-color: #eeeeee;
			 background-image: url(waterbanner2.jpg);
			 background-position: bottom;
			 background-repeat: no-repeat;
			 height: 120px;
			 color: #F1F4EE;
			 text-align: right;
			 padding: 0 20px;
			 border-bottom: 2px solid #000000;
			 font-family: Verdana, Arial, sans-serif; }
/*makes the navigation float left*/	
	nav { float: left;
		  width: 180px;
		  color: #000000;
		  font-size: 15px; }
/*makes aside float right*/
	aside { float: right;
			width: 200px;
			text-align: center; }
/*main has margins that allow it to fit perfectly in between nav and aside*/
	main { margin: 0 210px 0 160px;
		   padding: 1px 10px 20px 10px;
		   background-color: #eeeeee;
		   color: #006600; }
/*centers copyright in the middle and colors it a dark grey
for better visibility, creates a padding between copyright and 
main text, clears floats*/
	footer { font-size: .70em;
			 text-align: center;
			 color: #414546;
			 background-color: #EEEEEE;
			 padding-top: 10px;
			 clear: both;}
	h1 { margin-top: 0;
		 font-size: 3em;
		 text-align: left;
		 text-shadow: 2px 2px 2px #000000; }
/*specifies the colors of each action with header*/
	header a {font-size: 0.80em; }
	header a:link, header a:visited { color: #ffffff; }
	header a:focus, header a:hover { color: #935f76; }
	nav ul { margin-top: 20px;
		   list-style-type: none; }
/*removes the underline associated with links*/
	nav a { text-decoration: none;
			font-size:1.2em; }
/*grey color*/
	nav a:link {color: #414564; }
/*white color*/
	nav a:visited {color: #F1F4EE; }
/*dark blue color*/
	nav a:focus, nav a:hover {color: #2A4057; }
/*dark blue color*/
	nav a:active {color: #2A4057; }
/*	nav img {margin: 30px; } */
/*text color is a dark grey*/
	main p {margin: 20px;
		  color: #414546;}
/*main h2, h3 is a purple/plum color and background is
an off-white color*/		  
	main h2, main h3, main h4 {color: #2A4057;
				   background-color:#EEEEEE; }
	.floatright { margin: 10px;
				  float: right; }
/*creates a line division in the aside and creates a purple text
color for the headings within it*/
	aside h3 { padding-bottom: 2px;
			   border-bottom: 1px solid #000000;
			   margin: 10px;
			   font-size: 0.90em;
			   color: #384A5B;
			   }
/*creates a margin for the text with the news class*/
	.news {font-size: 0.80em;
		   margin: 10px; }
/*table is given automatic margin spacing, has collapsed borders
and has a solid border of a grey color*/
table { margin: auto;
	  border: 1px solid #7B6E69;
	  width: 90%; 
	  border-collapse: collapse; }
/*changes the color of headings and text to a grey color
creates a solid border of the same color and creates padding
around the text*/
th,td {color: #414546;
	   border: 1px solid #7B6E69;
	   padding: 5px;}
/*aligns text within the cell to the left side*/
td { text-align: left; }
/*Will make the form labels float on the left side*/
label { float: left;
	 display: block; 
	 width: 8em;
	 padding-right: 1em; }
/*will make input and text area display in
block style*/
input, textarea { display: block;
				  margin-bottom: 1em; }
#mySubmit { margin-left: 10em; }
.center { margin: auto; }
/*form CSS*/
form li {
list-style: none;
margin-bottom: 5px;
}

form fieldset{ 
	border: 10px, 10px, 10px,10px ;
	border-color: #ffffff;
	background: #d9e0d8;
}
form ul li label {
float: left;
clear: left;
width: 100px;
text-align: right;
margin-right: 10px;
font-family:Verdana, Arial, sans serif;
font-size:14px;
color: #384A5B;
}

form ul li input, select, span {
float: left;
margin-bottom: 10px;
}
input {
	background:#333333;
	color:#ffffff;
}
form textarea {
float: left;
width: 350px;
height: 150px;
}


[type="submit"] {
clear: left;
margin: 10px 0 0 50px;
font-size:18px
}
/*adds padding for the aside*/
aside { padding: 10px; }
/*stylizes the aside*/
aside p { border: 5px solid #86A1A8;
		  padding: 10px;
		  text-align: right;
		  font-size: 1.2em; }
aside #estimate { font-weight: bold; }
ul {color: #414546;}
/*for array*/
#profile li, #profile p {
   text-indent: 1em;
   margin-top: 5px;
}
/*creates the size of the map div*/
#dvMap {
	height:60px;
	width:200px;
	
}
#locDisplay{
	height: 60px;
	width: 200px;
}