/* CSS Document */

/* General Styles */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #942e25; padding: 0; margin: 0; text-align: center; height: 100%; }
.clear { clear: left; clear: right; clear:both; } 
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.decimal { text-align:right }

/* Page Elements */
img, div { behavior: url("./iepngfix.htc") }; /* ie6 PNG fix */
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
img { margin: 0; padding: 0; }
h1 span { display:none; }
h2 { clear: both; font: bold 1.5em "Century Gothic", Century, Verdana, Arial, Helvetica, sans-serif; color:#685a30; padding:0; margin: 10px 0 0 0; border-bottom: 1px solid #b8a86f; text-transform: uppercase;}
h3 { clear: both; font: bold 1.25em "Century Gothic", Century, Verdana, Arial, Helvetica, sans-serif; color:#5f5645; padding:15px 0 0 0; margin: 0; text-transform: uppercase; }
h4 { clear: both; font: bold 1.1em "Century Gothic", Century, Verdana, Arial, Helvetica, sans-serif; color:#927e4d; padding:0 0 5px 0; margin: 0; font-style: italic; }
p { padding:0; margin: 0 0 1em 0; text-align:justify; }
div { padding: 0; margin: 0; }
address { font-style: normal; margin: 30px 10px 10px 10px; }

/* Template Style */
#wrapper { width: 805px; margin: 0 auto; margin-top: 100px; }

/* JoPa Cafe Header */
#cafe_logo { width: 199px; height: 106px; }
#espresso_logo { position:absolute; top:-35px; left:20px; width: 161px; height: 161px; }
#jopa_cafe h1 { background:url(images/jopaCafe.png) top center no-repeat; height: 106px; width: 199px; margin: 0; }
#jopa_espresso h1 { height: 161px; width: 161px; }
#content h1 { text-align:center; font-weight:bold; font-size:18px; color:#5f5645; background:#e3ce95 url(/Images/Menu_Swirly_Bkg.jpg) no-repeat; padding: 0; height: 30px; }
.header { font: bold 14px "Arial", Helvetica, sans-serif; color: #000000; font-weight: normal; padding:0; margin: 0 0 5px 10px; }
.header strong { font: bold 14px "Arial", Helvetica, sans-serif; color: #942e25; font-weight: bold; font-weight: bold; padding:0; margin: 0; }
.jopa_food { background-color: #000000; float:left; height:350px; margin-right: 3px; }
#jopa_cafe { background-color: #e3ce95; width: 199px; height: 350px; float: left; margin-right: 3px; }
#cafe_p { margin: 10px 10px 0 10px; }
#cafe_invis { width: 199px; height: 106px; margin-bottom: 10px; }
#jopa_espresso { background-color: #e3ce95; width: 199px; height: 350px; float: left;}
#espresso_p { margin: 31px 10px 0 10px; }
#espresso_black { position: relative; background-color: #000000; width: 199px; height: 106px; }

/* JoPa Cafe Content */
#content { background-color: #e3ce95; margin-top: 1px; text-align: left; border-top: 10px solid #5f5645; border-bottom: 10px solid #5f5645; padding: 20px 20px 50px 20px; }

/* Footer */
#footer { margin: 5px 0 25px 0; padding: 0; }
#footer p { color:#f3e7c5; margin: 0; padding: 0; text-align: center;}
#footer a { color:#f3e7c5; font-size:12px; text-decoration:none;}
#footer a:hover { color:#000000;}

/* Page Styles */
.menuitems { display: inline-block; clear: both; width: 98%; }
.menuitems dt { display: inline-block; font-weight: bold; clear: both; margin-top: 0; width: 100%; line-height: 18px;}
.menuitems dd { display: inline-block; clear: both; padding: 0; margin: 0 10px 0 0; line-height: 18px; width: 100%;}