/* Style sheet for narrower screens */
#wrapper {
 /* Set your own widths, % for fluid, px for fixed */
 width: 90%;
 min-width: 320px;
 max-width: 779px; 
 margin: 1em auto;
 background-color: #6CBABA;
 border: solid 10px #BABABA;
 border-radius: 20px;
 box-shadow: 8px 8px 8px black;
}

/* Aside columns in columns div */
.columns aside {
 display: none; 
 /* Use any width and padding you like */
}
/* Main article in the columns */
.columns article {
 padding: 1%;
 border-top-left-radius: 20px;
 border-top-right-radius: 20px;
 border-bottom-left-radius: 20px;
 border-bottom-right-radius: 20px;

}

/*Optional, style to taste */
.columns .left {
 display: none;
}
.columns .right {
 display: none;
}
/* Shrink and float the side column images */
.columns aside img {
 display: none;
}
/* Hide side column text */
.columns aside p {
 display: none;
}
/* This ensures that the background for the 
 side column is as tall as the images */
.columns aside {
 display: none;
}

/* ======== Nav Bar Styling ======*/
nav {
	background-color:  #6CBABA; 

}

/* Style for <a> tags in the nav section */ 
nav a { 
   background-color: gray; 
   color: white; 
   text-decoration: none; 
   outline: none; 
   padding: 10px 0; 
   display: block; 
   float: left;
   border-right: solid 4px #6CBABA;
   border-top: solid 1px #6CBABA; 
   border-bottom: solid 1px #6CBABA; 
   border-left: solid 4px #6CBABA;    
   width: 20%; 
   text-align: center; 
   box-sizing: border-box; /* Box sizing for older browsers */ 
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box; 
   } 
/* Unvisited and visited link styling */ 
nav a:link, nav a:visited { 
   background-color: gray; 
   color: white; 
   } 
/* Styling for hover and tap */ 
nav a:hover, nav a:active { 
   background-color: silver; 
   color: black; 
   }

/* ======== Nav - Here Bar Styling ======*/
#here {
   background-color: silver; 
   color: black; 
   text-decoration: none; 
   outline: none; 
   padding: 10px 0; 
   display: block; 
   float: left; 
   border-right: solid 4px #6CBABA;
   border-top: solid 1px #6CBABA; 
   border-bottom: solid 1px #6CBABA; 
   border-left: solid 4px #6CBABA;    
   width: 20%; 
   text-align: center; 
   box-sizing: border-box; /* Box sizing for older browsers */ 
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box;  
}

/* Style for <a> tags in the nav section */ 
#here a { 
   background-color: silver; 
   color: black; 
   text-decoration: none; 
   outline: none; 
   padding: 10px 0; 
   display: block; 
   float: left; 
   border-right: solid 4px #6CBABA;
   border-top: solid 1px #6CBABA; 
   border-bottom: solid 1px #6CBABA; 
   border-left: solid 4px #6CBABA;    
   width: 20%; 
   text-align: center; 
   box-sizing: border-box; /* Box sizing for older browsers */ 
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box; 

   } 
/* Unvisited and visited link styling */ 
#here a:link, #here a:visited { 
   background-color: silver; 
   color: black; 
   } 
/* Styling for hover and tap */ 
#here a:hover, #here a:active { 
   background-color: silver; 
   color: black; 
   }
   


/* ==== Styling for footer */
footer {
 height: 50px;
 padding: 5px;
 background-color: #6CBABA;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 font: 10pt Times, "Times New Roman" , Serif;

}
/* Styling for table in footer */
footer table {
 width: 98%;
 margin: 5px auto;
 color: #ffc2e5;
 text-shadow: 1px 1px gray;
 
}

/*==========Contact Form Styling =====*/

#contact-area {
	max-width: 400px;
	margin-top: 25px;
	display: inline-block;
}

#contact-area input, #contact-area textarea{
	padding: 5px;
	max-width: 200px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area select {
	padding: 5px;
	max-width: 200px;
	font-family: Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea{
	height: 50px;
}

#contact-area select{
	height: 40px;
}

#contact-area textarea:focus, #contact-area select:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 75px;
	float: right; 
	margin: 0px 80px;
	font-size: 1.0em;
}

#contact-area label{
	display: none;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.2em;
}