body {
 background: url( background_5.jpg ) #CCCCFF;
 font-size: 100%;
 color: black;
 margin: 0;
 padding: 0;
}

h1 {
 font-size: 2.25em;
 margin-top: .5em;
 text-align: center;
}

h1 span {
 display: block;
 font-size: 50%;
 font-weight: normal;
}

h1 img {
 position: relative;
 top: -.5em;
 padding-top: 0;
}

a:link {
 color: #0000FF
}

a:visited {
 color: #FF0000
}

#root {
  clear: both;
}

#pics1, #pics2 {


 margin: 0 1%;
}

#pics1 {
 float: left;
}

#pics2 {
 float: right;
}

#pics1 img,
#pics2 img {
 display: block;

 margin: .7em auto;
}

#lists {
 width: 70%;
 margin: 0 auto 1em auto;
}

#special,
#menu,
#bar {
 width: 45%;
 margin: 0 1%;
}

#bar {
 float: left;
 margin-bottom: 2em;
}

#menu {
/*
 margin-left: 51%;
 */
 float: right;
 margin-bottom: 2em;
}

#special table,
#menu table,
#bar table {
 margin: 0;
 padding: 0;
 font-weight: bold;
 width: 100%;
 line-height: 1.25;
}

#bar tr {
 vertical-align: top;
}

#bar td p {
 margin-left: 1em;
 padding-left: 0;
 font-weight: normal;
 font-size: .85em;
 padding-top: .125em;
 margin-top: 0;
}

#bar td.normal {
 font-weight: normal;
 padding-left: 1em;
 font-size: .9em;
}

td.price {
 text-align: right;
}

#special {
 background: #ffc;
 padding: 1%;
 margin-bottom: 1em;
 float: right;
 border: 1px solid black;
/*
 width: 30%;
 padding: 1em;
*/
}

#special h2 {
 margin: .125em;
 padding: 0;
}

tr {
 vertical-align: top;
}

#root {
 border-top: 1px solid #ddf;
 margin-bottom: 2em; 
}

#footer {
 font-size: .8em;
 text-align: right;
 margin-top: 1.5em;
 padding-right: 1em;
}


.clb {
 clear: both;
}


/*
#quiz {
 padding: 0 1.25em;
 margin-top: 4em;
 text-align: center;
 border: 1px solid black;
 background: #ccf;
 clear: both;
}

#quiz h2 {
 margin: 0;
 padding: 0;
}
*/