#banner {
  float: left;
  width: 710px;
  height: 207px;
  overflow:hidden;
}

/**
 * Tip Block
 */
#tip {
  float: left;
  width: 210px;
  height: 207px;
}

#tip .inner {
  border-left: 10px solid #FFF;
  height: 100%;
}

#center {
  float:left;
  height: 288px;
  width: 470px;
  overflow:hidden;
}

#block-featured {
  float:left;
  height: 165px;
  width: 470px;
  overflow:hidden;
}

#block-featured .inner {
  background-color: #c4e2c0;
  height: 100%;
  width:100%;
  padding: 11px 14px;
}

/**
 * Events block
 */
#block-events {
  float:left;
  height: 123px;
  width: 235px;
  overflow:hidden;
}

#block-events .inner {
  border-top: 10px solid #FFF;
  height: 100%;
  width:100%;
}

#block-e {
  float:left;
  height: 123px;
  width: 235px;
  overflow:hidden;
}

#block-e .inner {
  border-left: 10px solid #FFF;
  border-top: 10px solid #FFF;
  height: 100%;
  width:100%;
}

#right {
  float:left;
  height: 288px;
  width: 210px;
  overflow:hidden;
}

#right .inner {
  border-left: 10px solid #FFF;
  height: 100%;
  width:100%;
}

/**
 * Block-news (news)
 */
#block-news {
  float:left;
  height: 288px;
  width: 230px;
  overflow:hidden;
  background-color: #5175b2;
  border-left: 10px solid #FFF;
}

#block-news .inner {
  padding: 11px 8px;
  color: #e7e7e8;
}

#block-news h2 {
  color: #aab7da;
  font-weight: normal;
  font-size: 18px;
  margin: 0;
}

#block-news .item {
  padding-top:10px;
}

#block-news .title {
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 3px;
}

#block-news .inner a {
  font-size: 10px;
  text-decoration: none;
  color: #FFF;
}
#block-news .inner a:hover {
  color: #e7e7e8;
}

/**
 * Block-featured (featured)
 */
#block-featured h2 {
  color: #FFF;
  font-weight: normal;
  font-size: 18px;
  margin: 0;
}

#block-featured .item {
  padding:10px 30px 0 0;
}

#block-featured .inner {
  color: #58585a;
}

#block-featured .inner .content a {
  font-size: 10px;
  text-decoration: none;
  color: #58585a;
}
#block-featured .inner .content a:hover {
  color: #666;
}