*
{
margin: 0;
padding: 0;
}

body
{
background: #fff;
}

blockquote
{
color: #666;
font: 13px/16px arial, sans-serif;
padding: 0 20px 10px 20px;
}

a,
a:link,
a:visited,
a:active
{
color: #007ffe;
font-family: arial;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

h1
{
color: #333;
float: left;
font: bold 18px/22px arial, sans-serif;
margin: 5px 0;
width: 400px;
}

h2
{
color: #369;
font: bold 16px/20px arial, sans-serif;
margin: 0 0 12px 0;
}

h3
{
font: bold 18px/22px arial, sans-serif;
letter-spacing: 0.3px;
}

h4
{
font: 36px/40px arial, sans-serif;
}

h5
{
font: bold 16px/20px arial, sans-serif;
margin: 12px 0;
}

h6
{
color: #fff;
font: bold 12px/14px arial, sans-serif;
margin: 0 0 8px 0;
}

p
{
color: #666;
font: 13px/16px arial, sans-serif;
margin: 0 0 12px 0;
}

ul
{
color: #666;
font: 13px/16px arial, sans-serif;
list-style-type: square;
margin: 0 0 8px 18px;
}

ul li
{
margin: 0 0 5px 0;
}

ol
{
color: #666;
font: 13px/16px arial, sans-serif;
margin: 0 0 8px 30px;
}

ol li
{
margin: 0 0 5px 0;
}

.slot
{
border-bottom: 1px solid #def;
margin: 0 0 15px 0;
padding: 10px 10px 15px 10px;
}

.desc
{
background: #def;
border-color: #369;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
font: 13px/16px arial, sans-serif;
float: left;
margin: 0 10px 0 20px;
padding: 15px;
width: 450px;
}

.class-dropdown
{
float: left;
width: 400px;
}

.error
{
padding: 1px 0 1px 20px;
background: url('/_images/common/alert.gif') no-repeat;
color: #C00;
}

#errorContent
{
background: #c00;
color: #fff;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
margin: 0 0 6px;
padding: 8px; 
}

#error_fields p
{
color: #fff;
margin: 10px;
}

input.form-error
{
border-color: #900 !important;
}

select.form-error
{
color: #900 !important;
border-color: #900 !important;
}

#registrationForm {
padding: 30px 0 10px;
}

label
{
display: block;
font: bold 14px/18px arial, sans-serif;
margin: 0;
padding: 6px 0 2px 0;
}

.fancyCheckBox {
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
margin: 0 0 6px;
padding: 8px;
cursor: pointer;
}
.fancyCheckBox:hover,
.fancyCheckBox.on
{
-webkit-box-shadow: 0 3px 3px 1px rgba(153, 153, 153, 0.4) inset, 0 1px 0 #fff;
-moz-box-shadow: 0 3px 3px 1px rgba(153, 153, 153, 0.4) inset, 0 1px 0 #fff;
box-shadow: 0 3px 3px 1px rgba(153, 153, 153, 0.4) inset, 0 1px 0 #fff;
background: #97b7d8;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
color: #494949;
}

.fancyCheckBox:hover p,
.fancyCheckBox.on p
{
color: #494949;
}

.fancyCheckBox strong
{
font: bold 16px/18px arial, sans-serif;
}
label[for=specialneeds],
label[for=travelArrangements],
#availabilityLabel,
#notavailabilityLabel {
margin: 0 0 4px;
width: 604px;
}

legend
{
padding: 0 8px;
color: #336699;
font: bold 20px/24px arial, sans-serif;
text-shadow: 1px 1px 3px #fff;
}

div + legend
{
margin: 8px 0 0 0;
}

fieldset
{
background: #ebf1fd;
border: 1px solid #ccc;
color: #555;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
display: block;
font: 14px/18px arial, sans-serif;
height: 600px;
margin: 0 30px 0 0;
padding: 8px 15px 15px 15px;
position: relative;
width: 928px;
}

fieldset.last
{
margin: 0;
}

.field-container {
padding: 0 8px;
}

.intro {
padding: 8px 0;
}

.intro > h2 {
margin: 0 0 6px;
}

.intro > p {
font-size: 14px;
}

.positionDescription
{
display: block;
font: 13px/18px arial, sans-serif;
margin: 0;
padding: 6px 20px 4px 26px;
}

