html, body, form { margin: 0; padding: 0; }
body { font: normal 76% "Comic Sans", "Comic Sans MS" cursive; background: #4d0e09; color: #7a302c; }

ul, li, form, dt, dl, dd, ol, div, p, 
blockquote, h1, h2, h3, h4, h5, h6, a, code, pre { margin: 0; padding: 0; }
/*ul { list-style-type: none; list-style-image: none; }*/
hr { display: none; }
input, textarea, select { font-family: inherit; color: #000000; }
strong, b { font-weight: bold; }

a img { border: 0; }
a { text-decoration: udnerline; }
a:link,
a:visited,
a:active { color: #0cc; }
a:hover { color: #0cc; }

h1 { font-size: 2.0em; font-weight: lighter; margin-top: 0em; margin-bottom: 0em; }
h2 { font-size: 1.7em; margin: 1.2em 0em 1.2em 0em; font-weight: lighter; }
h3 { font-size: 1.4em; margin: 1.2em 0em 1.2em 0em; font-weight: lighter; }
h4 { font-size: 1.2em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }
h5 { font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }
h6 { font-size: 0.8em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

.left { float: left; }
.right { float: right; }
.hide { display: none; }
.mt { margin-top: 1em; }
.mb { margin-bottom: 1em; }
.pt { padding-top: 1em; }
.pb { padding-bottom: 1em; }
.nom { margin: 0; }
.nop { padding: 0; }
.nomp { margin: 0; padding: 0; }
.nob { border: 0; }
.smaller { font-size: 0.9em; }
.cleardiv { clear: both; height: 1px; font-size: 0; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.banner-hr { border: 1px solid #ddd; border-width: 1px 0 0 0; margin: 1em 0; clear: both; }
.additional-info { line-height: 1.5em; font-size: 0.9em; }
 

.table { border-collapse: collapse; border-spacing: 0; clear: left; }
.table.full_width { width: 100%; }
.table td { vertical-align: top; }

#basket { margin: 20px auto; padding: 20px; width: 850px; height: auto; background: url(/images/picnic_weave.jpg); }

#container { position: relative; border: 2px solid #dc4800; width: 850px; height:auto;}

#logo_link { position: absolute; top: 0px; left: 48px; height: 8em; width: 7em; }
#home_link { position: absolute; top: 10px; left: 280px; height: 7em; width: 18.5em; }
#picnic_guide_link { position: absolute; top: 140px; left: 60px; height: 1.25em; width: 14em;}
#picnic_rules_link { position: absolute; top: 140px; left: 310px; height: 1.25em; width: 16.5em; }
#picnic_resource_link { position: absolute; top: 140px; left: 603px; height: 1.25em; width: 12.5em; }

#top {background: url(/images/top_picnic.png); height: 173px;}
#sky {background: url(/images/picnic_bg.jpg); height: 459px;}
#home {background: url(/images/home.png); height: 216px;}

#content { width: 100%; font-size: 1em; text-align: center;}
#content img {vertical-align: middle; }
#content h2 {color: #dc4800; display: inline; padding: 0 50px; font-size: 1.8em;}

#content div { margin: 0 75px; }

#content .main { float: left; width: 220px; padding: 10px; display: inline; text-align: left; margin-right: 0px;}
#content .main a:link,
#content .main a:visited,
#content .main a:active { color: #7a302c; font-weight: bold; text-decoration: none;}
#content .main a:hover { color: #7a302c; font-weight: bold; text-decoration: none;}

#content .mainimg { float: left; display: inline; padding: 20px 10px; margin: 0;}

.picnic_res {margin: 0 25px; position: relative; top: 34px; }

.box { color: #7a302c; background-color: #fff; width: 340px; border: 2px solid #dc4800; float: left; margin: 30px 30px 30px 40px; padding: 0 0 10px 0; font-size: 10pt; height:160px; display: inline;}
.box h3 {color:#ff6; background-color: #dc4800; margin-top: 0px; margin-bottom: 10px;  padding-left: 10px; font-size: 1.5em; font-weight: bold;}
.box a.arrow img{float: right}
.box img {float: right;}
.box_copy{padding: 0 10px; }
.box_copy a:link,
.box_copy a:visited,
.box_copy a:active,
.box_copy a:hover { color: #723c93}

.footnote {clear: right; color: #dc4800; float: right; margin-right: 60px; margin-top: 10px; display: inline;}

.details {width: 220px; padding: 10px; float: left; display: inline; margin: 0 !important; text-align: left; font-size: .9em; } 
.details a { text-decoration: udnerline; }
.details a:link,
.details a:visited,
.details a:active { color: #723c93; }
.details a:hover { color: #723c93; }
.details img {float: right; padding-right: 50px; width: 200px;}

.survey { overflow: auto; height: 330px; }

.survey_right {float: right; padding-top: 40px; width: 240px;}
.survey_right img { float: right; width: 150px; clear: right; padding: 25px 50px 0 0;}

.error { color: #f00; font-style: italic; font-weight: bold;}

#footer { background: #FFF; color: #0cc; text-align: center; font-size: .8em; padding: 10px 5px 10px 117px;}

.webform_errors { background-color: #fbb; padding: 6px; margin: 0 0 10px; }