body {
  font-family: Trebuchet MS, Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: black;
  background: transparent url( 'images/cta-page.png' ) repeat;
  margin: 0px;
}
h1 {
  font-size: 24px;
  color: #6e7d8e;
  font-weight: normal;
}
h2 {
  font-size: 18px;
  color: #6e7d8e;
  font-weight: normal;
}
a {
  text-decoration: none;
  padding: 4px;
  font-weight: bold;
  color: #6e7d8e;
}
a:hover {
  background: #6e7d8e;
  color: white;
}
.questions {
}
.hover {
  background: #6e7d8e;
  color: white;
}
.keyword {
  font-size: 24px;
}
.diagram {
  padding: 16px;
}
.diagram-caption {
  display: none;
  padding: 8px;
  color: white;
  background: #6e7d8e;
}
#body {
  margin: 0px auto 0px auto;
  width: 900px;
  background: transparent url( 'images/cta-body.png' ) repeat-y top center;
}
#page {
  background: transparent url( 'images/cta-background.png' ) repeat-x;
}
#header {
  background: transparent url( 'images/cta-banner.png' ) no-repeat top left;
  color: white;
  font-weight: normal;
  height: 182px;
  text-align: left;
  padding-right: 8px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#homeNavigation {
  background: transparent url( 'images/cta-page.png' ) repeat;
  padding-top: 16px;
  padding-bottom: 8px;
}
#homeNavigation a {
  padding: 0px;
}
#homeNavigation a:hover {
  padding: 0px;
  background: transparent;
}
#navigation {
  background: transparent url( 'images/cta-navigation.png' ) no-repeat top left;
  color: white;
  font-weight: normal;
  text-align: left;
  text-align: center;
  padding: 0px;
  height: 21px;
}
#navigation a {
  color: white;
  text-decoration: none;
}
#navigation a:hover {
  text-decoration: underline;
}
#content {
  background: transparent;
  padding: 8px 24px 24px 24px;
  text-align: justify;
}
#footer {
  background: transparent url( 'images/cta-footer.png' ) no-repeat top left;
  clear: both;
  text-align: center;
  font-size: 11px;
  color: gray;
  height: 80px;
  padding: 0px 32px; 0px 32px;
}
#footer a {
  color: gray;
}
#footer a:hover {
  color: white;
}
#skillsmatter {
  float: left;
  vertical-align: middle;
}
#skillsmatter a:hover {
  background: transparent;
}
#preview {
  text-align: center;
  clear: both;
}
#preview a:hover {
  background: transparent;
}
.slide {
  padding: 8px;
}
.navigationLinks {
  font-size: 13px;
  text-align: center;
  padding: 0px 0px 8px 0px;
}
.agendaBreak {
  color: #bbbbbb;
}