.positionRequirements
{
display: block;
font: 11px/15px arial, sans-serif;
margin: 0;
padding: 0 20px 0 26px;
}

input.text
{
border: 1px solid #ccc;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
color: #555;
font: bold 14px/18px arial, sans-serif;
display: block;
margin: 0 0 6px 0;
padding: 3px 5px;
width: 370px;
}

input.specialText
{
border: 1px solid #ccc;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
color: #555;
font: bold 14px/18px arial, sans-serif;
display: block;
margin: 0 0 6px 0;
padding: 3px 5px;
width: 100px;
}

input[type=radio],
input[type=checkbox],
input.radioCheck
{
float: left;
height: 20px;
margin: 2px 5px 0 0;
width: 20px;
}

label input[type=radio],
label input[type=checkbox],
label input.radioCheck
{
margin: 0 5px 0 0;
}

select
{
border-color: #369;
color: #036;
font: bold 13px arial, sans-serif;
margin: 0 0 8px 0;
width: 380px;
}

select.multipleSelect
{
border: 1px solid #ccc;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
color: #036;
font: bold 13px arial, sans-serif;
margin: 0 0 8px 0;
padding: 6px;
width: 480px;
height: 100px;
}

select.multipleSelect option
{
font: bold 13px arial, sans-serif;
margin: 3px;
}

textarea
{
border: 1px solid #ccc;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
color: #555;
font: 14px/18px arial, sans-serif;
margin: 0 0 4px;
padding: 3px 5px;
resize: none;
width: 620px;
}

#availabilityNotes,
#travelArrangements
{
height: 60px;
}
#specialneeds
{
height: 60px;
}

.commonButton
{
border: 1px solid #369;
-moz-border-radius: 16px; /* Firefox */
-webkit-border-radius: 16px; /* Safari, Chrome */
border-radius: 16px 16px 16px 16px; /* CSS3 */
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
background: #4070a2;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.3);
color: #fff;
cursor: pointer;
font: bold 14px/20px arial, sans-serif;
margin: 5px 0;
padding: 4px 16px;
cursor: pointer;
}


#formSlides li
{
width: 990px;
height: 625px;
}
/* container styles */

#container
{
margin: 20px auto;
width: 960px;
}

#contentHeader
{
margin: 14px 0 0 0;
}

#leftColumn
{
float: left;
margin: 0 12px 0 0;
position: relative;
width: 633px;
}

#leftColumn > ul
{
color: #666;
font: 13px/16px arial, sans-serif;
list-style: square;
margin: 0 0 0 20px;
}

#leftColumn > ul li
{
list-style: square;
}

/* header and top nav styles */

#header
{
clear: both;
}

h1.newsEvents
{
background: url(/_media/images/home/news_events_head.gif) top left no-repeat;
}

h1.contactUs
{
background: url(/_media/images/contact/contact_us_head.gif) top left no-repeat;
}

h1.faqHead
{
background: url(/_media/images/faqs/faqs_head.gif) top left no-repeat;
}

h1.registrationHead
{
background: url(/_media/images/registration/registration_head.gif) top left no-repeat;
}

h1.coordinatorsHead
{
background: url(/_media/images/staff/coordinators_head.gif) top left no-repeat;
}

h1.instructorsHead
{
background: url(/_media/images/staff/instructors_head.gif) top left no-repeat;
}

h1.classRegistration
{
background: url(/_media/images/registration/class_registration.gif) top left no-repeat;
}

img#dateHead
{
display: block;
margin: 0 0 12px 0;
}

#mainNav
{
background: url(/_media/images/common/trees_FPO.jpg) top left no-repeat;
height: 300px;
position: relative;
width: 960px;
}

img#wwwHead
{
left: 30px;
position: absolute;
top: 22px;
}

#mainNav ul
{
bottom: 0;
list-style: none;
position: absolute;
right: 0;
margin: 0;
padding: 0;
}

#mainNav ul li
{
float: left;
font: bold 12px/15px arial, sans-serif;
letter-spacing: 0.5px;
text-transform: uppercase;
margin: 0;
padding: 0;
}

#mainNav ul li a
{
background: #000;
color: #fff;
display: block;
margin: 0 0 0 1px;
opacity: 0.8;
padding: 20px 15px 10px 15px;
text-decoration: none;
width: 115px;
}

