/* base for every style sheet herein */
body, h1, h2, h3, h4, h5, h6, p, a, img, object, ul, ol, li, dl, dt, dd, form, fieldset, legend, table, thead, tbody, th, tr, td, tfoot, caption {
 margin: 0; padding: 0;
 font-family: Arial, Helvetica, sans-serif;
 color: #000;
}

body {
	text-align: center; /*centers in IE*/
	background: url(images/background.jpg) no-repeat -250px 0;
	background-color: #af8a4e;
	margin: 15px 0 15px 0;
}
#container {
	display: block;
	text-align: left; /*resets text alignment*/
	width: 758px; height: auto;
	border: 5px solid #ecee94;
	background: #fff;
	position: relative;
	padding: 3px 0 3px 0;
	margin: 0 auto; /* centers in FF, Op, etc*/
}
#container img {
	display: block;
	border: 0;
}

	/* ********************** header styles ********************** */
#header {
	display: block;
	width: 752px; height: 325px;
	background: #ecee94 url(images/masthead-back.jpg) top right no-repeat;
	margin: 0 0 0 3px;
}

/* banner special */
#header #banner_special {
	width: 451px; height: 190px;
	background: transparent url(images/header-banner_img.jpg) 0 0 no-repeat;
	float: left;
	display: inline;
	margin: 10px 0 0 10px;
}
#header #banner_special h4 {
	text-align: right;
	position: relative;
	top: 0;
	right: 12px;
	font-size: 12px;
	font-weight: normal;
	text-transform: lowercase;
	color: #A30001;
}
#header #banner_special a {
	display: block;
	width: 451px;
	height: 168px;
	text-decoration: none;
}
#header #banner_special img { display: none; }

/* company logo, etc */
#header #company_banner {
	width: 752px; height: 77px;
	background: transparent url(images/masthead-logo.jpg) top left no-repeat;
}
#header #company_banner h1, #header #company_banner h2 { display: none; }

/* header navigation */
#header ul#navigation {
	display: block;
	height: 40px;
	padding: 0 60px 0 60px;
	text-align: center;
	background-color: #FFFFFF;
	list-style-type: none;
}
#header ul#navigation li { display: inline; line-height: 100%; margin-right: 10px; }
#header ul#navigation li a {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 1px;
	text-decoration: none;
}
#header ul#navigation li a:hover { color: #F9532C; text-decoration: none; }

#site_navigation { display: none; }

/* address styles */
#address {
	width: 352px;
	position: absolute;
	top: 15px;
	left: 290px;
}
#address p { color: #000000; font-size: 10px; }
#address address { font-style: normal; }
#address p.p2 { display: none; }
#address p#fax { display: none; }
#address p#toll_free { display: inline; }

/* weather conditions styles */
#weather {
	width: 271px;
	height: 190px;
	background: transparent url(images/header-current_conditions.jpg) 0 0 no-repeat;
	float: left;
	display: inline;
	margin: 10px 0 0 10px;
}
#weather h3 {
	text-align: right;
	position: relative;
	top: 168px;
	right: 12px;
	font-size: 12px;
	font-weight: normal;
	text-transform: lowercase;
	color: #A30001;
}
#weather ul {
	width: 266px;
	list-style-type: none;
}
#weather ul li {
	height: 20px;
	margin: 3px 0 0 15px;
	margin: 1px 0 0 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body #weather ul li { margin: 3px 0 0 15px; } /* Opra value that somehow still affects FF positively */
#weather ul li a {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: left;
	display: inline;
}
#weather ul li a:hover { text-decoration: underline; color: #F9532C; }
#weather span {
	float: right;
	display: inline;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	margin-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
}

/* date and time */
#day { display: none; }

/* ********************** body content styles ********************** */
/* home page - left column */
#col_l {
	float: left;
	display: inline;
	margin: 15px 0 0 13px;
	width: 420px;
}
#col_l h2 { font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #ccc27b; margin: 0 0 12px 0; padding-bottom: 1px; border-bottom: 1px dashed #e9ec95; #text-transform: uppercase; }
#col_l div { clear: left; display: block; margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 1px solid #CCC; }
#col_l img { float: left; margin: 0 0 15px 0; border: 1px solid #F9532C; }
#col_l h3 { font-size: 14px; color: #A30001; margin: 2px 0 0 133px; }
#col_l p { margin: 4px 0 0 133px; }
#col_l p, #col_l a { font-size: 11px; color: #333; line-height: 150%; }
#col_l a { line-height: 200%; text-decoration: none; border-bottom: 1px dotted #686D20; }
#col_l a:hover { color: #F9532C; }

