
/* page layout */
#body { padding: 15px 0px; }
#page { margin: auto; width: 810px; position: relative; }
#banner { text-align: center; position: relative; padding-top: 15px; }
#menu { position: relative; z-index: 4; }
#phoneno { position: absolute;  right: 25px; top: 20px; }
#sidebar { float: left; width: 185px; padding: 15px; }
#editOrderForm { padding-bottom: 12px; }
#content { float: left; width: 555px; padding: 4px 18px 18px; margin-left: -1px; }
#footer { clear: both; padding: 8px; position: relative; }

/* ie floated double-margin hack */
* #content { display: inline; }

/* backgrounds and borders styles */
#body { background: black url('background.png'); }
#page { background: black; border: 1px solid white; }
#menu { background: #ccc; border-top: 1px dotted white; border-bottom: 1px dotted white; }
#sidebar { border-right: 1px solid white; }
#content { border-left: 1px solid white; }
#editOrderForm { border-bottom: 1px dotted white; }
#footer { border-top: 1px solid white; }

/* menu styles */
#menu { font-size: 125%; font-weight: bold; line-height: 250%; }
#menu li { width: 100px; }
#menu li li { width: 175px; line-height: 175%; }
#menu a { color: black; text-decoration: none; }
#menu a:hover { background: #71b7ff; }
#menu ul ul { background: #ccc; }

/* misc named elements */
#footer { font-size: 85%; text-align: center; }
#footer a { color: orange; }

/* html styles */
body { 
  font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 12px; line-height: 150%; 
  color: white;
}
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a { color: #71b7ff; font-weight: bold; }
a { color: white; text-decoration: underline; font-weight: inherit; }
a:visited { color: white; text-decoration: none; }
a:hover { color: #71b7ff; text-decoration: underline; }
td { padding: 8px; }

