/* CSS for twelvedays.php landing page */
body { background: url(../images/twelvedays/bg.gif) center repeat; padding:20px 0 20px 0px; }
#wrapper { width:839px; margin:0 auto; overflow:hidden; background: url(../images/twelvedays/content-bg.gif) repeat-y; padding:30px 0 0 0; }
#header  { width:305px; margin:0 auto; overflow:hidden; padding:0 0 25px 0;} 
#masthead { clear:both; width:839px; height:314px; overflow:hidden; }
#sub-header { clear:both; width:839px; height:72px; overflow:hidden; padding:10px 0 0 0;}
div#content-wrapper { width:839px; overflow:hidden; }
div#content { padding:10px 30px 20px 50px; overflow:hidden; }
div#content #inset { float:right; width:247px; margin:0 0px 0 10px; }
div#content p, div#content ul li { color:#4a4236; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }


div#content div#menu-box ul li { color:#4a4236; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; padding: 0px 0px 0px 28px; }
div#menu-box {background:#f1edda; border-top: 2px solid #ded2aa; border-bottom: 2px solid #ded2aa; width:500px;}

div#content div#menu-box ul li#events {background-image:url(../images/twelvedays/events-icon.gif); margin-top:20px; background-position:0px;background-repeat:no-repeat; list-style-type:none; height: 21px; padding-top:5px;}
div#content div#menu-box ul li#overnight-package{background-image:url(../images/twelvedays/overnight-package-icon.gif);background-position:0px;background-repeat:no-repeat; list-style-type:none; height:21px; padding-top:5px;}
div#content div#menu-box ul li#brochure{background-image:url(../images/twelvedays/pdf-icon.gif);background-position:0px;background-repeat:no-repeat; list-style-type:none;height:21px; padding-top:5px;}
div#content div#menu-box ul li#gingerbread-comp{background-image:url(../images/twelvedays/gingerbread-icon.gif);background-position:0px;background-repeat:no-repeat; list-style-type:none;height:21px; padding-top:5px;}

div#content h1 { color:#917f51; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; font-variant: small-caps; }
div#content h2 { font-size:14px; line-height:18px; color:#857649; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-top:10px; }
div#content a { color:#660706; text-decoration:underline; font-weight:bold; }
div#content .reservations  {color:#660706; font-weight: bold; }
div#content table#hours { background-color:#f0eee2; }
div#content table#hours td { color:#4a4236; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; border-bottom:#c1b79b 1px solid; border-right:#c1b79b 1px solid; text-align:center; padding:5px 10px 5px 10px; }
div#content table#hours td.no-border {border:none;}
div#content table#hours td.no-right-border {border-right:none;}
div#content table#hours td.no-bottom-border {border-bottom:none;}
div#content table#hours td.more-padding {padding-top:10px;}
#footer { width:837px; border-top:#ebebe3 1px solid; color:#917f51; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; padding:5px 0 5px 0; text-align:center; margin:0 auto; }