/* home page - right column */
#col_r { width: 295px; border: 1px solid #e9ec95; float: right; margin: 15px 13px 10px 0; }
#col_r h2 { display: block; height: 20px; line-height: 20px; color: #FFFFFF; font-size: 14px; margin: 1px 1px 6px 1px; padding: 0 0 0 5px; background-color: #e9ec95; }
#col_r div { margin: 0 10px 10px 10px; max-height: 300px; padding: 5px 0 5px 0; }
#col_r h3 { font-size: 14px; color: #A30001; margin: 6px 0 2px 0; }
#col_r h3 a { color: #686D20; text-decoration: none; border-bottom: 1px dotted #686D20;}
#col_r h3 a:hover { color: #F9532C; }
#col_r p { font-size: 11px; color: #333; line-height: 150%; margin-bottom: 10px; }

/* home page - hours of operation */
#hours { width: 295px; border: 1px solid #e9ec95; float: right; display: inline; margin: 10px 13px 10px 0; }
#hours h3 { font-family: Arial, Helvetica, sans-serif; display: block; height: 20px; line-height: 20px; color: #A30001; font-size: 14px; margin: 1px 1px 6px 1px; padding: 0 0 0 5px; background-color: #e9ec95; }
#hours table { margin: 0 10px 10px 10px; }
#hours table thead th {
	padding: 2px 1px 2px 4px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: .06em;
	line-height: 110%;
	color: #FFF;
	text-transform: uppercase;
	background-color: #A30001; /*#6F756A;*/
}
#hours table tfoot { display: none; }
#hours table td { width: 90px; font-size: 10px; color: #F9532C; line-height: 14px; }
#hours p {
	font-size: 11px;
	margin: 8px 4px 10px 8px;
	color: #A30001;
}
/* home page - payment methods */
#payment_methods {
	width: 295px;
	float: right;
	display: inline;
	margin: 0 13px 10px 0;
}
#payment_methods h3 { font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #ccc27b; margin: 0 0 12px 0; padding-bottom: 1px; border-bottom: 1px solid #e9ec95; #text-transform: uppercase; }
#payment_methods ul { display: block; list-style-type: none; margin-top: 8px; }
#payment_methods ul li { float: left; width: 120px; font-size: 10px; color: #333; margin: 5px 0 5px 0; padding-left: 25px; }

/* ================ page paragraph information ================== */
#content, #tips, #faq { display: block; margin: 15px 13px 15px 13px; }
#content h3, #tips h3, #faq h3, #events h3 { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #ccc27b; margin: 0 0 8px 0; padding-bottom: 1px; border-bottom: 1px dashed #e9ec95; #text-transform: uppercase; }
#content p, #tips p, #faq p, #events p, .survey fieldset p { margin: 4px 0 0 0; }
#content p, #content a, #contact_us a.map, #tips p, #tips a, #faq a, #faq p, #events p, #events a, .survey fieldset p, .survey fieldset a, .techtips p.p2 a { font-size: 11px; color: #333; line-height: 150%; }
#content a, #tips a, #faq a, #events a, .survey fieldset a, #contact_us a.map, .techtips p.p2 a { line-height: 200%; text-decoration: none; border-bottom: 1px dotted #686D20; }
#content a:hover, #tips a:hover, #faq a:hover, #events a:hover, .survey fieldset a:hover, #contact_us a.map:hover, .techtips p.p2 a:hover { color: #F9532C; }

