#events, #lastest_news, #services {
  width: 830px;
  margin: 10px auto;
}
/* EVENTS */
#events {
  height: 250px;
}
#events_level_1 {
  background-image: url(img/event_level1_bkg.png);
  width: 484px;
  height: 244px;
  overflow: hidden;
  float: left;
  z-index: 15;
}
#events_level_1 .items {
  position: absolute;
  width: 9999em;
  top: 2px;
  left: 20px;
}
#events_level_1 .items a {
  width: 480px;
  height: 240px;
  margin: 0px 2px;
}
#events_level_1 .items a img {
  border: none;
}
#events_level_1 .navi {
  position: absolute;
  top: 5px;
  right: 3px;
  height: 12px;
  padding: 3px;
}

/* items inside navigator */
#events_level_1 .navi a {
  width: 12px;
  height: 12px;
  float: left;
  margin: 3px;
  background: url(img/navigation_dots.png) -24px 0px no-repeat;
  display: block;
  font-size: 1px;
  cursor:pointer;
}
#events_level_1 .navi a.active {
  background-position: 0px 0px;
}
#events_level_1 .navi a:hover {
  background-position: -12px 0px;
}
#events_level_1 .navi a.active:hover {
  background-position: 0px 0px;
}

#events_level_1 .prevPage, #events_level_1 .nextPage {
  position: absolute;
  display: block;
  top: 85px;
  height: 78px;
  width: 11px;
  cursor:pointer;
}
#events_level_1 span {
  display: none;
}
#events_level_1 .prevPage {
  background-image: url(img/event_arrows.png);
  left: 5px;
}
#events_level_1 .nextPage {
  background-image: url(img/event_arrows.png);
  background-position: -11px 0px;
  right: 5px;
}

/* TRIPTYCH */
#triptych {
  margin: 0px 0px 0px 500px;
  padding: 36px 0px 0px 0px;
  height: 207px;
  overflow: hidden;
  background-image: url(img/triptych_left.png);
  background-position: 0px 36px;
  min-width: 330px;
}
#triptych .tabs {
  position: absolute;
  top: 0px;
  left: 3px;
  z-index: 20;
}
#triptych .tabs li {
  list-style-type: none;
  float: left;
}
#triptych .tabs a {
  display: block;
  width: 104px;
  height: 43px;
  margin: 0px 2px;
}
#triptych .tabs a span {
  display: none;
}
/* THE TABS */
#study_tab {
  background-image: url(img/triptych_tab_study.png);
}
#study_tab.current {
  background-image: url(img/triptych_tab_study_selected.png);
}
#live_tab {
  background-image: url(img/triptych_tab_live.png);
}
#live_tab.current {
  background-image: url(img/triptych_tab_live_selected.png);
}
#know_tab {
  background-image: url(img/triptych_tab_know.png);
}
#know_tab.current {
  background-image: url(img/triptych_tab_know_selected.png);
}
#triptych .panes {
  padding: 0px 2px;
  background-image: url(img/triptych_right.png);
  background-position: right 0px;
  z-index: 10;
}
#triptych .panes div.pane {
  background-image: url(img/triptych_center.png);
  background-repeat: repeat-x;
  height: 207px;
}
#triptych .panes h4 {
  font-size: 12px;
  color: #666;
  margin: 3px 0px 2px 0px;
}
#triptych .panes .left_pane, #triptych .panes .right_pane {
  width: 144px;
  height: 186px;
  padding: 10px;
}
#triptych .panes .left_pane {
  background-image: url(img/triptych_center_dark.png);
  background-repeat: repeat-x;
  float: left;
}
#triptych .panes .right_pane {
  margin: 0px 0px 0px 163px;
  background-position: right bottom;
}
#triptych .panes li {
  list-style-type: none;
  font-family: "Trebuchet MS", arial, sans-serif;
  font-size: 11px;
  line-height: 12px;
}
#triptych .panes li a {
  display: block;
  background-image: url(img/small_arrow.png);
  background-position: 0px 2px;
  padding: 0px 0px 0px 9px;
  color: #333;
  text-decoration: none;
}

#triptych .panes li a:hover {
  background-image: url(img/small_arrow_hover.png);
  text-decoration: underline;
}

#triptych .panes .iconify_es a {
background-image:url(img/int_es.png);
background-position:0 50%;
padding:0 0 0 20px;
text-decoration:none;
}
#triptych .panes .iconify_gb a {
background-image:url(img/int_gb.png);
background-position:0 50%;
padding:0 0 0 20px;
text-decoration:none;
}
#triptych .panes .iconify_br a {
background-image:url(img/int_br.png);
background-position:0 50%;
padding:0 0 0 20px;
text-decoration:none;
}

