/* Site-wide */

html, body { height: 100%; margin: 0; padding: 0; }

body { font: 100% Georgia, Arial, Trebuchet MS, sans-serif; background: #DAE3EE; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0.25em; vertical-align: top; }
a img { border: 0; }
td { vertical-align: top; }
.sparse li { margin-top: 0.5em; }
legend { font-weight: bold; font-size: 90%; }
.darker { background: #f5f5f5; }
.centered { text-align: center; }
.centered * { margin-left: auto; margin-right: auto; }
.left { text-align: left; }
.left * { margin-left: 0; margin-right: auto; }
.error { color: red; }
.wide { width: 100%; }
option.special { background: lightGray; }
input.button { padding: 0.15ex 3ex; }
h1, h2, h3, h4 { font-family: Georgia, serif; color: #001e4c; }
h1 { padding: 0.25em; margin-top: 0; background: #FFCF58; }

table.dataGrid { margin: 0.5em 0; background: white;  }
table.dataGrid th, table.dataGrid td { border: 1px #cccccc solid;  }
table.dataGrid th { background: #f5f5f5; }

ul.links li { margin-bottom: 0.5em; }

table#layout { table-layout: fixed; width: 100%; height: 100%; }
td#leftBox, td#rightBox { padding-top: 70px; }
td#leftBox { width: 20%; }
td#rightBox { padding-right: 0.5em; }
td#bottomBox { vertical-align: bottom; }

#menuBox { color: white; padding: 0.5em 1em; background: #001e4c; }
#menuBox input { width: 160px; }
#menuBox a { font: 105% Arial, sans-serif; color: white; }
ul#menu { list-style: none; margin: 0.5em 0; padding: 0; }
ul#menu li { margin-bottom: 0.5em; }

div.textBlock { margin: 0.5em 0; padding: 0.5em; background: white; border: 1px #cccccc solid;  }
div.sideBlock { margin: 0.5em 0; padding: 0.5em; background: #FFCF58; border: 1px #cccccc solid;  }
div.navBar { margin: 0.5em 0; padding: 0.25em; background: white; border: 1px #cccccc solid; }
div.menu { padding: 0.5em; background: white; border: 1px #8dc24e solid;  }

div.problem { margin: 2em 0;  }
div.problem p { margin: 0.5em 0; }
div.problem p.header { padding: 0.25em 0.5em; background: #8dc24e;
                       border: 2px white solid; }
div.problem textarea { width: 99%; }

#logo { font: bold 20px Georgia, serif; color: white; text-align: center;
        padding: 0.5em 0; background: black; }

#intro { width: 700px; }

div.posting { margin: 1em 0; background: white; border: 1px  #8dc24e solid;  }
div.posting div.header { padding: 0.25em 0.5em; background: #f0f0f0;}
div.posting div.descr { padding: 0.5em; }

#header { position: absolute; left: 0; top: 5px; width: 100%;
          height: 70px; font-size: 16px; text-align: center; }
#header p { margin-top: 0; margin-bottom: 0.2em }
#header a { font-style: italic; font-weight: bold; color: black; }

#footer { text-align: center; margin-left: -200px; }

div.textPiece { margin: 1em 1em 1em 0; padding: 0.5em 1em; background: white;
                border: 1px #cccccc solid; }

ul#recGroupsList { margin-top: 1em; }
ul#recGroupsList li { margin: 0.75em 0; }
ul#recGroupsList p { margin: 0.25em 0; }