@charset "utf-8";
/* CSS Document 
Colors***********************************
brown--------------------------------
#1A0B01
lighter brown------------------------
#451C00
offwhite-----------------------------
#FEF8C7
medium brown-------------------------
#8B5A2B
dark brown---------------------------
#1A0B01
red----------------------------------
#C82536

*/

/* General Styles */


body  { color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffffff url(images/back_body.jpg) left top; margin: 0; padding: 0 }
h1,h2,h3,h4,h5,p,img,ul,li { margin:0; padding:0; border:none; list-style:none; }
h1   { color: white; font-size: 2em; font-family:Arial, Helvetica, sans-serif; }
h1 .org   { color: white; font-size: 2em }
a,a:link,a:visited   { color: #FEF8C7; font-weight: normal; text-decoration: none }
a:hover { color:#1A0B01; text-decoration:underline; }
#wrapper { width:902px; margin:2em auto; }

#headnav { display:block; /*clear:both;*/ background:url(images/triplebanner.jpg) top left no-repeat; height:110px; margin:6px 0 0 0; padding:0; }
#headnav h1 { float:left; }
#headnav h2 { display:none; }
ul#nav, ul#nav2 { float:right; }
ul#nav3 { float:left; }
ul#nav3 li { display:block; }
ul#nav li, ul#nav2 li { display:block; }
ul#nav li a, ul#nav2 li a { display:block; padding:0px 8px 1px 8px; }
li.curr > a { background:url(images/navbg.png) top right no-repeat #8B5A2B; color:#1A0B01; }

form#searchbox { float:right; text-align:right; margin:4px 0 0 0; }
form#searchbox fieldset { border:none; padding:0; margin:0; }
form#searchbox fieldset input.searchtextbox { border:1px solid #FFFFFF; padding: 0px 4px 1px 4px; background-color:#FEF8C7; width:100px; color:#6C4E05; }

#header { display:block; clear:both; background:url(images/coffeelogo.jpg) top left no-repeat; height:216px; margin:6px 0 0 0; padding:0; border:1px solid #ffffff; }

#inner { margin:10px 0 0 0; /* background:#1A0B01; border:1px solid #000; */ }

#stories  { color: #A68064; background-color: #8B5A2B; margin: 0 10px 2em 0; padding: 10px; width: 270px; float: left; border: solid 1px #000 }
#stories h2 { font-size:1.4em; color:#FEF8C7; padding:0em .5em .5em 0em; }
#stories h3 { color:#1a0b01; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin:.25em 0 0 0; padding:.5em .5em .6em .5em; text-align:left; width:270px; border-top:1px dotted #AD5908; }
#stories p { color:#FEF8C7; margin:.5em 0 .5em 0; }
#stories > img.thumb { padding:2px 2px 16px 2px; margin:.5em 0px 6px 10px; background-color:#FEF8C7; float:right; }
#stories h4.city { color:#99182C; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; }
.readmore { width:270px; margin:0 0 1em 0; font-size:.8em; text-align:right; }
.readmore a, .readmore a:link  { color: #1a0b01; font-family: Arial, Helvetica, sans-serif; text-decoration: underline }
.readmore a:hover { color:#FFFFFF; }

ul#statsc { padding:.5em .5em .6em 1em; background-color:#FEF8C7; color:#000; border:1px solid #000; }
#storiess  { color: #A68064; background-color: #8B5A2B; margin: 0 10px 2em 0; padding: 10px; width: 880px; float: left; border: solid 1px #000 }
#storiess h2 { font-size:1.2em; color:#FEF8C7; padding:0em .5em .5em 0em; }
#storiess h3 { color:#6b2b00; font-size:1.0em; font-family:Arial, Helvetica, sans-serif; margin:.25em 0 0 0; padding:.25em 0 0 0; text-align:left; width:270px; border-top:1px dotted #AD5908; }
#storeiss h3.center  { color: #99182c; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0.25em 0 0; padding: 0.5em 0.5em 0.6em 1em; width: 270px; border-top: 1px dotted #ad5908 }
#storiess h3.price { color:#6b2b00; font-size:0.8em; font-family:Arial, Helvetica, sans-serif; margin:.25em 0 0 0; padding:.5em .5em .6em 1em; text-align:right; width:270px; border-top:1px dotted #AD5908; }
#storiess h3.price > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float: right; }
#storiess p { color:#FEF8C7; margin:.5em 0 .5em 0; }
#storiess h3.city  { color: #1a0b01; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; width:270px; margin: 0 0 10px; padding: 0 0 20px }
#storiess h3.city > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
#storiess h3.left  { color: #1a0b01; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; margin: 0 0 10px; }
#storiess h3.left > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
#storiess h3.right  { color: #1a0b01; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; margin: 0 0 1px 0; width: 270px; float: right; text-align:left }
#storeiss h3.right > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
#storiess > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
#storiess h4.city  { color: #99182c; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
#storiess h5 { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
#storiess h6 { color:#FEF8C7; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
#storiess h4 { color:#99182C; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; }
.top { margin:0 0 1em 0; font-size:.8em; text-align:right; }
.top a, .top a:link { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#1A0B01; }
.top a:hover { color:#FFFFFF; }
ul#stats { padding:.5em .5em .6em 1em; background-color:#FEF8C7; color:#C82536; border:1px solid #000; }
ul#statsa { padding:.5em .5em .6em 1em; background-color:#FEF8C7; color:#C82536; border:1px solid #000; font-weight: bold; }
ul#statsa p { color: #1a0b01; margin:.5em 0 .5em 0; }
ul#statsa h3.center { color: #C82536; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0.25em 0 0; padding: 0.5em 0.5em 0.6em 1em; width: 270px; border-top: 1px dotted #ad5908 }
ul#stats > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
ul#statsb { padding:.5em .5em .6em 1.0em; background-color:#8B5A2B; color:#FEF8C7; border:1px solid #000; }
ul#statsb h4 { color:#99182C; font-size:1.1em; }
ul#statsa li a  { color: #C82536; font-style: normal; font-weight: bold; font-stretch: normal }
ul#statsa li a:hover { color:#1A0B01; }
ul#statsa h3.price { color:#6b2b00; font-size:.8em; font-family:Arial, Helvetica, sans-serif; margin:.25em 0 0 0; padding:.5em .5em .6em 1em; text-align:right; width:270px; border-top:1px dotted #AD5908; }
ul#statsa h3.price > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float: right; }
ul#statsa h3.city  { color: #1a0b01; width: 270px; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; margin: 0 0 10px; padding: 0 0 20px }
ul#statsa h3.city > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
ul#statsa h3.left  { color: #1a0b01; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; margin: 0 0 10px; }
ul#statsa h3.left > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
ul#statsa h3.right  { color: #1a0b01; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; margin: 0 0 1px 0; width: 270px; float: right; text-align:left }
ul#statsa h3.right > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
ul#statsa > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
ul#statsa h4.city { color:#99182C; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; }
ul#statsa h4.cit { color:#af1e2d; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; }

ul#statsa h5 { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
ul#statsa h6 { color:#FEF8C7; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
ul#statsa.top { margin:0 0 1em 0; font-size:.8em; text-align:right; }
ul#statsa.top a, .top a:link { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#1A0B01; }
ul#statsa.top a:hover { color:#FFFFFF; }

#storiesw  { color: #A68064; background-color: #8B5A2B; margin: 0 10px 2em 0; padding: 10px; width: 568px; float: left; border: solid 1px #000 }
#storiesw h2 { font-size:1.4em; color:#FEF8C7; padding:0em .5em .5em 0em; }
#storiesw h3 { color:#6b2b00; font-size:1.0em; font-family:Arial, Helvetica, sans-serif; margin:.25em 0 0 0; padding:.25em 0 0 0; text-align:left; width:270px; border-top:1px dotted #AD5908; }
#storeisw h3.center  { color: #99182c; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0.25em 0 0; padding: 0.5em 0.5em 0.6em 1em; width: 270px; border-top: 1px dotted #ad5908 }
#storiesw h3.price { color:#6b2b00; font-size:.8em; font-family:Arial, Helvetica, sans-serif; margin:.25em 0 0 0; padding:.5em .5em .6em 1em; text-align:right; width:270px; border-top:1px dotted #AD5908; }
#storiesw h3.price > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float: right; }
#storiesw p { color:#FEF8C7; margin:.5em 0 .5em 0; }
#storiesw h3.city  { color: #1a0b01; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; margin: 0 0 10px; padding: 0 0 20px }
#storiesw h3.city > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
#storiesw h3.left  { color: #1a0b01; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; margin: 0 0 10px; }
#storiesw h3.left > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
#storiesw h3.right  { color: #1a0b01; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; margin: 0 0 1px 0; width: 270px; float: right; text-align:left }
#storeisw h3.right > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
#storiesw > img.thumb { padding:2px 2px 16px 2px; margin:.5em 0px 6px 10px; background-color:#FEF8C7; float:right; }
#storiesw h4.city { color:#99182C; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; }
#storiesw h5 { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
#storiesw h6 { color:#FEF8C7; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
#storiesw h4 { color:#99182C; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; }
.top { margin:0 0 1em 0; font-size:.8em; text-align:right; }
.top a, .top a:link { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#1A0B01; }
.top a:hover { color:#FFFFFF; }
ul#stats  { color: #C82536; font-weight: bold; background-color: #fef8c7; padding: 0.5em 0.5em 0.6em 1em; border: solid 1px #000 }

ul#statsa { padding:.5em .5em .6em 1em; background-color:#FEF8C7; color:#C82536; border:1px solid #000; font-weight: bold; }
ul#statsa h3.center { color: #C82536; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0.25em 0 0; padding: 0.5em 0.5em 0.6em 1em; width: 270px; border-top: 1px dotted #ad5908 }
ul#statsa > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
ul#statsb { padding:.5em .5em .6em 1em; background-color:#8B5A2B; color:#FEF8C7; border:1px solid #000; }
ul#statsb h4 { color:#99182C; font-size:1.1em; }
ul#statsa li a  { color: #C82536; font-style: normal; font-weight: bold; font-stretch: normal }
ul#statsa li a:hover { color:#1A0B01; }
ul#statsa h3.price { color:#6b2b00; font-size:.8em; font-family:Arial, Helvetica, sans-serif; margin:.25em 0 0 0; padding:.5em .5em .6em 1em; text-align:right; width:270px; border-top:1px dotted #AD5908; }
ul#statsa h3.price > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float: right; }
ul#statsa h3.city  { color: #1a0b01; width:540px; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; margin: 0 0 10px; padding: 0 0 20px }
ul#statsa h3.city > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
ul#statsa h3.left  { color: #1a0b01; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; margin: 0 0 10px; }
ul#statsa h3.left > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
ul#statsa h3.right  { color: #1a0b01; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; margin: 0 0 1px 0; width: 270px; float: right; text-align:left }
ul#statsa h3.right > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
ul#statsa > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
ul#statsa h4.city { color:#99182C; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; }
ul#statsa h5 { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
ul#statsa h6 { color:#FEF8C7; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
ul#statsa.top { margin:0 0 1em 0; font-size:.8em; text-align:right; }
ul#statsa.top a, .top a:link { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#1A0B01; }
ul#statsa.top a:hover { color:#FFFFFF; }

#content { margin:0 0 2em 0; padding:10px; width:275px; float:left; color:#E49B20; line-height:1.165em; border: solid 1px #000 }
#content p { margin:0 0 10px 0; padding:0px 0 20px 0; color:#1A0B01; font-family:Verdana, Arial, Helvetica, sans-serif; }
#content h2 { font-size:1.2em; color:#6b2b00; }
ul#statsb { padding:.5em .5em .6em 1em; background-color:#8B5A2B; color:#FEF8C7; border:1px solid #000; }
ul#stats { padding:.5em .5em .6em 1em; background-color:#FEF8C7; color:#C82536; border:1px solid #000; }

#review { width:270px; margin:0px 0px 2em 10px; padding:10px; float:left; background-color:#1A0B01; border:1px solid #000; }
#review p { margin:0 0 10px 0; color:#FEF8C7; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; line-height:1.4em; }
#review h2 { width:258px; margin:0 0 10px 0; padding: 2px 6px 4px 6px; background:url(images/navbg.png) top right no-repeat #8B5A2B; font-size:1.4em; color:#1A0B01; }
.store { width:258px; margin:0 0 10px 0; padding: 2px 6px 4px 6px; background:url(images/navbg.png) top right no-repeat #8B5A2B; font-size:1.4em; color:#1A0B01; text-align: center; /*addede text-align*/ }
.store a, .store a:link { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#1A0B01; }
.store a:hover { color:#FFFFFF; }
#review > img.thumb { padding:2px 2px 16px 2px; margin:0 0px 6px 10px; background-color:#FEF8C7; float:right; }
#review h3 { color:#A68064; font-size:1.2em; }
#review h4 { color:#FEF8C7; font-size:.9em; margin:0 0 1em 0; }
#review h5 { color:#A68064; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; }
ul#stats { padding:.5em .5em .6em 1em; background-color:#FEF8C7; color:#C82536;  }
ul#statsb { padding:.5em .5em .6em 1em; background-color:#8B5A2B; color:#FEF8C7; border:1px solid #000; }
ul#statsb h4 { color:#99182C; font-size:1.1em; }
ul#stats li a  { color: #C82536; font-style: normal; font-weight: bold; font-stretch: normal; text-decoration: underline }
ul#stats li a:hover { color:#1A0B01; }

#clearf { clear:both; }

#footer { width:100%; clear:both; margin:20px 0 0 0; padding:4em 0 10em 0; background-color:#1A0B01; border-top:1px solid #000; }
#footer p { width:500px; color:#E49B29; margin:0 auto; padding: 1em 1em 1em 1em; text-align:center; }
#footer a, #footer a:link, #footer a:visited { text-decoration:underline; color:#F78E71; }
#footer a:hover { color:#FEF8C7; }