#mainNav ul li a:hover,
#mainNav ul li a.current
{
background: #fff;
color: #164e93;
text-decoration: none;
}

img#facebookJoin
{
display: block;
float: right;
}


/* home page styles */

.post
{
border-bottom: 1px solid #333;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
}

.last
{
border-bottom: none !important;
}

.post .date
{
background: #e0e4e9;
color: #fff !important;
float: left;
margin: 0 12px 0 0;
padding: 3px;
width: 45px;
}

.post .date h3,
.post .date h4
{
text-align: center;
text-transform: uppercase;
}

.postContent
{
float: left;
width: 570px;
}

.postContent p
{
margin: 0 0 12px 0;
}


/* right column styles */

#rightColumn
{
float: left;
width: 315px;
}

#wonderlandBadge
{
border: 1px solid #e0e4e9;
margin: 0 0 20px 0;
padding: 4px;
}

#wonderlandBadge #badgeContent
{
background: #404040;
padding: 14px 12px;
}

#wonderlandBadge #badgeContent p
{
color: #fff;
font: 11px/14px arial, sans-serif;
margin: 0 0 8px 0;
}

#wonderlandBadge #badgeContent p.last
{
margin: 0;
}

#wonderlandBadge #badgeContent a,
#wonderlandBadge #badgeContent a:hover
{
color: #7dbdfe;
}

#accordion
{
border-top: 1px solid #333;
color: #666;
font: 11px/14px arial, sans-serif;
margin: 15px 0;
padding: 15px 3px 0 15px;
}

#accordion h3
{
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #999;
}

#accordion h3.ui-state-active
{
border: none;
padding: 0;
}

#accordion h3 a
{
background: url(/_media/images/common/right_arrow_accordion_off.gif) right center no-repeat;
color: #666;
display: block;
font: bold 12px/14px arial, sans-serif;
text-decoration: none;
}

#accordion h3 a:hover,
#accordion h3.ui-state-active a
{
background: url(/_media/images/common/right_arrow_accordion.gif) right center no-repeat;
color: #369;
}

#accordion div
{
margin: 10px 0;
padding: 0 0 0 18px;
}

#accordion ul
{
border-bottom: 1px solid #999;
list-style-type: disc;
margin: 10px 0;
padding: 0 0 0 18px;
}

#accordion ul li
{
margin: 0 0 10px 0;
}

/* footer styles */

#footer
{
border-top: 1px solid #333;
margin: 5px 0 0 0;
padding: 5px 0 0 0;
clear: both;
}

#footer p#copyright
{
color: #333;
font: 11px/18px arial, sans-serif;
}

#footer ul#footerNav
{
list-style: none;
}

#footer ul#footerNav li
{
display: inline;
font: 11px/18px arial, sans-serif;
}

#footer ul#footerNav li a
{
border-left: 1px solid #666;
color: #999;
font: 11px/18px arial, sans-serif;
padding: 0 5px;
}

#footer ul#footerNav li a:hover
{
text-decoration: none;
}

#footer ul#footerNav li.first a
{
border: none;
padding: 0 5px 0 0;
}

#regDetails,
#hotelDetails
{
border: 1px solid #369;
-moz-border-radius: 16px; /* Firefox */
-webkit-border-radius: 16px; /* Safari, Chrome */
border-radius: 16px 16px 16px 16px; /* CSS3 */
margin: 10px 0;
padding: 20px;
}

#regDetails p
{
margin: 0 !important;
padding: 0 !important;
}

/* admin styles */

#savedApplication
{
margin: 0 0 20px 0;
}

#savedApplication #content p
{
margin: 0 0 10px 0;
}

input.backButton,
input.nextButton,
input.submitButton
{
border: 1px solid #369;
-moz-border-radius: 16px; /* Firefox */
-webkit-border-radius: 16px; /* Safari, Chrome */
border-radius: 16px 16px 16px 16px; /* CSS3 */
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
background: #4070a2;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.3);
color: #fff;
cursor: pointer;
display: block;
font: bold 16px/20px arial, sans-serif;
margin: 0 0 5px 0;
padding: 4px 6px;
position: absolute;
width: 200px;
z-index: 5;
cursor: pointer;
}