/* ================ specials - tables ================== */
.specials .tables { display: block; border: 1px solid #e9ec95; margin: 10px 13px 10px 13px; }
.specials .tables h4 { text-align: center; font-family: Arial, Helvetica, sans-serif; display: block; height: 20px; line-height: 20px; color: #a30001; font-size: 14px; margin: 1px 1px 6px 1px; background-color: #e9ec95; }
.specials .tables table { width: 95%; margin: 0 10px 10px 10px; }
.specials .tables table th {
	padding: 2px 1px 0 4px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .06em;
	line-height: 110%;
	color: #FFF;
	text-transform: uppercase;
	background-color: #ccc27b;
}
.specials .tables table td { font-size: 11px; padding: 5px 10px 5px 5px; }
.specials .tables table td img { background-color: #000; margin: 0 12px; float: right; }
html>body .specials .tables table td img { margin: 0 12px; } /* optimize for FF */
.specials .tables table td { font-size: 10px; color: #A30001; line-height: 14px; }

.specials .tables table td.description { width: 490px;}
.specials .tables table th.description { width: 490px;}
/* ========================= suppliers - lists ======================== */

.suppliers div.row { width: 100%; float: left; clear: both;}
.suppliers div.category {
	width: 200px;
	min-height:280px;
	height:auto !important;
	height:280px;
	float: left;
	display: inline;
	clear: none;
	margin: 0 0 15px 40px;
	border: solid 1px #aaa;
	background: #fff;
	padding-bottom: 10px;
}
.suppliers div.category h3 {
	color: #fff;
	background-color: #A30001;
	text-transform: uppercase;
	font-size: 12px;
	margin: 1px 0 0 1px;
	width: 198px;
	text-indent: 6px;
}
.suppliers div.category ul {
	list-style-type: none;
	height: auto;
	width: 200px;
	border: dashed #aaa;
	border-width: 0 0 1px 0;
	margin: 0;
}
.suppliers div.category h4 {
	color: #2f2f2f;
	text-transform: uppercase;
	font-size: 11px;
	margin: 3px 0 1px 7px;
}
.suppliers div.category ul li ul {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0;
	padding: 0 0 3px 0;
}
.suppliers div.category ul li ul li {
	font-size: 10px;
	padding: 0;
	margin: 0 0 1px 8px;
}
.suppliers div.category ul li ul li a:link, .suppliers div.category ul li ul li a:visited{
	color: #666666;
	text-decoration: none;
}
.suppliers div.category ul li ul li a:hover {
	text-decoration: underline;
}
/******************************************** Tech Tips Page Styles ********************************************/
#tips p.signature { color: #999999; text-align: right; font-style: italic; margin-right: 16px; }
#faq { border-top: 1px dashed #666; display: block; padding: 12px 0 12px 0; }
#tips h4, #faq h4 { font-size: 14px; color: #2089C0; margin: 16px 27px 0 0; }
#tips h5, #faq h5 { font-size: 12px; color: #CE501E; margin: 10px 27px 0 0; }
.techtips p.p2 { margin: 0 13px 0 13px; color: #333333; }
.techtips p.p2, .techtips p.p2 a { font-size: 12px; line-height: normal; }

.techtips form { display: block; float: none; border-top: 1px dashed #666; margin: 15px 13px 15px 13px; padding-top: 16px; }
.techtips form fieldset { padding-top: 10px; padding-left: 15px; }
.techtips form legend { color: #2089C0; font-size: 12px; font-weight: bold; padding: 0 6px 0 6px; }
.techtips form ul { display: block; list-style-type: none; padding: 5px 0 5px 0; }
.techtips form ul li { margin-left: 10px; margin-top: 10px; clear: left; }
.techtips form label { display: block; width: 100px; float: left; display: inline; font-size: 11px; color: #CE501E; }
.techtips form input, .techtips form textarea { width: 375px; margin-right: 6px; }
.techtips form button { font-size: 11px; margin-left: 100px; }
.techtips form em { font-size: 10px; color: #666666; }

/******************************************** Survey Page Styles ********************************************/
.survey form { display: block; float: none; margin: 15px 13px 15px 13px; }
.survey form fieldset { padding: 10px 0 14px 15px; margin-bottom: 12px; }
.survey form legend { color: #A30001; font-size: 12px; font-weight: bold; padding: 0 6px 0 6px; }
.survey p.p2 { font-size: 11px; color: #666; }
.survey form label { margin-left: 6px; color: #5885A4; }
.survey form button { margin-top: 10px; margin-right: 13px; }

/* ================== mailing list page styles ============*/
.mailinglist h3.success { }
.mailinglist form { display: block; float: none; margin: 15px 13px 15px 13px; }
.mailinglist form fieldset { padding-top: 10px; padding-left: 15px; }
.mailinglist form legend { color: #A30001; font-size: 12px; font-weight: bold; padding: 0 6px 0 6px; }
.mailinglist form ul { display: block; list-style-type: none; padding: 5px 0 5px 0; }
.mailinglist form ul li { margin-left: 10px; margin-top: 10px; clear: left; }
.mailinglist form label { display: block; width: 175px; float: left; display: inline; font-size: 11px; color: #CE501E; }
.mailinglist form input, .mailinglist form textarea { width: 375px; margin-right: 6px; }
.mailinglist form button { font-size: 11px; margin-left: 175px; }
.mailinglist form em { font-size: 10px; color: #666666; }

/* ================= events page styles */
.event #events div { display: block; margin: 15px 23px 15px 23px; border-top: 1px dashed #e9ec95; padding-top: 14px; }
.event h4 { font-size: 14px; color: #2089C0; margin: 0 27px 0 0; }
.event h5 { font-size: 12px; color: #CE501E; margin: 10px 27px 0 0; }
#events p.date { font-size: 12px; color: #CE501E; margin-top: 0; }

/* ================= contact page styels =================== */
.contact #contact_us { margin-left: 30px; }
.contact form { margin: 25px 0 50px 0; }
.contact fieldset { width: 450px; padding-top: 10px; padding-left: 10px; }
.contact fieldset#contact2 ul {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.contact fieldset#contact2 ul li {
	width: 400px;
	text-align: right;
	margin: 9px 0;
}
.contact fieldset#contact2 label {
	width: 275px;
	vertical-align: top;
	font-size: 11px;
}
.contact fieldset#contact2 input {
	height: 17px;
}
.contact fieldset#contact2 legend {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #CC501C;
	padding: 0 5px 0 3px;
}
.contact fieldset#contact2 input, .contact fieldset#contact2 textarea {
	margin: 0 0 0 15px;
	width: 275px;
	padding: 0;
	border: solid 1px #aaa;
}
.contact fieldset#contact2 select {
	margin: 0 0 0 15px;
	width: 277px; 	
	border: solid 1px #333;
}
div.error, .success { margin-bottom: 10px; }
div.error h3, .contact .success h3 {
	font-size: 15px; color: #CC501C;
	margin-bottom: 0;
}
div.error p, .success { font-size: 11px; color: #990000; }

/* ********************** footer styles ********************** */
#footer {
	width: 752px; height: 28px;
	clear: both;
	position: relative;
	background: transparent url(images/footer.jpg) 0 0 repeat-x;
	margin: 10px 3px 0 3px;
	text-align: center;
}
#footer ul { display: block; }
#footer ul li {
	display: inline;
	margin-right: 15px;
	font-size: 10px;
	color: #644528;
	font-weight: bold;
	line-height: 28px;
}
#footer ul li a { color: #644528; text-decoration: none; border-bottom: 1px dotted #FFF; }
#footer ul li a:hover { color: #686D20; }

/* ********************** backend styles ********************** */
#container.backend form {
	width: 725px;
	margin-left: 15px
}
#container.backend legend {
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
}
#container.backend fieldset {
	background-color: #efefef;
	border: solid #aaaaaa;
	border-width: 0 0 2px 0;
	margin: 15px 0;
	text-align: right;
}
#container.backend ul {
	list-style-type: none;
}
#container.backend ul li {
	margin: 7px 0;
	width: 500px;
}
#container.backend ul li label {
	width: 200px;
	margin: 0 10px 0 0;
	vertical-align: top;
}
#container.backend ul li input, #container.backend ul li textarea {
	width: 400px;
}
#container.backend ul li textarea {
	height: 95px;
}
#container.backend ul li img {
	max-height: 200px; max-width: 200px;
	border: solid 1px #aaaaaa;
	margin: 10px;
}
#container.backend submit {
	width: 100px;
}
.backend #navigation {
	margin: 10px 15px 10px 15px;
	display:block;
	list-style-type: none;
}
.backend #navigation li { display: inline; padding-left: 8px; }

.hint { display: block; font-size: 10px; color: #aaaaaa;}
h2.error { 
	display: block;
	font-weight: bold;
	font-size: 15px; 
	color: red;
	position: absolute;
	bottom: 250px; right: 25px;
}