body {
  font-family: 'Arial', 'Comic Sans MS', 'Times New Roman', serif;
}
h1 {font-size: 200%;}
h2 {font-size: 90%;}
h3 {
  color: rgb(160,0,0);
  font-size: 200%;
}
h4 {font-size: 110%;}
h5 {
  color: red;
  font-size: 90%;
}
hr {margin: 1em;}
ul {
  width: auto;
  margin: 0;
  padding: 1em;
  line-height: 200%;
  list-style-type: none;
}
#all {
  position: absolute;
  width: 99%;
  margin: 0;
  padding: 0;
  background-color: #99CCFF;
/*  background-color: rgb(0,0,74); */
}
#menu {
  position: fixed;
  position: expression( 'absolute' );
  top: 0;
  top: expression( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
  left: 0;
  float: left;
  width: 9.5em;
  margin: 0;
  padding: 0;
}
#menu a:link {color: white;}
#menu a:visited {color: red;}
#main {
  width: auto;
  padding: 1em 2em;
  margin-left: 9em;
  text-align: center;
  background-color: white;
}
#logo {text-align: center;}
#sugarhilldesc {font-size: 75%;}
#items {font-weight: bold;}
#col1 {text-align: left;}
#col2 {
  text-align: right;
  overflow: hidden;
}
#col3 {text-align: right;}
p.text {
  max-width: 600px;
  width: expression(document.body.clientWidth >= 800? "600px": "auto" );
  margin: 0 auto;
  text-indent: 2em;
  text-align: justify;
  line-height: 150%;
}
table.locations {
  table-layout: auto;
  margin: auto;
  background-color: #99CCFF;
  border: 1px outset gray;
}
table.locations th {
  padding: 1em;
  font-size: 175%;
  font-weight: bold;
  border: 1px inset gray;
}
table.locations td {
  padding: 1em;
  text-align: center;
  vertical-align: middle;
  border: 1px inset gray;
}
table.cakeprice {
  table-layout: fixed;
  width: expression(document.body.clientWidth >= 800? "600px": "auto" );
  margin: auto;
  border: 1px outset gray;
}
table.cakeprice col {width: 33%;}
table.cakeprice th, td {
  padding: 5px;
  text-align: center;
  border: 1px inset gray;
}
table.pricelist {
  table-layout: fixed;
  width: expression(document.body.clientWidth >= 800? "600px": "auto" );
  max-width: 600px;
  min-width: 600px;
  margin: auto;
  border: 1px outset gray;
}
table.pricelist th {
  padding: 5px;
  border: 1px inset gray;
  text-align: left;
}
table.pricelist td {
  padding: 5px;
  border: 1px inset gray;
}
table.cakes {
  table-layout: fixed;
  width: 80%;
  float: right;
  margin: auto;
  border: 1px outset gray;
}
table.cakes td {
  text-align: center;
  font-size: 80%;
  border: 1px inset gray;
}
table.sections {
  table-layout: auto;
  width: 75%;
  margin: auto;
}
table.sections td {
  border: 0;
  text-align: center;
}