/* ----------------------------------------------------------------------------  */

/*	undo common browser defaults  */

	input {margin: 0 0 1px 0;}

	a img,:link img,:visited img { border:none; }

	h1 span, h2 span, h3 span, h4 span {display:none; padding: 0px; margin: 0px;}
	
/* ----------------------------------------------------------------------------  */

body {
	background-color: #ffcc99;
	font-size: 16px;
	color: #000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.navbg {
	background-color: #009999;
}

#navbg {
	background-color: #009999;
}

#main {
	padding: 1px 3px 1px 5px;
}

h1 {
	font-size: 20px;
	color: #009999;
}

h2 {
	font-size: 18px;
	color: #009999;
}

.footer {
	font-size: 14px;
}

.footerlink,.footerlink:visited {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.footerlink:hover {
	font-size: 12px;
	color: #0099999;
	text-decoration: underline;
}

a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #009999;
	text-decoration: underline;
}

.mission {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}

	
img {
  max-width: 100%
}

input, textarea {
  max-width:100%
}

<style>
/* regular css */
.tabs {
  padding: 10px 2em
}
 
@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
  .tabs {
    padding: 3px 1em
  }
}
</style>