/**************************** Links Tags ***********/
a, a:link, a:visited { text-decoration: none; color: #000099; }
a:hover, a:active { text-decoration: underline; color: #000; }
img, a img { border: 0; }
ul.errorlist li { list-style: none; font-style: italic; }
/**************************** General Tags ***********/
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; color: #333; }
h1 { font-size: 100%; }
h2 { font-size: 110%; }
h3 { font-size: 120%; }
p, div, ul, ol, li { margin: 0; padding: 0; }
hr { margin: 5px 0 0 0; border: 1px solid #ccc; }
/**************************** Container Tags ***********/
body { margin: 0; padding: 0; font: 62.5%/1.4em "Arial", Helvetica, sans-serif; color: #666; text-align: center; background: #36250f url('../images/bg_canvas.gif') repeat top center; }
#container { width: 775px; margin: 0 auto; margin-top: 50px; padding: 0; text-align: center; }
#contentop { height: 55px; background: url('../images/bg_content_top.gif') no-repeat top center; }
#contentmid { background: url('../images/bg_content_mid.gif') repeat-y top center; }
#contentbot { height: 39px; background: url('../images/bg_content_bot.gif') no-repeat top center; }
/**************************** Header Tags ***********/
#header { position: relative; height: 140px; margin: 0 auto; _margin-bottom: -8px; background: url('../images/bg_header.gif') no-repeat top center; }
.logo { position: absolute; top: -41px; left: 263px; width: 250px; height: 150px; }
/**************************** Header / Menu Left Tags ***********/
ul.menuleft { margin: 0 0 0 57px; padding: 12px 0 0 0; float: left; }
ul.menuleft li { list-style: none; }
ul.menuleft li a { display: block; width: 195px; height: 65px; }
ul.menuleft li a span { display: none; }
ul.menuleft li.grinds a { background: url('../images/buttons/grinds_off.gif') no-repeat top left; }
ul.menuleft li.grinds a:hover, ul.menuleft li.grinds a.current { background: url('../images/buttons/grinds_on.gif') no-repeat top left; }
ul.menuleft li.coffee a { background: url('../images/buttons/coffee_off.gif') no-repeat top left; }
ul.menuleft li.coffee a:hover, ul.menuleft li.coffee a.current { background: url('../images/buttons/coffee_on.gif') no-repeat top left; }
/**************************** Header / Menu Right Tags ***********/
ul.menuright { margin: 0 60px 0 0; padding: 13px 0 0 0; float: right; }
ul.menuright li { list-style: none; }
ul.menuright li a { display: block; width: 195px; height: 65px; }
ul.menuright li a span { display: none; }
ul.menuright li.contactus a { background: url('../images/buttons/contactus_off.gif') no-repeat top left; }
ul.menuright li.contactus a:hover, ul.menuright li.contactus a.current { background: url('../images/buttons/contactus_on.gif') no-repeat top left; }
ul.menuright li.catering a { background: url('../images/buttons/catering_off.gif') no-repeat top left; }
ul.menuright li.catering a:hover, ul.menuright li.catering a.current { background: url('../images/buttons/catering_on.gif') no-repeat top left; }
/**************************** Content / Post Tags ***********/
.post { float: left; padding: 20px 0 0 50px; }
.pw30 { width: 310px; }
.pw42 { width: 420px; }
.pw46 { width: 420px; }
.post h2 { padding: 3px 0 5px 20px; color: #b60029; font-size: 16px; font-weight: bold; text-align: left; background: url('../images/arrow_left.gif') no-repeat top left; }
.post h3.call { color: #b60029; font-size: 15px; font-weight: bold; text-align: right; }
.post p { font-size: 12px; line-height: 15px; color: #333; text-align: left; }
.post .image { padding: 15px 0 0 0; text-align: left; }
/**************************** Post / CateringForms Tags ***********/
.pw30 .cateringform { }
.pw30 .cateringform hr { margin: 6px 0; border-bottom: 1px dotted #333; }
.pw30 .cateringform h3 { margin: 10px 0; padding: 10px; padding-left: 20px; background: url('../images/text_catering.gif') no-repeat center left; font-weight: bold; text-align: left; }
.pw30 .cateringform h4 { font-size: 12px; font-weight: bold; text-align: left; color: #666; }
.pw30 .cateringform h5 { text-align: right; }
.pw30 .cateringform h5 a { font-size: 11px; font-weight: bold; font-style: italic; text-decoration: underline; color: #b60029; }
/**************************** Post / MenuSpecial Tags ***********/
.pw46 .menuspecial h2 { padding: 15px 15px 15px 25px; font-size: 14px; background: url('../images/text_coffee_special.gif') no-repeat top left; }
.pw46 .menuspecial table { width: 350px; margin: 0 0 10px 0 !important; padding: 0; text-align: left; }
.pw46 .menuspecial table td { padding: 5px 0; font-size: 12px; font-weight: bold; text-align: left; border-bottom: 1px dotted #ccc; }
.pw46 .menuspecial table td.item { width: 80%; }
.pw46 .menuspecial table td.lbs, .pw46 .menuspecial table td.price { width: 20%; }
/**************************** Post / MenuGeneral Tags ***********/
.pw46 .menugeneral { float: left; margin: 0; padding: 0; }
.pw46 .menugeneral h2 { width: 160px; margin-right: 10px; padding: 15px 15px 15px 25px; font-size: 12px; background: url('../images/text_coffee.gif') no-repeat top left; }
.pw46 .menugeneral table td { padding: 5px 0; font-size: 11px; font-weight: bold; text-align: left; border-bottom: 1px dotted #ccc; }
/**************************** Sidebar Tags ***********/
.sidebar { position: relative; float: left; margin: 0 0 0 20px; }
.sidebar h2 { padding: 10px 0 10px 0; color: #b60029; font-size: 13px; font-weight: bold; text-align: center; }
.sw22 { width: 220px; }
.sw26 { width: 260px; }
.sw35 { width: 370px; }
.sw22 .label { position: absolute; top: -44px; left: 25px; }
.sw26 .label { position: absolute; top: -44px; left: 25px; }
.sw35 .label { position: absolute; top: -44px; left: 135px; }
.sw35 .label.cate { position: absolute; top: -44px; left: 135px; _left: 121px; }
.sw26 .cibeans { height: 120px; margin: -40px 0 0 0; background: url('../images/ci_beans.gif') no-repeat top center; }
/**************************** Sidebar / ContactInfo Tags ***********/
.sw26 .contactinfo { height: 300px; margin: 80px 20px 0 0; padding: 10px 20px 0 20px; background: url('../images/bg_contactinfo.gif') no-repeat top left; }
.sw26 .contactinfo p { color: #666; font-size: 11px; font-weight: bold; }
.sw26 .contactinfo p span { font-size: 11px; color: #333; }
.sw26 .contactinfo p.map { padding: 50px 0 0 40px; }
.sw26 .contactinfo p.map a { color: #b60029; font-size: 13px; font-weight: bold; font-style: italic; }
/**************************** Sidebar / Events Tags ***********/
.sw35 .events { display: block; margin: 65px 0 0 0; padding: 0 20px 0 0; background: url('../images/bg_events.gif') no-repeat center right; }
.sw35 .events h2, .sw35 .cater h2 { text-align: left; }
.sw35 .events div h3 { display: block; padding: 10px 0 5px 0; color: #333; font-size: 12px; font-weight: bold; border-bottom: 1px dashed #333; text-align: left; }
.sw35 .events div h4 { color: #666; font-size: 11px; font-style: italic; font-weight: bold; text-align: right; }
.sw35 .events p, .sw35 .cater p { font-size: 12px; text-align: left; }
/**************************** Sidebar / Cater Tags ***********/
.sw35 .cater { display: block; margin: 70px 0 20px 0; padding: 0 20px 0 0; }
.sw35 .cater ul { margin: 10px 0; padding: 0 0 0 15px; }
.sw35 .cater ul li { padding: 5px 0; list-style-type: square; font-size: 12px; text-align: left; border-bottom: 1px dotted #666; }
/**************************** Sidebar / SpecialCoffee Tags ***********/
.sw35 .specialcoffee { margin: 10px 0; display: block; clear: both; }
.sw35 .specialcoffee p { padding: 0 20px 0 10px; font-size: 12px; text-align: left; }
.sw35 .specialcoffee h2 { margin-bottom: 10px; padding-left: 20px; text-align: left; background: url('../images/text_special.gif') no-repeat center left; }
/**************************** Sidebar / SpecialCoffee Tags ***********/
.sw22 .coffeespecialitems { height: 300px; margin-top: 65px; text-align: left; background: url('../images/coffee_notepad.gif') no-repeat top left; }
.sw22 .coffeespecialitems h3 { padding: 50px 0 10px 30px; font-weight: bold; color: #b60029; background: url('../images/icon_coffee_special.gif') no-repeat 70% 110%; }
.sw22 .coffeespecialitems ul { width: 150px; padding: 10px 0 0 20px; text-align: center; }
.sw22 .coffeespecialitems ul li { display: block; list-style: none; padding: 3px 0; font-size: 11px; font-weight: bold; border-bottom: 1px dotted #666; }
/**************************** Footer Tags ***********/
#wrapfooter { margin: 0 auto; text-align: center; clear: both; background: url('../images/bg_footer.gif') no-repeat top center; }
#footer { height: 89px; }
#footer p { margin: 30px 0 0 0; font-size: 11px; line-height: 18px; color: #fff; }
p.address { float: left; padding: 0 0 0 50px; text-align: center; }
p.contact { float: right; padding: 0 70px 0 0; _padding-right: 55px; text-align: center; }
p.contact a { color: #fff !important; text-decoration: underline; }
#footercopy { border-top: 5px solid #000; margin: 0 5px 0 6px; padding: 5px 0; background: #100C05; color: #fff; }
#footercopy a { color: #fff; }
/**************************** Contact Form Tags ***********/
form.contactform { margin: 0; }
.contactform .errors { padding: 10px 0 0 0; font-size: 12px; font-weight: bold; font-style: italic; color: #333; }
.errors em { color: #b60029; }
.contactform fieldset { display: block; border: 0; padding: 20px 20px 10px 0; }
.contactform label { clear: both; float: left; width: 100px; margin: 0; display: block; font-size: 12px; font-weight: bold; text-align: left; }
.contactform span { position: relative; top: -35px; left: 200px; text-align: left; font-size: 11px; font-style: italic; }
.contactform input { position: relative; top: -18px; left: 80px; width: 240px; display: block; padding: 2px; color: #666; }
.contactform textarea { position: relative; top: -14px; left: 80px; width: 243px; height: 200px; display: block; }
.contactform select { position: relative; top: -14px; left: 80px; width: 246px; padding: 2px; display: block; }
.contactform p.submit input { margin: 0 80px 0 0; color: #fff; background: #b60029; padding: 10px; border: 1px solid #333; cursor: pointer; }
.thanks { margin: 20px 0 0 0; background: url('../images/bg_contactform.gif') repeat-y top left; }
.thanks p { padding: 20px 30px 20px 20px; }
/**************************** Form Tags ***********/
.forms h3 { font-size: 12px; font-weight: bold; }
.forms h3 a { color: #333; text-decoration: underline; }
.forms h3 a:hover { text-decoration: none; }
.forms p { font-size: 12px; }