body {   background:#369; color: #333; padding-top:20px;}

body, p, ol, ul, td {
  font-size:12px;
  font-family:"Lucida Sans", Helvetica, Arial, sans-serif;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #369; }
a:hover {}

#nav {margin:0px auto 0px;padding:0;border-bottom:1px solid;}
#nav ul {list-style:none;margin:0;padding:0;}
#nav li {margin:0;padding:0;display:inline;margin-right:8px;}
#nav li a {width:120px;height:28px;line-height:28px;text-align:center;margin:0px 0 0 0;padding:0px 0 0px 0;background:#fff;text-decoration:none;font-weight:bold;}
#nav li a:hover {text-decoration:underline;}

#header {height:140px;margin:10px 0 30px;padding-bottom:10px;border-bottom:2px solid;}
h3#camp-logo {float:left;}
#header h1 {float:left;margin:60px 30px;}

#content {position:relative;width:778px;margin:0px auto 20px;border:1px solid #000;padding:0px 30px 20px 30px;background:#fff;}

#footer {width:600px;text-align:center;margin:0 auto 0;color:#fff;}
#footer a {color:#fff;}

.alert {color:#900;background:#fdd;border:4px solid; padding:10px;margin:10px 0 20px 0;}

.fieldWithErrors {

  padding: 2px;
  background-color: #9cc;
display:inline;
}

#errorExplanation {
  width: 500px;
  border: 2px solid #990000;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #990000;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  margin-left: 28px;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.flash_notice {border:2px solid #060;padding:10px;color:#060;font-weight:bold;font-size:115%;background:#D7E0B8;}

.rating-fields {margin:0 0 12px 0;}
.rating-fields label {display:inline;vertical-align:middle;}
.rating-fields input {vertical-align:middle;}

.question {font-weight:bold;margin-top:1.3em;}

td.form_header {font-size:14px;font-weight:bold;border-bottom:1px solid;padding-top:16px;}
td.form_section_header{font-weight:bold;padding-top:16px;}
th, td {padding:4px;text-align:left;}
td.emailcode {font-size:70%;}
td.hint{border-left:2px solid #888;}

table#camp-weeks {border:1px solid;border-collapse:collapse;}
table#camp-weeks th {border:1px solid;text-align:center;background:#369;color:#fff;vertical-align:top;}
table#camp-weeks td {margin:0;width:120px;text-align:center;border:1px solid;padding:2px;vertical-align:top;padding:4px;}
table#camp-weeks td.week {width:210px;text-align:left;}


#learn-more {border:2px solid #aaa;width:340px;float:left;clear:left;margin:0 30px 0 0;padding:6px 20px;}
#learn-more ul {}
#learn-more li {margin:5px;font-weight:bold;color:#aaa;}
#learn-more li {font-size:14px;line-height:19px;padding-bottom:6px;}

#register-options {border:2px solid #aaa;width:320px;float:left;clear:right;padding:6px 20px;}
ol#form-instructions {}
ol#form-instructions li {font-size:30px;margin:5px;font-weight:bold;color:#aaa;}
ol#form-instructions li span {font-size:14px;color:#555;vertical-align:middle;padding-bottom:6px;}

#btn_start { display:block;background:#070;border:1px solid black;margin:20px auto 20px;text-align:center;padding:20px 30px;width:140px;color:#fff;font-size:20px;font-family:"Lucida Grande", "Lucida Sans",Helvetica,sans-serif;text-decoration:none;}
#btn_start:hover {text-decoration:underline;}

#home-discounts {clear:both;padding:20px 0 0 0;}

#landing {width:100%;min-height:700px;}
#landing #column-1 {width:260px;float:left;clear:left;margin:0 30px 0 0;padding:0;}
#landing #learn-more {margin:0;width:220px;clear:none;margin:0 0 20px 0;}
#landing #video {display:block;float:left;}
#landing #schedule {width:100%;}

#landing table#camp-weeks {border:none;border-collapse:none;width:100%;}
#landing table#camp-weeks td {border:none;border-bottom:1px solid #ccc;text-align:left;font-size:110%;}
#landing table#camp-weeks td.dates {width:70px;padding-left:0;}
#landing table#camp-weeks tr.special td {padding-top:26px;}
#landing table#camp-weeks td.theme {padding-left:10px;}
#landing table#camp-weeks td.price {text-align:right;width:40px;}

.selected {padding:2px;border:1px solid;background:#2f2;}

.clear {clear:both;}

.activity-price {font-style:italic;font-weight:bold;}

table#registration-receipt {width:500px;margin:10px auto 10px;border:1px solid;padding:5px 10px;}
table#registration-receipt .datetime {font-size:90%;text-align:right;padding:0;margin:0;}
table#registration-receipt th.header {background:#eee;margin-top:30px;}
table#registration-receipt td.receipt-price {text-align:right;}
tr.table-total-row td {border-top:1px solid black;font-weight:bold;}

.strikeout {text-decoration:line-through;margin-right:4px;font-size:88%;}
.discount {color:#060;}

ul#progress {list-style:none;margin:0;padding:0;float:right;}
ul#progress li {display:inline;margin:0 40px 0 0;}
ul#progress li.current a {font-weight:bold;color:#369;border:1px solid;padding:2px;}

.parent_info {width:100%;clear:both;height:130px;margin:0 0 20px 0;}
.parent_info h3 {font-size:108%;color:#222;border-bottom:1px solid;}
.parent_info h4 {font-size:100%;color:#555;margin:0;}
.parent_info label {font-weight:bold;color:#555;width:90px;float:left;}
.parent_info p {font-size:92%;color:#222;margin:0;}
.parent_info div.contact {width:50%;float:left;}
.parent_info div.address {width:50%;float:right;}


#payment-options h2 {margin-top:40px;}

.payment-types {margin:0 0 0 0px;padding:0;list-style:none;padding:3px;}
.payment-types li {margin:0;padding:0;display:inline;}
.payment-types img {margin:0;padding:0;}

#payment-offline, #payment-online-deposit, #payment-online-full {width:230px;height:270px; position:relative;float:left;background:#e3e3e3;margin:0 22px 10px 0;padding:6px 6px 0 6px;}
#payment-offline h3, #payment-online-deposit h3, #payment-online-full h3 {margin:0;text-align:center;}
#payment-offline input, #payment-online-deposit input, #payment-online-full input {position:absolute;bottom:10px;left:10px;margin:0 auto 0; width:220px;}

#payment-online-deposit {}
#payment-online-full {}
#payment-offline {margin-right:0;}