body {margin:0 auto; padding:0; text-align:center; font-size:75%; background:gray; font-family:verdana,helvetica,geneva,sans-serif; line-height:120%; color:#323D8E;}
table {border-collapse:collapse; border-spacing:0; margin:0 auto; padding:0;}
tr, th {vertical-align:top; text-align:left;}
th {border: #666 solid; border-width: 1px 0 1px 0;}
th.bottom {border:#666 solid; border-width:0 0 1px 0; font-weight:normal;}
td.nav {background:#ffffff;}
h1, h2 {width:auto; text-align:center; margin:0; padding:0; font-size:1.4em; color:#323d8e; line-height: 1.3em;}
h2 {font-size:1.2em; border-bottom:solid 1px #323d8e;}
img {float:left; margin:0; padding:0; border:none;}
a {color:#323d8e;}
a:hover {color:purple;}

#mainwrapper {width:800px; margin:0 auto; padding:0; text-align:left; border:none;}
#masthead {margin:0; padding:0;}

#content {}
#content.home, #content.puffs, #content.locations {float:left; margin:0; width:776px; text-align:center; background-color:#ffffcc;}
#content.home p {margin:0; padding:0; line-height: 1em; text-align:center;}
#content.home p.bottom {padding-bottom:4px; margin-bottom:2px; border-bottom:1px dotted #aaa;}
#content.home small {font-size:.85em;}
#content.home #textarea {background:#fff100; width:189px; height:429px}
#content.home #textarea #box1, #content.home #textarea #box2 {margin:0; padding:5px 0 0 0; border-bottom: 1px #323d8e solid;}
#content.home hr {display:none;}

#mainwrapper {}
#mainwrapper table {background:white; border-collapse:collapse; border:0; margin:0; padding:0;}
#mainwrapper td {border:0; margin:0; padding:0;}

#content table {width:550px; margin:auto; background:#ffffcc;}
#textarea {float:right; width:599px; background:#ffffcc;}

#textarea h1 {margin:10px 0 6px 0;}

#content.orders p {margin:0 25px 7px 25px;}
#content.about p {margin:0 25px 5px 25px; line-height:1.2em;}
#content.orders hr {margin:25px 25px;}

#content.puffs h1 {margin:10px 0 10px 0;}
#content.puffs td.comment, #content.drinks td.comment {border:#666 solid; border-width:1px 0 0 0; text-align:right;}

#content.locations img {float:left;}
#content.locations #textarea img {float:none; display:block; margin:auto;}
#content.locations h1 {text-align:center}
#content.locations p {text-align:center; margin:0; line-height:1.2em;}
#content.locations #box1 {margin:5px 0 0 0; padding:0; text-align:center; float:left; width:297px;}
#content.locations #box2 {margin:5px 0 0 0; padding:0; text-align:center; float:left; width:297px;}
#content.locations #box3 {clear:both; margin:5px 0 0 0; padding:0; text-align:center; float:left; width:597px;}
#content.locations td.sj {text-align:left;}
#content.locations td p {text-align:left;}

div#navbar {margin:0; padding:0; width:600px; height:27px; text-align:center;}
div#navbar ul, div#navbar li {margin:0; padding:0; list-style-type:none;}
div#navbar ul {width:600px; height:27px; background:transparent url(images/navbar.gif) top left no-repeat; background-position:0 0; text-align: center;}
div#navbar li {float:left;}

div#navbar ul.level2 li.submenu {background:white;}
div#navbar li a {display:block; height:27px; width:100px; line-height:27px; text-indent:-9999px;}

div#navbar ul ul li a:hover {background-image:none; color:purple;}
div#navbar ul ul {position:absolute; top:173px; margin-left:-7px; width:100px; display:none;}
div#navbar ul.level1 li.submenu:hover ul.level2 {display:block; background:white; background-image:none;}
div#navbar ul ul li a {display:table-cell; width:100px; margin:0; padding:0 0 0 5px; vertical-align:middle; text-decoration:none; color:#323D8E; font-size:.90em; text-indent:0; border:1px solid #ccc; border-bottom:none;}

div#navbar li a:hover,
body.homepage div#navbar a#homepage,
body.puffs div#navbar a#puffs,
body.drinks div#navbar a#drinks,
body.orders div#navbar a#orders,
body.about div#navbar a#about,
body.locations div#navbar a#locations
{
background: transparent url(images/navbar.gif) top left no-repeat; cursor:default;
}

div#navbar a#homepage:hover, body.homepage div#navbar a#homepage {
  background-position: 0px -27px;
  }
div#navbar a#puffs:hover, body.puffs div#navbar a#puffs {
  background-position: -100px -27px;
  }
div#navbar a#drinks:hover, body.drinks div#navbar a#drinks {
  background-position: -200px -27px;
  }
div#navbar a#orders:hover, body.orders div#navbar a#orders {
  background-position: -300px -27px;
  }
div#navbar a#about:hover, body.about div#navbar a#about {
  background-position: -400px -27px;
  }
div#navbar a#locations:hover, body.locations div#navbar a#locations {
  background-position: -500px -27px;
  }