body {
 background: #3389b4;
 font: 11pt Arial, Helvetica, sans-serif;
 margin: 0px;
 line-height: 16pt;
 color: #1f1f1f;
}

.hidden {
 display: none;
}

h1 {
 color: #3389b4;
 line-height: 20pt;
}

h2 {
 color: #ff9000;
}

#wrapper {
 background: url( '../img/bg.jpg' ) repeat-x #f3f2e0;
}
#container {
 background: url( '../img/content-bg.jpg' ) repeat-y top center;
}
#main {
 background: url( '../img/content-inside-top.jpg' ) no-repeat top center;
}
#header {
 width: 960px;
 height: 111px;
 margin: 0px auto;
 position: relative;
}

#logo {
 padding: 20px 0px 0px 10px;
}
#logo a {
 width: 415px;
 height: 60px;
 display: block;
 background: url( '../img/logo.jpg' ) no-repeat;
}
#logo a span {
 display: none;
}
#nav {
 position: absolute;
 right: 0;
 top: 66px;
}
#nav li {
 float: left;
 display: inline;
}
#nav li a {
 display: block;
 height: 45px;
 padding: 0px 10px;
}
#nav li.on {
 background: url( '../img/nav-on-bg.png' ) repeat-x;
}
#nav li.home a {
 background: url( '../img/nav-home.png' ) no-repeat center center;
 width: 48px;
}
#nav li.faq a {
 background: url( '../img/nav-faq.png' ) no-repeat center center;
 width: 34px;
}
#nav li.activities a {
 background: url( '../img/nav-activities.png' ) no-repeat center center;
 width: 74px;
}
#nav li.schedule a {
 background: url( '../img/nav-schedule.png' ) no-repeat 50% 14px;
 width: 75px;
}
#nav li.contact a {
 background: url( '../img/nav-contact.png' ) no-repeat center center;
 width: 62px;
}
#nav li a span {
 display: none;
}

#content-wrapper {
 width: 960px;
 margin: 0px auto;
}
#content {
 padding: 20px;
}
#content h1 {
 margin-top: 0px;
}

#footer-wrapper {
 height: 100px;
 background: url( '../img/footer-bg.jpg' ) #3389b4 no-repeat top center;
}

#faq-form {
 /*width: 530px;
 margin: 30px auto;*/
}

#contact-name {
 float: left;
}
#contact-email {
 margin-left: 270px;
}
.field {
 padding: 6px 0px;
}
.field .title {
 font-size: 0.9em;
 color: #878787;
}

.text-field, textarea {
 padding: 4px;
 border: 1px solid #6e9fc1;
 font-size: 1.1em;
 font-family: Arial, Helvetica, sans-serif;
}
.text-field:focus, textarea:focus {
 background: #effaff;
}

textarea {
 width: 519px;
}

.submit input {
 font-size: 1.1em;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
}

#submit_status.success {
 background: url( '../img/checkmark.jpg' ) no-repeat left center;
 padding-left: 24px;
 color: #368f1a;
}
#submit_status.loading {
 background: url( '../img/loading.gif' ) no-repeat left center;
 padding-left: 24px;
}
#submit_status.error {
 background: url( '../img/error.png' ) no-repeat left center;
 color: #ff0000;
 padding-left: 22px;
}


.grade8 {
 float: left;
 width: 420px;
 background: #f3f2e0;
 padding: 20px;
 border: 1px solid #dad8b4;
 margin-bottom: 18px;
}

.grade7 {
 margin-left: 490px;
}

.grade7 .box {
 background: #f3f2e0;
 border: 1px solid #dad8b4;
 padding: 20px;
 }

.grade7 h2, .grade8 h2 {
 color: #3389b4;
}

a { 
 color: #3389b4;
}

p.notice {
 background: url( '../img/star.png' ) no-repeat 0px 2px;
 padding-left: 24px;
 color: #7d671a;
}

p.map {
 background: url( '../img/map-icon.png' ) no-repeat 0px 2px;
 padding-left: 24px;
}

#nav {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 float: right;
}

table { 
 width: 100%;
}
table thead th {
 background: #3389b4;
 color: #fff;
 text-align: left;
}
table th, table td {
 padding: 6px;
}
table th.activity, table th.date {
 width: 50%;
}