/* ================== GLOBAL STYLES ================== */
body {font-family: arial, sans-serif; font-size: 10pt; color: #352c29;
      margin: 0px; scrollbar-face-color:#5c220d; scrollbar-highlight-color:#d7deff; scrollbar-3dlight-color:#030e4c; 
			scrollbar-darkshadow-color:#030e4c; scrollbar-shadow-color:#d7deff; scrollbar-arrow-color:#ffffff; 
			scrollbar-track-color:#faf1d2; background: #f7f5e5 url(images/hometemplate/bgimage.jpg) repeat-y;}
body.popup {font-family: arial, sans-serif; font-size: 10pt; color: #352c29;
      margin: 0px; scrollbar-face-color:#5c220d; scrollbar-highlight-color:#d7deff; scrollbar-3dlight-color:#030e4c; 
			scrollbar-darkshadow-color:#030e4c; scrollbar-shadow-color:#d7deff; scrollbar-arrow-color:#ffffff; 
			scrollbar-track-color:#faf1d2; margin: 10px; background: #f7f5e5; background: #f7f5e5 url(images/popupbg.jpg) repeat-y;}
body.printmenu {font-family: arial, sans-serif; font-size: 10pt; color: #352c29;
      margin: 0px; scrollbar-face-color:#5c220d; scrollbar-highlight-color:#d7deff; scrollbar-3dlight-color:#030e4c; 
			scrollbar-darkshadow-color:#030e4c; scrollbar-shadow-color:#d7deff; scrollbar-arrow-color:#ffffff; 
			scrollbar-track-color:#faf1d2; margin: 10px; background: #ffffff url(images/printbg.gif) repeat-y;}
body.sub {font-family: arial, sans-serif; font-size: 10pt; color: #352c29;
      margin: 0px; scrollbar-face-color:#5c220d; scrollbar-highlight-color:#d7deff; scrollbar-3dlight-color:#030e4c; 
			scrollbar-darkshadow-color:#030e4c; scrollbar-shadow-color:#d7deff; scrollbar-arrow-color:#ffffff; 
			scrollbar-track-color:#faf1d2; background: #f7f5e5 url(images/subtemplate/bgimage.jpg) repeat-y;}
body.splash {background: #000000; margin: 0px; scrollbar-face-color:#5c220d; scrollbar-highlight-color:#d7deff; scrollbar-3dlight-color:#030e4c; 
			scrollbar-darkshadow-color:#030e4c; scrollbar-shadow-color:#d7deff; scrollbar-arrow-color:#ffffff; 
			scrollbar-track-color:#faf1d2;}

h1, h2, h3, h4, h5, h6, h7 {margin: 0xp;}

p, td, input, textarea, select, ul, ol {font-family: arial, sans-serif; font-size: 10pt; color: #352c29;}
a:link, a:visited, a:active {color: #006600; text-decoration: underline;}
a:hover {color: #660000; text-decoration: underline;}
small {font-size: 10px;}
big {font-size: 16px; font-weight: bold;}
input, select, textarea {font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: bold; background-color: #ffffff; color: #333333; border: solid 1px #000000; padding-left: 3px;}
input.radiocheckboxes {border: 0px; background-color: transparent;}
input.submit {font-family: verdana, arial, sans-serif; font-size: 11px; background-color: #000000; font-weight: bold; color: #ffffff; border: 1px solid #ffffff;}
.status {font-weight: bold; color: #ff0000; font-size: 11px;}
div.status {border: solid 1px #777777; padding: 8px; background-color: #f5f5f5;}

/* ================== LOGIN PAGE ================== */
div.login {text-align: center;}
table.login {width: 250px; border: solid 1px #000000; border-collapse: collapse;}
td.loginstatus {background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 4px;}
td.loginleftcol {width: 40%; background-color: #f5f5f5; text-align: right; vertical-align: middle; padding: 3px 2px;}
td.loginrightcol {width: 60%; background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 3px 2px;}
td.logincol2 {background-color: #f5f5f5; text-align: center; vertical-align: middle; padding: 3px 2px;}

/* ================== PASSWORD RETRIEVAL PAGE ================== */
div.pretrieve {text-align: center;}
table.pretrieve {width: 300px; border: solid 1px #000000; border-collapse: collapse;}
td.pretrievestatus {background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 4px;}
td.pretrieveleftcol {width: 45%; background-color: #f5f5f5; text-align: right; vertical-align: middle; padding: 3px 2px;}
td.pretrieverightcol {width: 55%; background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 3px 2px;}
td.pretrievecol2 {background-color: #f5f5f5; text-align: center; vertical-align: middle; padding: 3px 2px;}
div.pretrievesent {width: 400px; border: solid 1px #000000; background-color: #f5f5f5; padding: 8px; text-align: center;}

/* ================== SIGN UP PAGE ================== */
div.signup {text-align: center;}
table.signup {width: 400px; border: solid 1px #000000; border-collapse: collapse;}
td.signupstatus {background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 4px;}
td.signupleftcol {width: 40%; background-color: #f5f5f5; text-align: right; vertical-align: middle; padding: 3px 2px;}
td.signuprightcol {width: 60%; background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 3px 2px;}
td.signupcol2 {background-color: #f5f5f5; text-align: center; vertical-align: middle; padding: 3px 2px;}

/* ================== CUSTOM STUFF ================== */
span.subheader {font-size: 13pt; color: #006600; font-weight: bold;}
p.subheader {font-size: 13pt; color: #006600; font-weight: bold;}
td.leftcolumn {width: 35px; text-align: left; vertical-align: top;}
td.menucolumn {width: 247px; text-align: left; vertical-align: top;}
td.contentcolumn {width: 568px; text-align: left; vertical-align: top; background: url(images/hometemplate/contentbg.jpg) no-repeat;}

td.leftcolumnsub {width: 27px; text-align: left; vertical-align: top;}
td.menucolumnsub {width: 216px; text-align: left; vertical-align: top;}
td.contentcolumnlocations {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/locationscontentbg.jpg) no-repeat;}
td.contentcolumnmenus {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/menuscontentbg.jpg) no-repeat;}
td.contentcolumnhistory {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/historycontentbg.jpg) no-repeat;}
td.contentcolumnmadelynbio {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/madelynbiocontentbg.jpg) no-repeat;}
td.contentcolumnmariasbio {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/mariasbiocontentbg.jpg) no-repeat;}
td.contentcolumnbarandwine {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/barandwinecontentbg.jpg) no-repeat;}
td.contentcolumncatering {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/cateringcontentbg.jpg) no-repeat;}
td.contentcolumnwhatsnew {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/whatsnewcontentbg.jpg) no-repeat;}
td.contentcolumnpromotions {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/promotionscontentbg.jpg) no-repeat;}
td.contentcolumngiftcards {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/giftcardscontentbg.jpg) no-repeat;}
td.contentcolumnshop {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/shopcontentbg.jpg) no-repeat;}
td.contentcolumncommunity {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/communitycontentbg.jpg) no-repeat;}
td.contentcolumnpr {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/prcontentbg.jpg) no-repeat;}
td.contentcolumncharities {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/charitiescontentbg.jpg) no-repeat;}
td.contentcolumnschoolfundraisers {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/schoolfundraiserscontentbg.jpg) no-repeat;}
td.contentcolumnhotlunch {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/hotlunchcontentbg.jpg) no-repeat;}
td.contentcolumnkudos {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/kudoscontentbg.jpg) no-repeat;}
td.contentcolumncontact {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/contactcontentbg.jpg) no-repeat;}
td.contentcolumncareer {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/careercontentbg.jpg) no-repeat;}
td.contentcolumncareer1 {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/careercontentbg1.jpg) no-repeat;}
td.contentcolumncareer2 {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/careercontentbg2.jpg) no-repeat;}
td.contentcolumncareer3 {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/careercontentbg3.jpg) no-repeat;}


td.contentcolumnbirthdayclub {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/birthdayclubcontentbg.jpg) no-repeat;}
td.contentcolumnonlinelocations {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/onlinelocationsbg.jpg) no-repeat;}
td.contentcolumnloyaltyrewards {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/loyaltyrewardscontentbg.jpg) no-repeat;}
span.copyright {font-size: 11px; color: #ffffff;}
td.contentcolumnnewcatering {width: 527px; text-align: left; vertical-align: top; background: url(images/subtemplate/newcateringbg.jpg) no-repeat;}

#sublinks p {color: #882300; font-size: 13pt; font-weight: bold;}
#sublinks a:link, #sublinks a:visited, #sublinks a:active {color: #882300; text-decoration: none;}
#sublinks a:hover {color: #006600; text-decoration: none;}

#splashfooter {text-align: center;}
#splashfooter p {font-size: 10px; color: #958d86;}
#splashfooter a:link, #splashfooter a:visited, #splashfooter a:active {color: #958d86; text-decoration: underline;}
#splashfooter a:hover {color: #958d86; text-decoration: underline;}

#splashinviso {text-align: left; font-size: 8px; color: #000000;}

TABLE.careersbordercolor {background-color: #000000;}
TABLE.careersstatuscell {background-color: #eeeeee;}
TD.careersheadercell {background-color: #440000;}
TD.careerssubheadercell {background-color: #efefef;}
TD.careersbodycell {background-color: #f7f5e5;}

.careerstitle {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 16px; font-weight: bold; color: #000000}
.careerssubtitle {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 12px; font-weight: bold; color: #006600}
.careersheadertext {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff}
.careersexplaintext {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #660000}
.careersinstructions {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 12px; font-weight: bold; font-style: italic; color: #660066}
.careerstext {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 12px; font-weight: normal; color: #000000}
.careerstextapp {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; color: #000000}
.careerstextappanwser {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #000088}
.careerstextappoptions {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #000000}
.careerstextappsubmitnotes {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #000000}
.careerstextappfineprint {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 10px; font-weight: normal; color: #000000}
.careersstatustext {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; color: #ff0000}
.careersnotice {font-family: tahoma, verdana, helvetica, arial, sans-serif; font-size: 12px; color: #006600; font-weight: bold; border-right: #003300 1px dotted; padding-right: 2px; border-top: #003300 1px dotted; padding-left: 2px; padding-bottom: 2px; border-left: #003300 1px dotted; padding-top: 2px; border-bottom: #003300 1px dotted;}

.careersforminput {font-family: tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; background-color: #fafafa; color: #000000; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px}
.careersformsubmit {font-family: tahoma, verdana, helvetica, geneva, arial, sans-serif; font-size: 10px; font-weight: bold; background-color: #000066; color: #FFFFFF; border: 1px solid #CCCCCC;}

.jobstitle {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 24px; font-weight: bold; color: #006600}
.jobssubtitle {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 16px; font-weight: bold; color: #660000}
.jobslabel {font-family: verdana, arial, verdana, helvetica, geneva, sans-serif; font-size: 15px; font-weight: bold; color: #000000}
.jobstext {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 14px; font-weight: normal; color: #000000; padding-left: 10px;}
LI.jobstext {padding-bottom: 10px; font-size: 12px; padding-left: 2px;}
.jobsnotice {font-family: tahoma, verdana, helvetica, arial, sans-serif; font-size: 12px; color: #006600; font-weight: bold; border-right: #003300 1px dotted; padding-right: 2px; border-top: #003300 1px dotted; padding-left: 2px; padding-bottom: 2px; border-left: #003300 1px dotted; padding-top: 2px; border-bottom: #003300 1px dotted;}

.jobslink {font-family: tahoma, helvetica, geneva, arial, sans-serif; font-size: 14px; font-weight: bold; color: black;	text-decoration: none}
A.jobslink:link {color: red; font-weight: bold;	text-decoration: none}
A.jobslink:visited {color: red; font-weight: bold; text-decoration: none}
A.jobslink:active {color: red; font-weight: bold; text-decoration: none}
A.jobslink:hover {color: red; font-weight: bold; text-decoration: underline}

.tablink {font-family: tahoma, helvetica, geneva, arial, sans-serif; font-size: 10px; font-weight: bold; color: #00ff00}
A.tablink:link {color: #ffffff; font-weight: bold;	text-decoration: none}
A.tablink:visited {color: #ffffff; font-weight: bold; text-decoration: none}
A.tablink:active {color: #ffffff; font-weight: bold; text-decoration: none}
A.tablink:hover {color: #cccccc; font-weight: bold; text-decoration: none}

.required {font-family: verdana, helvetica, geneva, sans-serif; font-size: 14px; font-weight: bold; color: #cc0000}