/* Core Styles */
body {background: #892035 url(/main/_etc/images/backgroundStripez.gif); margin: 0px; padding: 0px; font: 11px Tahoma, Verdana, Arial, Georgia, sans-serif;}
td {font: 11px Tahoma, Verdana, Arial, Georgia, sans-serif;}

a, a:visited {text-decoration: none; color: #c41e3a; border-bottom: 1px dotted #c41e3a; font-weight: bold; padding: 0px 2px;}
a:hover {border-bottom: 1px dotted #c41e3a; color: #c41e3a; background: #ffffff;}
a.img {border: none; padding: 0px;}
a.img:hover {border: none; background: none;}

p {margin-bottom: 10px; margin-top: 5px;}
h1,h2,h3,h4 {color: #c41e3a; text-decoration: underline;}

.floatLeft {float: left; clear: both; padding: 0px; margin-right: 15px;}
.floatRight {float: right; clear: both; padding: 0px; margin-left: 15px;}

ul li.spacedOut{color:#c41e3a; padding-bottom:7px;}
ul li.spacedOutPlain{color:#000000; padding-bottom:5px; font-weight: bold;}
ul li {color:#c41e3a;}

ol li {color:#c41e3a; font-weight: bold;}

li p, li span {color: #000; padding-top: 5px; margin: 0px;}


/* Body Styles */
/* Primary background styles for each pageID*/
#aboutBody {background: #000000 url(/main/_etc/images/background_about.jpg) left fixed;}
#locationsBody {background: #000000 url(/main/_etc/images/background_locations.jpg) left fixed;}
#foodBody {background: #952136 url(/main/_etc/images/background_food.gif) left top fixed; margin: 0px;}
#coffeeBody {background: #e3923c url(/main/_etc/images/background_coffee.jpg) left fixed;}
#jobsBody {background: #3d4339 url(/main/_etc/images/background_jobs.jpg) left fixed;}
#communityBody {background: #277415 url(/main/_etc/images/background_community.jpg) left fixed;}
#e85Body {background: #d5ae00 url(/main/_etc/images/background_e85.gif) left fixed;}

/* Additional Body Styles */
/* These styles provide additional background images for different pageIDs */
div.locations {background: url(/main/_etc/images/roadLines.gif) repeat-x;}

/* Secondary Styles */
#primaryContainer {text-align: center; padding-top: 15px; width: 100%;}
#secondaryContainer {text-align: left; padding: 0px; margin-left: auto; margin-right: auto; width: 750px;}

#header {float: right; width: 546px; height: 106px; background: url(/main/_etc/images/headerZ.gif) no-repeat; margin: 0px; padding: 0px;}
#headerImg {position: absolute; top: 38px;}

#headerSmall {float: left; width: 750px; height: 66px; background: url(/main/_etc/images/headerSmall.gif) no-repeat;}
#subheaderImg {margin: 0px;}
#headerSmall a {float: left; clear: both; display: block; width: 142px; height: 38px; position: relative; left: 18px; top: 16px; background: none; border: none;}

#logo {float: left; width: 204px; height: 106px; background: url(/main/_etc/images/logoArea.gif) no-repeat;}
#logo a {display: block; width: 178px; height: 45px; position: relative; left: 22px; top: 35px; border: none; background: none;}

#body {clear: both; background: #fecd85 url(/main/_etc/images/bodyBg.gif) no-repeat; position: relative; top: 0px; padding-top: 22px;}
#mainContent {vertical-align: top; width: 607px; height: 300px; border-right: 3px solid #ffffff;}
#mainContent div {padding: 0px 20px;}
#mainContent div div {padding: 0px;}

#footer {background: url(/main/_etc/images/footerBg.gif) no-repeat top right; height: 15px; margin-bottom: 0px; color: #ffffff; font-family: Tahoma; font-size: 9px; font-weight: normal;}
#footer div{color: #ffffff; padding: 20px 20px 15px 10px; text-align: center;}
#footer a{text-decoration: none; color: #ffffff; font-weight: normal; border-bottom: 0px; margin: 5px;}
#footer a:hover{background: none;}

#searchForm {text-align: right; position: relative; top: 1px; right: 10px; color: #000000; font-weight: bold;}

/* Top Navbar Navigation Styles */
#nav {width: 750px; height: 26px; margin: 0px; position: relative; top: 0px; background: url(/main/_etc/images/navbarBg.gif) no-repeat; clear: both; border: none;}
#navbar li {margin: 0px; padding: 0px; list-style: none; position: absolute; top: -1px;}
#navbar li, #navbar a {height: 30px; display: block; border: none; padding: 0px;}

#about {left: 25px; width: 88px;}
#locations {left: 126px; width: 88px;}
#food {left: 227px; width: 112px;}
#coffee {left: 352px; width: 49px;}
#jobs {left: 416px; width: 26px;}
#community {left: 458px; width: 59px;}
#contact {left: 665px; width: 61px;}
#shop {left: 579px; width: 69px;}
#news {left: 534px; width: 27px;}

#about a:hover, #about.active {background: url(/main/_etc/images/navbarBg.gif) -25px -35px no-repeat;}
#locations a:hover, #locations.active {background: url(/main/_etc/images/navbarBg.gif) -126px -35px no-repeat;}
#food a:hover, #food.active {background: url(/main/_etc/images/navbarBg.gif) -227px -35px no-repeat;}
#coffee a:hover, #coffee.active {background: url(/main/_etc/images/navbarBg.gif) -352px -35px no-repeat;}
#jobs a:hover, #jobs.active {background: url(/main/_etc/images/navbarBg.gif) -416px -35px no-repeat;}
#community a:hover, #community.active {background: url(/main/_etc/images/navbarBg.gif) -458px -35px no-repeat;}
#contact a:hover, #contact.active {background: url(/main/_etc/images/navbarBg.gif) -665px -35px no-repeat;}
#shop a:hover {background: url(/main/_etc/images/navbarBg.gif) -579px -35px no-repeat;}
#news a:hover, #news.active {background: url(/main/_etc/images/navbarBg.gif) -534px -35px no-repeat;}


/* Sidebar Navigation Styles */
#sidebar {background: #ffac2f url(/main/_etc/images/sidebar2Bg.gif); width: 140px; margin: 0px; vertical-align: top;}
#sidebar a {border: none; background: transparent;}

#sidebarLinks {list-style-type: none; width: auto; padding: 0px; margin: 0px;}
#sidebarLinks li {padding-left: 3px;}

#sidebar li a {width: auto; height: 100%; display: block; padding: 5px 10px 5px 10px; border-bottom: 1px solid #fff; color: #fff}
#sidebar li a:hover {color: #c41e3a; background: #fecd85 url(/main/_etc/images/sidebarArrow.gif) no-repeat; padding-left: 20px;}


/* Other General Text Styles */
.boldText {color:#000; font-weight: bold;}
.lrgBoldText {font-size: 12px; font-weight: bold; color: #c41e3a;}
.plainText {color: #000000; font-weight: normal;}
.smallText {font-weight: normal; font-size: 10px;}
.copyText {margin-top: 10px; padding-bottom: 10px; color: #ffffff;}

/* Misc Container Styles */
#flashUpgrade {text-align: center; position: absolute; top: 50%; left: 0px; border: none; width: 100%; height: 1px; overflow: visible; display: block;}
#flashMessage {border: none; color: #fff; margin-left: -208px; position: absolute; top: -70px; left: 50%; width: 420px; height: 140px;}
#flashMessage .title {font-size: 14px; font-weight: bold;}

#flashMessage a, #message a:visited {text-decoration: none; color: #ffac2f; border-bottom: 1px dotted #ffac2f; font-weight: bold; padding: 0px 2px;}
#flashMessage a:hover {background: none;}

.sidebarItem {padding-top: 10px; padding-bottom: 10px;}
.sidebarItem a{background: none;}


/* Form Styles */
/* General Form Styles */
form {margin: 0px; border: 0px solid #000; padding: 0px; font-size: 11px; width: 100%;}
input, select, textarea {font: 11px Tahoma, Verdana, Arial, Georgia, sans-serif;}

.categoryTitle p {border-bottom: 4px double #ffac2f; padding-bottom: 5px; margin-bottom: 10px;}

input, select, textarea {font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #000000;}
input.inputCheckbox {margin: 0px 5px 0px 2px;}

/* General Form Container Styles */
.formData {width: 567px;}
.formData td.required label, label.required {font-weight: bold; color: #000;}
.formData td.optional label, label.optional {font-weight: normal;}

.formData td {vertical-align: top;}
.formData td.required, form td.optional {text-align: right;}

.formData input, .formData select, .formData textarea {width: 200px;}
input.inputRadio {width: 20px;}
input.inputCheck {width: 20px;}

.formData td.submit {text-align: center; padding: 10px 0px; margin: 0px;}

input.inputSubmit {text-align: center; width: 75px; border: 3px double #ce8e00; border-top-color: #ffb613; border-left-color: #ffb613; background-color: #ffcb57; font-weight: bold;}
input.inputSubmit:active {border: 3px double #ffb613; border-top-color: #ce8e00; border-left-color: #ce8e00;}

/* Quick Search Styles */
#searchForm input {font: normal 10px Tahoma, Verdana, Arial, Georgia, sans-serif; background: #efff53; color: #608200;}
#searchBtn {position: relative; top: 4px; width: 39px; height: 15px; padding: 0px;}


/* Table Styles */
#tableData td {padding: 0px 5px;}
#tableData {color: #000; border-collapse: collapse;}
#tableData tr.odd {background-color: #F7F7F7; color: #666}


#nutBullet {
	color: #c41e3a;
	font-weight: bold;
}

/* Common Table Colors */
.odd {
	border-right: 2px solid #fecd85;
	padding: 5px;
}
.oddLast {
	padding: 5px;
}
.even {
	border-right: 2px solid #febf6f;
	padding: 5px;
}
.evenLast {
	border-right: 2px solid #fecd85;
	padding: 5px;
}

.oddRow {
	background-color: #febf6f; 
}
.highlightRow {
	background-color: #fff2e0; 
}


/* FAQ page */
.faqQuestion {
	padding-bottom: 6px;
}
.faqAnswerHead {
	background-color: #febf6f;
	padding: 3px;
	padding-left: 6px;
	font-weight: bold; 
}
.faqAnswer {
	padding-left: 8px; 
}
.faqTop {
	padding-top: 5px;
	padding-bottom: 25px;
	text-align: right;
	vertical-align: top;
	color: #c41e3a;
	font-size: 9px;
}


/*
#tableData tr:hover {background-color: #EEE; color: #333}
#tableData tr:hover a {background-color: #FFF}
*/