@charset "UTF-8";
/* CSS Document */

html {}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-image: url(../images/new_homepage/background_green.jpg);
}

h1 {
  font-family:Arial, Helvetica, sans-serif;
  color:#ffffff;
  font-weight:normal;
  font-size:30px;
}

ul {
  margin-left:-23px;
}

li {
  list-style:none;
}

#outerWrapper {
  width: 775px;
  margin-top: 0px; 
  background-image: url(../images/new_homepage/content_background.jpg); 
}

table#content {
  width: 775px;
  margin: 0px;
  padding: 0px;
}

td#content-main {
  width: 775px;
  padding: 0px;
}

#nav-main {
  position: relative;
  top: -125px;
  left: 0px;
}

#header {
  width: 100%;
  height: 200px;
  float: left;
  clear: both;
}

#contentWrapper {
  position: relative;
  left: 0px;
  float: left;
  background-image: url(../images/new_homepage/contentToBG.jpg);
/* background-attachment: fixed;
  background-position: top; */
  background-repeat: no-repeat;
  width: 775px;
}

#pageIntro {
  position: relative;
  left: 30px;
  width: 641px;
  float: left;
  margin-left: 0px;
}

#pageIntro h1 {
  position: relative;
  top: 25px;
  left: -25px;
}

#pageIntro p {
  position: relative;
  top: 25px;
  left: -10px;
  font-size: 18px;
}

#mailingList {
  padding: 0px;
  margin: 30px 0px -35px 0px;
  width: 775px;
  height: 110px;
  float: left;
  clear: both;
  background-image: url(../images/new_homepage/formBackground.gif);
}

#mailingList p {
  position: relative;
  top: 10px;
  left: 20px;
  color:#ffffff;
}

#mailingList-title {
  position: relative;
  top: 20px;
  left: 29px;
  color:#ffffff;
  font-size: 12px;
}

#mailList-form {
  position: relative;
  top: 27px;
  left: 27px;
z-index: 100;
}

#mailList-form-titles {
  position: relative;
  top: 0px;
  left: -79px;
}

#mailList-form-name {
  position: relative;
  top: 0px;
  left: 0px;
  color: #EC9D24;
  font-size: 12px;
}

#mailList-form-email {
  padding-left: 20px;
  color: #EC9D24;
  font-size: 12px;
}

#mailList-form-inputs {
  position: relative;
  top: 7px;
  left: -78px;
}

#mailList-form-email-input {
  padding-left: 20px;
}

#mailList-form-submit-input {
  padding: 0px 0px 0px 20px;
}

#mailList-form-submit-input input.list_subscription {
  position: relative;
  top: 0px;
  width: 80px;
  height: 22px;
  background-color: #EC9D24;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 2px;
  border: none;
}

.thirtyThree-image {
  width: 225px;
  padding: 10px 0px 0px 0px;
}

.thirtyThree-image a img {
  border: none;
}

.thirtyThree-text {
  padding: 16px 0px 17px 0px;
}

.thirtyThree-content {
  width: 225px;
  margin-right: -10px;
}

.thirtyThree p {
  line-height:20px;
}

.thirtyThree a, .thirtyThree a:hover, .thirtyThree a:visited
{
text-transform:capitalize;
color:#663300;
text-decoration:underline;
font-size:12px;
}

#eventsColumn {
  position: relative;
  top: 25px;
  left: 0px;
  float:left;
  width:471px;
  border:thin; border-color:#000000; border-style:solid; border-width:0px;
  margin: 0px 0px 15px 27px;
}

#eventsColumn ul {
  position: relative;
  top: 1px;
  left: -35px;
  margin: 0px;
}

#eventsColumn li {
  padding: 8px 0px 17px 0px;
  margin: 0px;
  font-size: 14px;
}

#eventsColumn li a, #eventsColumn li a:hover, #eventsColumn li a:visited {
  font-size:18px;
  color:#663300 !important;
}

#eventsColumn h2 {
  position: relative;
  left: -20px;
}

.cal-event-date {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

.cal-event-time {
  font-size: 12px;
}

.cal-event-title {
  position: relative;
  top: 7px;
  padding: 0px;
  margin: 0px;
  line-height: 130%;
}

#newsColumn {
  position: relative;
  top: 35px;
  left: 20px;
  float:left;
  width:224px;
  margin-bottom:15px;
  border:thin; border-color:#000000; border-style:solid; border-width:0px;
}

#eventsColumn h2, #newsColumn h2 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
  color:#FFFFFF;
}

#newsColumn h2 {
  position: relative;
  top: -10px;
  left: -8px;
}

#news-items {
  position: relative;
  top: 2px;
  font-weight: bold;
}

#newsColumn li .news-summary a {
  font-size: 10px !important;
}

#bottom-content {
  padding-left: 10px;
}

#bottom-table {
  padding: 56px 0px 0px 20px;
  width: 750px;
}

#thirtyThreeYellow-content {
  padding: 2px 0px 0px 0px;
  margin: 0px 0px 0px 12px;
}

#thirtyThreeYellow-content ul {
  padding: 3px 0px 0px 19px;
  margin: 0px;
}

.thirtyThreeYellow {
  background-image: url(../images/new_homepage/whereTobeginBG.gif);
  width: 225px;
  height: 191px;
  padding: 0px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
}

.thirtyThreeYellow h2 {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0px 0px 0px 15px;
  padding: 10px 0px 0px 0px;
}

.thirtyThreeYellow p {
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
}

.thirtyThreeYellow li {
  list-style: square;
  list-style-image: url(../images/new_homepage/whereToBeginBullet.png);
}

.thirtyThreeYellow li a, .thirtyThreeYellow li a:hover, .thirtyThreeYellow li a:visited, #newsColumn li a, #newsColumn li a:hover, #newsColumn a:visited
{
  color: #663300;
  text-decoration: underline;
  line-height: 17px;
  font-size: 12px;
}

.thirtyThreeYellow ul,  #newsColumn ul {
  margin-top:-5px;
}

#newsColumn li {
  margin-bottom:15px;
  font-size:10px;
  line-height:10px;
}

#where-to-begin {
  position: absolute;
  top: -50px;
  left: 10px;
}

#bottom-row {
  position: relative;
  top: 0px;
  clear: left;
}

#footer {
  float:left;
}

#pageIntro p {
  font-size:18px;
}

.clear
{
  width:100%;
  clear:both;
}

.frontForm {
  float:left;
}

.frontForm img {
  margin-left:35px;
}

#facebook {
  position: relative;
  top: 32px;
  left: 100px;
}

#facebook a img {
  border: none;
}