/* positioning */
#body { margin-top: -25px; padding: 54px 0px; }
#page-a { width: 950px; margin: auto; }
#page-c { padding: 45px; }
#header { height: 209px; overflow: hidden; position: relative; }
#logo { position: absolute; bottom: 4px; left: 29px; }
#menu { height: 50px; }
#main { padding: 10px; clear: both; }
#footer { height: 60px; line-height: 60px; clear: both; }

/* backgrounds and borders */
body { background: black; }
#body { background: url('images/bg-gradient.png') top repeat-x; }
#page-a { background: white url('images/page-sides.png') repeat-y; }
#page-b { background: url('images/page-top.png') top left no-repeat; }
#page-c { background: url('images/page-footer.png') bottom left no-repeat; }

/* menu items */
#menu { font-size: 120%; font-weight: bold; }
#menu li { width: 143px; }
#menu li li { background: red; width: 163px; }
#menu a:hover { background: black; }
#menu a { 
  position: relative; display: table; text-align: center;
  color: white; text-decoration: none; height: 51px;
}
#menu a span { 

  /* Gecko element centering */
  display: table-cell; vertical-align: middle; width: 20%; height: 51px; 

  /* IE element centering */
  *display: block; *position: absolute; *width: 100%; *left: 0px; *height: auto;
  *top: expression(26 - this.clientHeight / 2); *cursor: pointer;
}

/* 2nd level menu items are standard */
#menu li li a { display: block; font-size: 80%; height: auto; }
#menu li li a span { height: auto; display: inline; position: static; top: auto; }

/* misc */
#footer { text-align: center; color: #ccc; font-size: 80%; }
#footer a { color: #ccc; text-decoration: none; }
#footer a:hover { color: white; }
.right { text-align: right; }

/* html styles */
body { font-size: 12pt; line-height: 150%; }
p { padding-top: 1em; }
a { text-decoration: none; color: maroon; }
a:hover { color: red; text-decoration: underline; }
td { padding: 6px; }
img, a img { border: 1px solid black; }