html, body {
  margin: 0;
  padding: 0;
  background: #eee;
  font-size: 13px;
  
  /* MSIE hack */
  text-align: center;
  
  height: 100%;
  
  font-family: arial, helvetica, sans-serif;
  
  color: #222;
}

body {
  padding: 2em;
  padding-top: 0;
  padding-bottom: 0;

  /*
  margin-left: 5em;
  margin-right: 5em;
  */
  
  border-right: 5em solid #eee;
  border-left: 5em solid #eee;
  
  /* Undo MSIE hack */
  text-align: left;
  
  background: #eee;
}

h1 {
  /* Hack: instead of using margin, which pushes body down, use padding. */
  margin-top: 0;
  padding-top: 1.75em;
  margin-bottom: 0;
  margin-right: -.4em;
  
  color: #2F4F4F;
  text-transform: lowercase;
  letter-spacing: .5em;
  font-weight: normal;
  font-size: 2em;
  
  font-family: times, 'Times New Roman', serif;
  text-align: right;
}

#description {
  font-style: italic;
  text-align: right;
  letter-spacing: .1em;
  margin-top: .15em;
  /* margin-bottom: 1.75em; */
  
  /* Collapse on hr */
  margin-bottom: 0;
}

#description a {
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: .9em;
}

#flash {
  color: #600;
  font-style: italic;
  
  background: #fff;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  
  padding: .25em;
  padding-top: .5em;
  padding-bottom: .5em;
}

h2 {
  font-size: 1.25em;
  margin-top: 1.5em;
  color: #333;
}

h2 span {
  font-size: .9em;
  text-transform: lowercase;
  font-variant: small-caps;
}

h2#agenda {
  font-style: italic;
  font-size: 1.75em;
  margin-bottom: 0;
  color: #333;
}

#agendaActions {
  margin-top: 0;
  text-align: left;
  font-size: 1em;
  text-transform: lowercase;
  font-variant: small-caps;
  padding-left: .75em;
}

strong {
  font-size: 1.25em;
  text-transform: lowercase;
  font-variant: small-caps;
}

hr {
  height: 1px;
  border: 0;
  background: #ccc;
  color: #ccc;
  margin-top: 1em;
  margin-bottom: 1.5em;
}

.debug {
  color: red;
}

h3 {
  margin-top: 0;
  font-style: italic;
}

#hint {
  /* Nothing for now */
}

/* Various "hide" links */
#hint a, #groupInfo a {
  font-size: .9em;
  text-transform: lowercase;
  font-variant: small-caps;
  color: #900;
}

/* "What's the next step" label */
#hint strong {
  color: #600;
}

/* Paragraph containing the hide link for group information */
#hideGroupContainer {
  margin-top: .25em;
  margin-bottom: .25em;
  text-align: left;
}

table#agenda-items {
  border-collapse: collapse;
  background: #fff;
  padding: .25em;
  font-size: .9em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

table#agenda-items td {
  border: 1px solid #333;
}

table#agenda-items {
  border: 1px solid #333;
}

table#agenda-items th, table#agenda-items td {
  padding-right: .5em;
}

table#agenda-items th {
  background: #333;
  color: #fff;
  font-weight: normal;
  letter-spacing: .1em;
}

table#agenda-items tr.even td {
  background: #B0E0E6;
}

a.thumb {
  float: left;
  border: 1px solid #B0E0E6;
  margin: .5em;
  margin-left: 0;
}

a.thumb:hover {
  border: 1px solid #063;
}

.clearAll {
  clear: both;
}

#login_or_signup a {
  font-size: 1.5em;
}

/***********************************************************************
 * Anchors
 **********************************************************************/
a:link, a:visited {
  color: #039;
}

a:hover {
  color: #063;
}

/***********************************************************************
 * Lists
 **********************************************************************/
ul, ol, li {
  margin: 0;
  padding: 0;
}

li {
  margin: 0 1.75em 0 1.75em;
}

/***********************************************************************
 * This section is for the actions content
 **********************************************************************/
#actions {
  width: 20em;
  padding: 0 0 0 1.5em;
  margin: 0 0 0 1.5em;
  
  border-left: 1px dashed #555;
  float: right;
}

#actions h2 {
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1em;
  color: #222;
  letter-spacing: .1em;
  
  /* Tiny underline */
  padding-bottom: .0em;
  border-bottom: 1px dashed #555;
  
  margin-top: 0;
}

#actions ul, #actions ol {
  margin-bottom: 1.75em;
  font-size: .9em;
}

/* These are images that show if finished or not */
table img {
  display: block;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

/* Hack so older versions MSIE (e.g., 6) align img in center */
td.complete {
  text-align: center;
}

img {
  border: 0;
}

/***********************************************************************
 * This section is for drop down table
 **********************************************************************/
 
#dropdowns {
  border-collapse: collapse;
}

#dropdowns td {
  padding-right: .5em;
}

#dropdowns .dropdown {
  width: 60%;
}

#dropdowns .dropdown select {
  width: 95%;
}