input.payPalButton
{
border: 1px solid #369;
-moz-border-radius: 16px; /* Firefox */
-webkit-border-radius: 16px; /* Safari, Chrome */
border-radius: 16px 16px 16px 16px; /* CSS3 */
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
background: #4070a2;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.3);
color: #fff;
cursor: pointer;
display: inline-block;
font: bold 16px/20px arial, sans-serif;
margin: 0 0 5px 0;
padding: 4px 6px;
width: 200px;
z-index: 5;
}

input.submitButton
{
bottom: 10px;
right: 14px;
}

input.nextButton
{
bottom: 10px;
right: 14px;
}

input.backButton
{
bottom: 10px;
left: 14px;
}

@-moz-document url-prefix() {
	input.nextButton, input.submitButton {
		right: 29px;
		bottom: 35px;
	}
	input.backButton {
		left: 4px;
		bottom: 35px;
	}
}

p.redText
{
color: #900;
}

#instructions
{
background: #eee;
border: 1px solid #ccc;
margin: 10px 0;
padding: 12px;
}

#leftColumn ol
{
font: 13px/16px arial, sans-serif;
padding: 0 0 0 18px;
}

#leftColumn > ul
{
font: 13px/16px arial, sans-serif;
list-style: disc;
padding: 0 0 0 18px;
}

#leftColumn > ul li,
#leftColumn > ol li
{
margin: 0 0 8px 0;
}

#leftColumn > ul li ul
{
font: 12px/15px arial, sans-serif;
list-style: disc;
padding: 5px 0 0 18px;
}

#leftColumn > ul li ul li
{
margin: 0 0 5px 0;
}

#leftColumn p
{
margin: 0 0 12px 0;
}


/* FAQs page */


p.answer
{
border-bottom: 1px solid #333;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
}

span.blue
{
color: #369;
font: bold 16px/20px arial, sans-serif;
}


/* Staff page */


.coordinator
{
float: left;
font: 11px/14px arial, sans-serif;
margin: 0 12px 0 0;
width: 100px;
}

fieldset.feedback
{
width: 530px;
height: auto;
margin-bottom: 20px;
}

fieldset.feedback textarea
{
width: 480px;
}


/* utility styles */

#registrantDetail
{
border: 1px solid #ccc;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
margin: 0 0 15px 0;
padding: 20px;
}

#registrantDetail h3
{
font: bold 14px/18px arial, sans-serif;
letter-spacing: 0.3px;
}

#registrantInfo
{
border: 1px solid #ccc;
border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
}

#registrantInfo .paddedCell
{
color: #666;
font: 13px/16px arial, sans-serif;
margin: 20px;
}

#registrantDetail ul
{
list-style: none;
margin: 0 0 30px 0;
padding: 5px 0 0 18px;
}

#registrantDetail .paddedCell
{
color: #666;
font: 13px/16px arial, sans-serif;
}

.buttonCell
{
background: #ccc;
border-top: 1px solid #ccc;
height: 40px;
margin: 0 0 15px 0;
position: relative;
border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
}

.cellButton
{
border: 1px solid #369;
bottom: 10px;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
box-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
background: #4070a2;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.3);
color: #fff;
cursor: pointer;
display: block;
font: bold 12px/16px arial, sans-serif;
padding: 2px 3px;
position: absolute;
right: 10px;
width: 150px;
z-index: 5;
cursor: pointer;
}

.boldDivider
{
background: #333;
clear: both;
height: 6px;
margin: 0 0 20px 0;
}

.clearIt
{
clear: both;
}

.floatLeft
{
float: left;
margin: 0 20px 0 0;
min-width: 300px;
position: relative;
}

.paypalFloat
{
float: left;
margin: 0 20px 0 0;
position: relative;
}

.floatRight
{
float: right;
margin: 0 0 0 20px;
}

.hideText
{
visibility: hidden;
}

#unreal
{
display: none;
}

input.loginText
{
border: 1px solid #ccc;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
color: #555;
font: bold 14px/18px arial, sans-serif;
display: block;
margin: 0 0 6px 0;
padding: 3px 5px;
width: 260px;
}

label.loginLabel
{
color: #fff !important;
}

img#aciFull
{
position: absolute;
top: 175px;
left: 650px;
}

.sessionLevel
{
background: #fff;
border: 1px solid #900;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px 8px 8px 8px; /* CSS3 */
color: #900;
font: bold 12px/16px arial, sans-serif;
padding: 5px;
position: absolute;
right: 15px;
top: 15px;
}