#triptych .panes .iconify_es a:hover {
  background-image: url(img/int_es_hover.png);
  text-decoration: underline;
}
#triptych .panes .iconify_gb a:hover {
  background-image: url(img/int_gb_hover.png);
  text-decoration: underline;
}
#triptych .panes .iconify_br a:hover {
  background-image: url(img/int_br_hover.png);
  text-decoration: underline;
}
  
#triptych #study_pane h4 {
  color: #2f4d8d;
}
#triptych #study_pane .right_pane {
  background-image: url(img/study_pane_img.jpg);
}
#triptych #live_pane h4 {
  color: #306723;
}
#triptych #live_pane .right_pane {
  background-image: url(img/live_pane_img.jpg);
}
#triptych #know_pane h4 {
  color: #851f1f;
}
#triptych #know_pane .right_pane {
  background-image: url(img/know_pane_img.jpg);
}


/* LASTEST NEWS */
#lastest_news {
  background-image: url(img/lastest_news_left.png);
}

#last_news span strong {
  color: #BBB;
  right: 2px;
}

#last_news span em {
  display: none;
}

#lastest_news h3 {
  position: absolute;
  color: #333;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 12px;
  left: -62px;
  top: 6px;
  z-index: 10;
  text-shadow:  #eee 1px 1px 1px;
}
#lastest_news .outer{
  z-index: 1;
  background-image: url(img/lastest_news_right.png);
  background-position: top right;
  margin-left: 76px;
}
#lastest_news .inner {
  background-image: url(img/lastest_news_center.png);
  background-repeat: repeat-x;
  margin-right: 39px;
  overflow: hidden;
}
#lastest_news .inner ul {
  height: 25px;
  padding: 5px 10px 0px 10px;
  width: 99999em;
}
#lastest_news ul li {
  list-style-type: none;
  display: block;
  float: left;
  text-align: center;
  width: 720px;
  margin: 0px auto;
}
#lastest_news ul li a {
  font-size: 14px;
  color: #333;
  text-decoration: none;
}
#lastest_news ul li a:hover {
  color: #cd6f00;
}
#lastest_news ul li a em {
  font-style: normal;
  color: #666;
}
#lastest_news div.buttons {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 35px;
}
#lastest_news .prevPage, #lastest_news .nextPage {
  position: absolute;
  top: 0px;
  display: block;
  height: 19px;
  width: 16px;
  cursor: pointer;
}
#lastest_news .prevPage span, #lastest_news .nextPage span {
  display: none;
}
#lastest_news .prevPage {
  left: 0px;
}
#lastest_news .nextPage {
  right: 0px;
}

/* SERVICES */
#services {
  background-image: url(img/services_left.png);
}
#services .outer {
  background-image: url(img/services_right.png);
  background-position: top right;
  margin-left: 32px;
}
#services .inner {
  background-image: url(img/services_center.png);
  background-repeat: repeat-x;
  margin-right: 32px;
  height: 142px;
  padding: 10px 0px;
  overflow: hidden;
}
#services .items {
  width: 99999em;
}
#services .items .icon {
  display: block;
  float: left;
  width: 92px;
  height: 128px;
  text-align: center;
  margin: 8px 18px;
  background-image: url(img/icon_shadow.png);
  font-size: 13px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #eee;
  text-decoration: none;
  line-height: 13px;
  text-shadow: #111 2px 2px 1px;
}
#services .items .icon span {
  display: block;
  padding: 100px 0px 0px 0px;
  width: 92px;
  height: 128px;
  background-position: 1px 1px;
}
#services .prevPage, #services .nextPage {
  position: absolute;
  display: block;
  font-family: "Trebuchet MS", Arial, sans-serif;
  top: 6px;
  height: 150px;
  width: 26px;
  cursor:pointer;
}
#services span {
  display: none;
}
#services .prevPage {
  left: -26px;
}
#services .nextPage {
  right: 6px;
}

/* SERVICES ICONS */
#email.icon span {
  background-image: url(img/icon_email.png);
}
#news.icon span {
  background-image: url(img/icon_news.png);
}
#photos.icon span {
  background-image: url(img/icon_photos.png);
}
#radio.icon span {
  background-image: url(img/icon_radio.png);
}
#library.icon span {
  background-image: url(img/icon_library.png);
}
#development.icon span {
  background-image: url(img/icon_development.png);
}
#solicitude.icon span {
  background-image: url(img/icon_solicitude.png);
}
#pay_online.icon span {
  background-image: url(img/icon_pay_online.png);
}
#students_portal.icon span {
  background-image: url(img/icon_students_portal.png);
}
#professors_portal.icon span {
  background-image: url(img/icon_professors_portal.png);
}
#online_church.icon span {
  background-image: url(img/icon_online_church.png);
}