/* Form */
div#content form { color:#4a4236; font-family:Arial, Helvetica, sans-serif; font-size:12px; } 
div#content form legend { color:#917f51; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; font-variant: small-caps; }
div#content form fieldset { 
    margin:0 0 10px;
    padding:10px 0;
}
div#content form label.required {font-weight:bold;}
div#content form select#credit_card_number { margin:0 0 0 6px; }
div#content form #info-wrapper {overflow:hidden; width:500px; }
div#content form #info-wrapper .field {
    width:500px;
    overflow:hidden;
    padding:6px 0;
}
div#content form #info-wrapper div.field input, 
div#content form #info-wrapper div.field select { 
    float:left;
    margin:0 0 0 5px;
    display:inline; 
}
div#content form #info-wrapper .field label { 
    float:left;
    text-align:right;
    width:118px;
}
div#content form label { padding:0 0 0 10px; }
div#content form ul#filter-list-left { list-style:none; float:left; width:240px; margin:0 0 0 5px; padding:0; }
div#content form ul#filter-list-middle { list-style:none; float:left; width:240px; margin:0; padding:0; }
div#content form ul#filter-list-right { list-style:none; float:left; width:240px; margin:0 0 0 5px; padding:0; display:inline; }
div#content form ul.checkboxgroup { font-size:11px; }
div#content form ul.checkboxgroup li { float:left; display:inline; width:240px; margin:10px 0px 10px 0px; }
div#content form ul.checkboxgroup li input {float:left;}
div#content form ul.checkboxgroup li label {width:210px; float:right; display:block; }
div#content form ul.checkboxgroup li span.title{ font-size:13px; font-weight:bold; }
div#content form ul.checkboxgroup li label.label-number_child_attending,
div#content form ul.checkboxgroup li label.label-number_attending {float:left; width:104px; padding:10px 0 0 30px; }
div#content form ul.checkboxgroup li select.dropdown-number_attending,
div#content form ul.checkboxgroup li select.dropdown-number_child_attending {  margin:8px 61px 18px 0; display:inline;}
div#content form .buttons { float:right; padding:0 50px 0 0; }
div#content form ul.checkboxgroup li div.hidden { display:none; }
div#content form ul.checkboxgroup li .title-number_attending { padding:5px 0 5px 30px; float:left; }
div#content form ul.checkboxgroup li .show-1,
div#content form ul.checkboxgroup li .show-2,
div#content form ul.checkboxgroup li .show-3,
div#content form ul.checkboxgroup li .show-4,
div#content form ul.checkboxgroup li .show-5,
div#content form ul.checkboxgroup li .show-6,
div#content form ul.checkboxgroup li .show-7,
div#content form ul.checkboxgroup li .show-8,
div#content form ul.checkboxgroup li .show-9,
div#content form ul.checkboxgroup li .show-11,
div#content form ul.checkboxgroup li .show-12,
div#content form ul.checkboxgroup li .show-13,
div#content form ul.checkboxgroup li .show-14,
div#content form ul.checkboxgroup li .show-15,
div#content form ul.checkboxgroup li .show-16,
div#content form ul.checkboxgroup li .show-17,
div#content form ul.checkboxgroup li .show-18,
div#content form ul.checkboxgroup li .show-19,
div#content form ul.checkboxgroup li .show-20,
div#content form ul.checkboxgroup li .show-10 { float:left; width:210px; padding:5px 0 5px 30px; }

div#content form ul.checkboxgroup li .show-1 label,
div#content form ul.checkboxgroup li .show-2 label,
div#content form ul.checkboxgroup li .show-3 label,
div#content form ul.checkboxgroup li .show-4 label,
div#content form ul.checkboxgroup li .show-5 label,
div#content form ul.checkboxgroup li .show-6 label,
div#content form ul.checkboxgroup li .show-7 label,
div#content form ul.checkboxgroup li .show-8 label,
div#content form ul.checkboxgroup li .show-9 label,
div#content form ul.checkboxgroup li .show-11 label,
div#content form ul.checkboxgroup li .show-12 label,
div#content form ul.checkboxgroup li .show-13 label,
div#content form ul.checkboxgroup li .show-14 label,
div#content form ul.checkboxgroup li .show-15 label,
div#content form ul.checkboxgroup li .show-16 label,
div#content form ul.checkboxgroup li .show-17 label,
div#content form ul.checkboxgroup li .show-18 label,
div#content form ul.checkboxgroup li .show-19 label,
div#content form ul.checkboxgroup li .show-20 label,
div#content form ul.checkboxgroup li .show-10 label{ float:left; }
div#content form ul.checkboxgroup li .show-1 input,
div#content form ul.checkboxgroup li .show-2 input,
div#content form ul.checkboxgroup li .show-3 input,
div#content form ul.checkboxgroup li .show-4 input,
div#content form ul.checkboxgroup li .show-5 input,
div#content form ul.checkboxgroup li .show-6 input,
div#content form ul.checkboxgroup li .show-7 input,
div#content form ul.checkboxgroup li .show-8 input,
div#content form ul.checkboxgroup li .show-9 input,
div#content form ul.checkboxgroup li .show-11 input,
div#content form ul.checkboxgroup li .show-12 input,
div#content form ul.checkboxgroup li .show-13 input,
div#content form ul.checkboxgroup li .show-14 input,
div#content form ul.checkboxgroup li .show-15 input,
div#content form ul.checkboxgroup li .show-16 input,
div#content form ul.checkboxgroup li .show-17 input,
div#content form ul.checkboxgroup li .show-18 input,
div#content form ul.checkboxgroup li .show-19 input,
div#content form ul.checkboxgroup li .show-20 input,
div#content form ul.checkboxgroup li .show-10 input {float:left; }
div#content div#left-images {float:right}

img.validation-error { margin:0 0 0 3px; }
div.form-error { border:2px solid #F00; padding:8px 10px; text-align:left; background:#FF9; color:#000; font-size:1.1em; }


.event-children-dropdown { clear:both; }
.event-children-dropdown select, .event-adults-dropdown select { margin-left:30px; }