/**
 * index page : main
 */
div#main p {
  margin: 0;
  margin-bottom: 1.4em;
  padding: 0;
  padding-right: 30px;
  font-size: 87%;
  text-indent: 1em;
  line-height: 160%;
  text-align: justify;
  text-justify: distribute;
}

div#main div.items {
  clear: left;
  margin: 0;
  margin-bottom: 1.4em;
  padding: 0;
}

div#main div.items span.numberBox {
  float: left;
  padding: 1em 1.4em;
  margin: 0;
  margin-right: 0.6em;
  background-color: #ccc;
}

div#main div.items p.plannedApproaches {
  height: 4em;
  font-size: 81%;
  margin: 0;
  padding: 0;
  padding-left: 1em;
  padding-right: 30px;
  text-indent: 0 !important;
}

/**
 * index page : sidebar-right
 */
div#sidebar-right {
  float: left;
  width: 218px;
  background: #fff;
  padding: 0;
  padding-bottom: 10px;
}

div#sidebar-right div#workshop {
  margin-bottom: 1.5em;
}

div#sidebar-right div#workshop ul {
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 550px;
}

div#sidebar-right div#workshop h3 {
  width: 200px;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

div#workshop ul li {
  width: 192px;
  margin-bottom: 1em;
  background-image: -moz-linear-gradient(top, #F3F4F5, #C8C9CA);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F4F5), to(#C8C9CA), color-stop(1,#C8C9CA));
  border: 2px solid #F2F2F2;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.25);
  -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.25);
  -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.25);
}

div#workshop ul li a:link,
div#workshop ul li a:visited,
div#workshop ul li a:hover,
div#workshop ul li a:active,
div#workshop ul li a:focus {
  text-decoration: none;
}

div#workshop ul li h6.ordinal {
  color: #fff;
  background-color: #4D4C98;
  text-align: center;
  padding: 0;
  padding-bottom: 2px;
  margin: 0.4em 0.8em 0 0.8em;
  letter-spacing: 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}

div#workshop ul li h6.ordinal span {
  font-size: 10px;
  font-family: sans-serif;
  font-weight: bold;
  margin-left: 0.2em;
}

div#workshop ul li a:link p.about,
div#workshop ul li a:visited p.about {
  color: #000;
}

div#workshop ul li a:hover p.about,
div#workshop ul li a:active p.about,
div#workshop ul li a:focus p.about {
  color: #f00;
}

div#workshop ul li p.about {
  color: #6E6C64;
  font-size: 76%;
  text-decoration: none;
  padding: 0;
  padding-top: 0.6em;
  padding-left: 1em;
  padding-bottom: 0.4em;
  margin: 0;
}

div#sidebar-right div#links {
  width: 200px;
  border-top: 1px dotted #333;
  padding: 0;
  margin: 0;
}

div#sidebar-right div#links h3 {
  padding: 0;
  margin: 1em 0;
}

div#sidebar-right div#links h3 a img {
  border: none;
}

div#sidebar-right div#banners {
  width: 200px;
  border-top: 1px dotted #333;
  padding-top: 1.6em;
}

div#sidebar-right div#banners ul {
  list-style-type: none;
}

div#sidebar-right div#banners ul li,
div#sidebar-right div#banners ul li img {
  padding: 0;
  margin: 0;
}