﻿body {
  background-color: #FFFFCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
  
  /*Original
  background-color: #FFFFCC;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
  */
}

#container {
  border: 1px solid #FF9900;
  margin: 10px auto;
  padding: 5px;
  position: relative;
  text-align: left;
  width: 660px;
}
#header {
  border: 1px solid #FFFFFF;
  text-align: center;
}

#header h1{ 
  margin: 0 auto;
  /*Size of the image*/ 
  padding-top: 128px; 
  width: 289px; 
  /*The image*/ 
  background-image: url(../images/logo.gif); 
  background-repeat: no-repeat; 
  /*Hide the text*/ 
  overflow: hidden; 
  /* WIN IE5 hack */ 
  height: 128px; 
  voice-family: "\"}\""; 
  voice-family:inherit; 
  height: 0; 
}

#content {
  padding: 10px;
}

.left {
  float: left;
  text-align: center;
  width: 51%;
}

#mission-statement {
  background-color: #FFFFD7;
  border: 2px solid #FF9900;
  font-style: italic;
  height: 110px;
  margin: 10px 0;
  text-align:left;
}

.right {
  float: right;
  text-align: center;
  width: 49%;
}

ul.front-list {
  list-style: none;
  text-align: left;
  padding: 10px 0 0 30px;
  margin: 0 auto;
}

ul.front-list li {
  font-size: 14px;  /*ORIGINAL was 12px*/
  background: #FFFFFF url(../images/pattern.jpg);
  padding: 0;
  margin: 0 0 15px 0;
}

.front-list img {
  margin: 3px;
}

#navigation {
  text-align: center;
  width: 660px;
}

#navigation ul {
  background-color: #FDD28E;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation li {
  font-size: 12px;
  border-left: 1px solid #000;
  display: inline;
  margin: 0;
  padding: 0 2em;
}

#navigation li.first {
  font-size: 12px;
  border-left: 0px;
  padding-left: 0;
}

#navigation a, 
#navigation a:hover, 
#navigation a:visited  {
  color: #000;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
}

#navigation a:hover {
  background-color: #FFC;
  color: #006CB7;
} 

#primaryContent {
  float: left;
  width: 420px;
}

#secondaryContent {
  /* ORIGINAL = font-size: 1.6em; */
  padding-left: 10px; /*ORIGINAL did not have padding*/
  font-size: 12pt;
  font-weight: bold;
  float: left;
  text-align: left;
  width: 210px; /*ORIGINAL was 220*/
}
#footer {
  clear: both;
  padding: 5px 10px;
  text-align: center;
  font-style: italic;
}

#footer #invite {
  float: left;
}

#footer #phone {
  float: right;
}

.clear {
  clear: both;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

p {
  margin: 5px;
  line-height: 1.25;
}

.notice {
  font-size: 150%;
  margin: 0 auto;
  text-align: center;
}

.patterned {
  background: url(../images/pattern.jpg);
}
label {
  font-weight: bold;
}