body { height: 100%; width: 750px; margin: 0 auto;
       font: 90% Trebuchet MS, Trebuchet, sans-serif; background: #bfbfbf; }

table { border-collapse: collapse; }
td { vertical-align: top; }
form { margin: 0; }
fieldset { padding: 0.5em; margin: 1em 0; background: #f5f5f5; }
legend { font-weight: bold; }
li { margin-bottom: 0.25em; }
.nowrap { white-space: nowrap; }

form td { padding: 0.25em; }
form th { padding: 0.25em; text-align: left; vertical-align: top; }

input.button { padding-left: 2ex; padding-right: 2ex; }
tr.bg2 td { background: #f5f5f5; } /* The darker rows in a table */

h1 { font-size: 26px; color: white; margin: 0; padding: 10px 20px 0.5em 20px;
     letter-spacing: 0.1ex; }
h2 { margin: 0; padding: 0.25em 20px; background: #f68b20; }
h3 { color: #82380d; margin: 0; padding: 0.15em; }

#topNavBar { padding: 1em 20px 0.25em; }
#topNavBar a { color: white; white-space: nowrap; padding-right: 2ex; }
#infoBar { padding: 0.25em; margin: 0.25em 0; }

h1, #topNavBar { background: #55554c; }

p#slogan { padding: 0 0.5em 1em 0.5em; border-bottom: 3px white solid; }


body#manageOrganization input.button { padding: 0;  }
table#formGrid { width: 100%; }

ul.quiz { list-style-type: none; }

table#answerList td { padding: 0.25em; vertical-align: middle; }

table.statsGrid { margin: 1em 0; }
table.statsGrid td, table.statsGrid th
  { padding: 0.25em 0.5em; text-align: center; border: 1px #aaaaaa solid; }
table.statsGrid td.name { text-align: left; }
table.statsGrid th { background: #f5f5f5; }
table.statsGrid td.bar { text-align: left; }
table.statsGrid td.bar div { background: red; }