* { margin: 0px; padding: 0px }
body { background: url('../img/body-background.jpg') 0px 0px repeat-x #f4e198; text-align: center; color: #4d4d4f }

a { color: #4d4d4f }
a:hover { text-decoration: none }
a img { border: none; }

/* Header and utility navigation */
#header { width: 920px; background: url('../img/header-background.jpg') center bottom no-repeat; margin: 0px auto; text-align: left }
#header #logo { margin: 10px 0px 0px 270px }

#header ul { list-style-type: none; float: right; padding: 5px 105px 0px 0px; font: bold 11px sans-serif; color: #db012f }
#header ul li { padding: 2px 0px 2px 10px; background: url('../img/utility-nav-li-background.gif') 0px 3px no-repeat; }
#header ul li a { text-decoration: none; color: #db012f }
#header ul li a:hover { text-decoration: underline }

/* Navigation */
#nav { background: url('../img/nav-background.jpg'); width: 840px; height: 50px; margin: 0px auto }
#nav ul { list-style-type: none; padding: 9px 0px 0px 7px }
#nav ul li { float: left; background: url('../img/nav-li-background.jpg') top right no-repeat; height: 30px; }
#nav ul li a { padding: 9px 20px; width: 160px; color: #fff; text-transform: uppercase; text-decoration: none; font: bold 11px Arial, sans-serif; display: block }
#nav ul li.first-child a { padding-left: 30px; width: 75px; }
#nav ul li a:hover { background: #ffcb00; color: #d3222a; text-decoration: none; }

#nav ul li ul { margin: 0px; padding: 0px 0px 10px 0px; background: #ffcb00; width: 200px; }
#nav ul li ul li { display: block; margin: 5px 0px 0px 10px; padding: 0px 0px 0px 0px; height: auto; width: 180px; background: none; text-align: left; border-bottom: 1px dotted #787916 }
#nav ul li ul li.first-child a { padding: 9px 20px; width: 160px; }
#nav ul li ul li a, #nav ul li.sfHover ul li a { background: none; text-transform: none; font-weight: normal; padding: 5px 0px; margin: 0px; }
#nav ul li ul li a:hover { background: none; font-weight: bold } 
#nav ul li.sfHover a { background: #ffcb00; color: #d3222a }

/* Search input */
#site-search { float: right }
#site-search fieldset { border: none }
#site-search input { border: none; position: relative; top: 17px; right: 47px; width: 105px; font-size: 11px; padding: 0px } 

/* Slideshow */
#slideshow-container { width: 502px; height: 335px; padding: 1px; background: url('../img/slideshow-background.jpg'); overflow: hidden; }
#slideshow, #map { width: 423px; height: 263px; margin: 27px 0px 0px 38px; }
#slideshow img {display:none;}
#slideshow img.first { display:block; }
#slideshow-control { float: right; padding: 2px 40px 0px 0px; }
#slideshow-control a { text-decoration: none; padding: 1px 3px; }
#slideshow-control a.activeSlide { text-decoration: underline; }

/* Sidebar */
#sidebar { width: 256px; height: 790px; padding-bottom: 20px; float: right; background: url('../img/sidebar-background.jpg') bottom right no-repeat; margin-left: 15px; }
#sidebar div.hr { margin: 10px auto; background: url('../img/sidebar-hr.gif') 0px 0px no-repeat; width: 255px; height: 2px; border: none; position: relative; right: -1px }
#sidebar div.hr hr { display: none }

/* Sidebar - Newsletter Signup */
#sidebar #newsletter-signup { padding: 10px 0px 0px 50px; }
#sidebar #newsletter-signup fieldset { border: none }
#sidebar #newsletter-signup label { color: #dc291e; display: block; padding-bottom: 2px }
#sidebar #newsletter-signup input { width: 109px; height: 16px; border: 1px solid #666; border-top: 1px solid #444; background: url('../img/input-background.gif') 0px 0px repeat-x #fff; color: #666 }
#sidebar #newsletter-signup button { vertical-align: top; border: none; cursor: pointer; width: 61px; height: 16px; background: url('../img/button-submit.gif') }
#sidebar #newsletter-signup button span { position: absolute; left: -9999px }

/* Sidebar - Next Event */
#next-event { text-align: center }
#content.secondary #next-event h2, #next-event h2 { font-size: 14px; color: #333; font-variant: small-caps; margin-bottom: 5px; font-weight: bold; } 
#next-event #featured-event { background: url('../img/featured-event-background.jpg'); width: 231px; margin: 0px auto; }
#next-event #featured-event .top { background: url('../img/featured-event-background-top.jpg'); height: 16px; }
#next-event #featured-event .bottom { background: url('../img/featured-event-background-bottom.jpg'); height: 23px; }
#next-event #featured-event a { text-decoration: none; }
#next-event #featured-event img { margin: 0px 2px 0px 0px; }
#next-event #featured-event strong { font-family: Georgia, serif; font-variant: small-caps; font-size: 13px; font-weight: normal; width: 200px; margin: 0px auto; padding: 0px 10px; display: block; }

/* Sidebar - General Info */
#general-info h2 { padding: 10px 0px 10px 50px; background: url('../img/h2-background-general-info.jpg') top right no-repeat; color: #663; font-variant: small-caps; font-size: 16px; letter-spacing: 0.8px }
#general-info ul { list-style-type: none; padding-left: 40px; margin-top: -10px }
#general-info ul li { margin: 14px 0px; background: url('../img/li-background-brown.gif') 0px 4px no-repeat; padding-left: 10px }

/* Sidebar - Market Survey */
#market-survey h2 { padding: 10px 0px 10px 50px; background: url('../img/h2-background-market-survey.jpg') top right no-repeat; color: #663; font-variant: small-caps; font-size: 16px; letter-spacing: 0.8px }
#market-survey ul { list-style-type: none; padding-left: 40px; margin-top: -10px }
#market-survey ul li { margin: 14px 0px; background: url('../img/li-background-brown.gif') 0px 4px no-repeat; padding-left: 10px }

/* Content */
#content { background: url('../img/content-background.png') 0px 0px repeat-y; width: 824px; margin: 0px auto; padding: 0px 48px; text-align: left; font: 12px Georgia, serif; line-height: 16px }
#content .copy { padding: 5px 15px; width: 520px; }
#content p { margin: 0px 0px 10px 0px; }
#content hr { width: auto; height: 2px; margin: 10px 5px; border: none; background: url('../img/hr-wide.gif') #e2a147 }

#content.index #callout { width: 400px; font-family: Georgia, serif; color: #b9150b; padding-left: 85px; background: url('../img/headline-fleur.gif') 30px 10px no-repeat }
#content.index #callout h1 { font-variant: small-caps; font-size: 20px; margin-bottom: 5px; line-height: 26px; }
#content.index .copy { width: 515px; padding: 5px 25px; }

#content.secondary h1 { clear: left; padding: 20px 0px 0px 55px; font-family: Georgia, serif; color: #b9150b; background: url('../img/headline-fleur.gif') 0px 20px no-repeat; font-variant: small-caps; font-size: 20px; margin-bottom: 5px; line-height: 24px; font-weight: normal }
#content.secondary h2 { font-family: Georgia, serif; color: #b9150b; font-variant: small-caps; font-size: 16px; margin-bottom: 5px; line-height: 20px; font-weight: normal }
#content.secondary h3 { font-family: Georgia, serif; color: #b9150b; font-variant: small-caps; font-size: 14px; margin-bottom: 5px; line-height: 18px; font-weight: normal }
#content.secondary ul { list-style-type: none; }
#content.secondary ul li { margin: 14px 0px; background: url('../img/li-background-white.gif') 0px 4px no-repeat; padding-left: 10px }
#content.secondary ul li strong { font-variant: small-caps; font-weight: bold }
#content.secondary ul li ul li { padding: 0px; background: none; margin: 4px 0px 4px 20px; list-style-type: circle; }
#content.secondary table tr { vertical-align: top; }
#content.secondary table td { padding: 2px 5px; }
#content.secondary .event-image { border: 2px solid rgb(169,23,0); float: right; margin: 0 10 0 10;}

/* For various two-column/table layouts */
#content.secondary .two-column { float: left; width: 200px; padding-right: 50px; }

#content.secondary .dispatch-kitchen { width: 200px; float: left; }
#content.secondary .dispatch-kitchen h2, 
#content.secondary .dispatch-kitchen-events h2 { color: #575c1a; padding: 10px 7px 7px 7px; letter-spacing: 1.2px; text-transform: uppercase; font-size: 14px; background: url('../img/h2-background.jpg') no-repeat }
#content.secondary .dispatch-kitchen-events { width: 250px; padding-right: 50px; float: left; }
#content.secondary .dispatch-kitchen-logos { text-align: center; clear: left; }
#content.secondary .dispatch-kitchen-logos img { margin: 40px 10px 0px 10px; }
#content.secondary .school-of-cooking-events { clear: left; }
#content.secondary .school-of-cooking-events h2 { color: #575c1a; padding: 8px 7px 7px 7px; letter-spacing: 1.2px; text-transform: uppercase; font-size: 14px; background: url('../img/h2-background-wide.jpg') no-repeat }

#content.secondary table.events { width: 500px; margin-bottom: 10px; }
#content.secondary table.events tr { background: #faf0e2; }
#content.secondary table.events tr.alt-row { background: #f5e1c4; }
#content.secondary table.events td { border-bottom: 2px solid #fff6eb; width: 250px; }
#content.secondary table.events td a { color: #921910 }

/* Upcoming Events/There's More (index) */
#upcoming-events, #theres-more { color: #4d4d4f; width: 225px; float: left; margin-top: 15px }
#upcoming-events { margin-right: 20px; padding-right: 30px; width: 235px; background: url('../img/slim-vert-div.gif') top right no-repeat }
#upcoming-events a, #theres-more a { font-weight: bold; color: #4d4d4f; font-variant: normal }
#upcoming-events a:hover, #theres-more a:hover { background: #f4e198 }
#upcoming-events h2, #theres-more h2 { color: #575c1a; padding: 10px 7px 7px 7px; letter-spacing: 1.2px; text-transform: uppercase; font-size: 14px; background: url('../img/h2-background.jpg') no-repeat }
#theres-more h2 { background: url('../img/h2-background-short.jpg') no-repeat }
#upcoming-events ul, #theres-more ul { list-style-type: none }
#upcoming-events ul li, #theres-more ul li { margin: 14px 0px; background: url('../img/li-background-white.gif') 0px 4px no-repeat; padding-left: 10px }
#theres-more ul li { font-variant: small-caps; font-weight: bold }

/* Twitter Feed (index) */
#twitter { clear: left; margin: 0px; background: url('../img/bird.gif') 0px -3px no-repeat;}
#twitter a h3 { color: #b9150b; font-size: 13px; margin: 7px 0px 3px 40px; }
#twitter ul { list-style-type: none; }
#twitter ul li { border: 1px solid #e8b269; border-top: none; padding: 5px;}
#twitter ul li:first-child { border: 1px solid #e8b269;}
#twitter ul li a { color: #575c1a; }

/* Three callouts on bottom of index */
.bottom-callout { width: 175px; float: left; padding-bottom: 5px; padding-left: 2px; }
.bottom-callout.wide { width: 270px; padding-right: 20px; background: url('../img/slim-vert-div.gif') 280px 0px no-repeat }
.bottom-callout h3, .bottom-callout h3 a { color: #b9150b; font-size: 13px; text-decoration: none }

.bottom-callout img { float: left; padding-right: 5px }
.bottom-callout div { float: left; width: 175px; }
.bottom-callout ul { padding-left: 15px; display: block; width: 160px; float: left; }

/* Footer */
#footer { width: 920px; min-height: 40px; background: url('../img/footer-placeholder.gif') 0px 0px no-repeat; margin: 0px auto; font-size: 11px; font-weight: bold; padding: 1px 0px; }
#footer ul { list-style-type: none; padding-top: 30px }
#footer ul li { display: inline; padding: 0px 3px 0px 6px; background: url('../img/footer-li-background.gif') 0px 1px no-repeat }
#footer ul li.first-child { background: none }
#footer p { margin: 10px 0px }

/* Misc. styles */
.accessibility { position: absolute; left: -9999px }
.clear-both { clear: both }
.clear-left { clear: left }
.clear-right { clear: right }
.rss-icon { vertical-align: middle }