@charset "utf-8";
body {
	background: #c7eafc;
	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: #FFF;
	font-family: 'Nunito', sans-serif;
	font-size: 150%;
}
.oneColFixCtr #container {
	width: 962px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #EA0B8C;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
}
#nav {
      width: 100%;
      float: left;
      margin: 0 0 3em 0;
      padding: 0;
      list-style: none;
      background-color: #C7EAFB;
      border-bottom: 1px solid #fff; 
      border-top: 1px solid #fff; }
   #nav li {
      float: left; }
   #nav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #2AACE2;
      border-right: 1px solid #fff; }
   #nav li a:hover {
      color: #C7EAFB;
      background-color: #2AACE2; }
   /* End navigation bar styling. */