@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #aaffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 1040px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
}
#mainContent {
	padding: 0 95px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url("../images/content-bkg.jpg");
	margin-top: -21px;
}
#header {
  height: 350px;
  background-image: url("../images/masthead-1.gif");
  width: 1040px;
  position: relative;
}
#footer {
  height: 305px; 
  width: 1040px;
  background-image: url("../images/content-footer.gif"); 
  background-repeat: no-repeat;
  background-color: #00CC65;
  margin-top: -21px;
  }
#footer-content {
padding-top: 15px;
  text-align: center; }
#footer-social {
  padding-top: 55px; 
  padding-left: 95px; }
#navigation {
  position: absolute;
  left: 320px;
  width: 500px;
  top: 10px; }
#subnavigation {
  position: absolute;
  left: 400px;
  width: 500px;
  top: 80px; 
  z-index: 3;}
#navigation ul, #subnavigation ul {
  display: inline;
  list-style-type: none; }
#navigation ul li, #subnavigation ul li {
  font-family: Comic Sans MS;
  margin-right: 10px;
  display: inline;
  font-size: 14px; }
#navigation a, #subnavigation a {
  color: #000; 
  text-decoration: none;}
/* #navigation a:visited, #subnavigation a:visited {
  color: #000; }
#navigation a:hover,#subnvaigation a:hover {
  text-decoration: underline; } */