/*
 * screen.css
 * Screen Stylesheet
 * 
 * Created by Kris Martin (GRII Sydney)
 */

/* General */
* { 
  padding: 0;
  margin: 0;
}

body { 
  /*background: url(/images/framework/body_bg.gif) left top repeat-x #dbd8cf;*/
  background:#dbd8cf;
  color: #292929;
  font-family: Verdana, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.7em;
  text-align: center;
}

a:active, a:focus { outline: 0; }
a:link, a:visited { color: #243e94; text-decoration: underline; }
a:hover { color: #AA1713; }

p { padding-bottom: 1em; }

.bold { font-weight: bold; }

.small { font-size: 0.8em; }
.big { font-size: 1.1em; }

.orange { color: #f2c359; }
.white { color: #fff; }
.grey { color: #292929; }
.red { color: #842132; }

.left { float: left; }
.right { float: right; }
.align_right { text-align: right; }
.align_center { text-align: center; }

.open { }
.closed { display: none; }

.clearboth:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearboth { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearboth {height: 1%;}
.clearboth {display: block;}
/* End hide from IE-mac */

.icon { padding: 0 0 0 20px; }
.email { background: url(/images/framework/icon_email.gif) left top no-repeat; }
.pdf { background: url(/images/framework/icon_pdf.gif) left top no-repeat; }
.print { background: url(/images/framework/icon_print.gif) left top no-repeat; }
.rss { background: url(/images/framework/icon_rss.gif) left top no-repeat; }

img { border: none; }

div.flash_warn { padding: 0.5em; margin: 0 0 1em 0; background: #FDD2D2; border: solid 1px #E02929; color: #A11515; }
div.flash_notice { padding: 0.5em; margin: 0 0 1em 0; background: #fceac3; border: solid 1px #f5d283; color: #302101; }


/* Layout */
#wrapper {
  width: 800px;
  text-align: left;
  margin: 0 auto 2em auto;
  background: #FFF;
}

/* Header */
#header {
  background: #FFF;
}

#header h1 span, #header h2 span {
  display: none;
}

#header h1 {
  float: left;
  width: 223px;
  height: 115px;
  background: url(/images/framework/logo.jpg) left top no-repeat;
}

#header #tagline {
  float: right;
}

#header #tagline fieldset {
  padding: 1em 0 0 8em;
}

#header #tagline h2 {
  background: url(/images/framework/tagline.gif) 60% 70% no-repeat;
  width: 387px;
  height: 58px;
}

#header fieldset {
  border: 0;
}

#header fieldset legend {
  display: none;
}

/* Navigation */
ul#nav {
  background: url(/images/framework/nav_bg.gif) left top repeat-x #983143;
  float: left;
  width: 100%;
}

ul#nav li {
  display: inline;
}

ul#nav li a {
  padding: .2em 1.5em;
  background: url(/images/framework/nav_bg.gif) left top repeat-x #3F3E3E;
  color: #fff;
  text-decoration: none;
  float: left;
  border: none;
}
ul#nav li.selected a {
  font-weight: bold;	
}
ul#nav li.selected a, ul#nav li a:hover {
  color: #000;
  background: url(/images/framework/nav_selected_bg.gif) left top repeat-x #f4cb71;
}

/* Sidenav */
ul#sidenav {
  float: left;
  width: 180px;
  background: #fff;
  list-style: none;
  margin: 1em;
}

ul#sidenav li {
  background: url(/images/framework/sidenav_border.png) 20px bottom no-repeat #f5d283;
  text-align: left;
  padding: 0.5em 0em 0.5em 2em;
}

ul#sidenav li.top {
  background: url(/images/framework/sidenav_top_bg.png) left bottom no-repeat #FFF;
  border-width: 0px;
  padding: 0;
}
ul#sidenav li.bottom {
  background: url(/images/framework/sidenav_bottom_bg.png) left top no-repeat #FFF;
  border-width: 0px;
  padding: 0;
}

ul#sidenav li.selected  {
  background: url(/images/framework/sidenav_on.png) 5px center no-repeat #fceac3;
  font-weight: bold;
}

ul#sidenav li a {
  color: #52411a;
  text-decoration: none;
}

ul#sidenav li a:hover {
  text-decoration: underline;
}
ul#sidenav li.childnav {
  border: solid 1px #fceac3;
}
ul#sidenav li.childnav ul {
  padding-bottom: 1em;
}
ul#sidenav li.childnav, ul#sidenav li.childnav ul li {
  background: #fceac3;
  padding: 0 0.5em 0.2em 1.5em;
  list-style: none;
}
ul#sidenav li.childnav ul li {
  background: url(/images/framework/childnav.png) 0px 4px no-repeat #fceac3;
}
ul#sidenav li.childnav ul li a {
  font-size: 0.9em;
  text-decoration: none;
}

/* Banner */
#banner {
  clear: both;
}

#banner h1 {
  height: 95px;
  background: url(/images/framework/banner.gif) left top no-repeat;
}

#banner h1 span {
  display: none;
}

/* Content */
#content {
  background: #292929;
}

#content_left {
  float: left;
  width: 488px;
  background: #292929;
}

#content_right {
  float: left;
  color: #FFF;
  width: 311px;
  background: #7f1625;
}

#content_right .decorator {
  height: 34px;
  background: url(/images/framework/content_right_bg.gif) left top no-repeat;
}
#content_right .red_decorator {
  height: 15px;
  background: url(/images/framework/red_decorator.png) left top no-repeat;
}

#content_right p.more-events {
  padding-left: 1.5em;
}
#content_right p.more-events a {
  color: #fff;
}

#home_image {
  height: 305px;
}

#carousel { height: 305px; }
#carousel-image, #carousel-navigation { float:left; }
#carousel-image { position:relative; overflow:hidden; width:487px; height:305px; margin-right:1px; }
#carousel-image div.items { width:20000em; position:absolute; } 
#carousel-image div.items div { float:left; } 
#carousel-image div.items div.active { border:1px inset #ccc; background-color:#fff; }

#ringkasan_khotbah_print_header {
  display: none;
}

#ringkasan-khotbah-date {
  display: none;
}

ul#ringkasan_khotbah {
  list-style-type: none;
  background: #FFF;
}

ul#ringkasan_khotbah li.title {
  height: 40px;
  background: url(/images/framework/ringkasan_khotbah.gif) bottom left no-repeat #f6d17c;
}

ul#ringkasan_khotbah li.title span {
  display: none;
}

ul#ringkasan_khotbah li {
  padding: 1.5em;
}

ul#ringkasan_khotbah li div.title {
  font-size: 1.1em;
  font-weight: bold;
}

ul#ringkasan_khotbah li div.pengkhotbah {
  color: #908f8f;
}

#ringkasan-khotbah-tools a {
  padding-left: 0.5em;
  text-decoration: none;
  color: #000;
}
#ringkasan-khotbah-tools a:hover { color: #243e94; }

.khotbah_date {
  float: left;
  width: 34px;
  height: 38px;
  text-align: center;
  background: url(/images/framework/cal_box_bg.gif) left top no-repeat #fff;
  font-size: 0.9em;
  font-weight: bold;
  color: #6d500f;
}

.khotbah_date div.day {
  height: 13px;
}

.khotbah_date div.month {
  text-transform: uppercase;
}

.khotbah_title {
  float: left;
  margin-left: 1em;
  border-bottom: solid 1px #e0e0e0;
  width: 37em;
}
ul#ringkasan_khotbah div.khotbah_title {
  margin-bottom:1em;
}
.khotbah_title a {
  color: #000;
}

ul.radix_summary {
  float: left;
  width: 400px;
  padding: 0.5em 1em 1em 2em;
}
#download_radix {
  float: right;
  text-align: center;
}
#download_radix img {
  margin-top: 1em;
  border: solid 1px #666;
}

ul#edisi_radix_lainnya {
  display: none;
  width: 450px;
  background: #fceac3;
  padding: 1em;
  border: solid 1px #f5d283;
  list-style: none;
}
ul#edisi_radix_lainnya li.radix_tahun {
  font-weight: bold;
  color: #302101;
}
ul#edisi_radix_lainnya li.edisi_radix {
  padding-left: 3em;
  border: solid 1px #fceac3;
}
ul#edisi_radix_lainnya li.edisi_radix ul li a.selected {
  text-decoration: none;
  color: #302101;
  cursor: default;
}

ul#service_hours {
  list-style-type: none;
  color: #FFF;
  padding-bottom: 1.5em;
}

ul#service_hours li.title {
  height: 30px;
  background: url(/images/framework/service_hours.gif) left top no-repeat #842132;
}

ul#service_hours li.title span {
  display: none;
}

ul#service_hours li {
  padding: 0.5em 1.5em;
}

ul#news {
  list-style-type: none;
  color: #FFF;
  padding-bottom: 1em;
}

ul#news li a {
  color: #FFF;
}

ul#news li.title {
  height: 30px;
  background: url(/images/framework/upcoming_events.gif) left top no-repeat #842132;
}

ul#news li.title span {
  display: none;
}

ul#news li {
  background: url(/images/framework/news_li_bg.gif) 1.2em 0.7em no-repeat;
  padding: 0.5em 1.5em 0 1.5em;
}

ul#news li p {
  padding-left: 1.2em;
  padding-bottom: 0;
}

#gallery_wrapper {
  height: 250px;
  background: url(/images/framework/gallery.gif) left top no-repeat #292929;
  padding: 3.5em 1em 1em 1.5em;
}
#gallery_wrapper a {
  color: #d4d3d3;
}

#gallery {
}

#gallery img { 
  padding: 0 3px 0 0;
  border: 0;
}

#news_ticker {
  background: url(/images/framework/warta.gif) left top no-repeat #292929;
  padding: 3em 1em 1em 0.5em;
  height: 220px;
}
#news_ticker ul {
  overflow-y: scroll;
  height: 190px;
  list-style: none;
  padding: 0em 1em 1em 1em;
}
#news_ticker ul li.news_item {
  border-bottom: solid 1px #666;
  padding: 0.25em 0.5em;
}
#news_ticker h1 {
  font-size: 1em; color: #fff; padding-bottom: 0.2em;
}

#daily_bread {
  background: url(/images/framework/daily_bread.gif) left top no-repeat #292929;
  padding: 3em 1em 1em 0.5em;
  height: 220px;
}

#daily_bread ul {
  overflow-y: scroll;
  height: 190px;
  list-style: none;
  padding: 0em 1em 1em 1em;
}

#daily_bread ul li {
  border-bottom: solid 1px #666;
  padding: 0.25em 0.5em;
}

.quotation { font-style:italic; }
.quote-by { text-align:right; }

#kontak_kami {
  background: url(/images/framework/kontak_kami.gif) left top no-repeat #292929;
  padding: 3.5em 1em 1em 1.5em;
}

#kontak_kami fieldset {
  border: 0;
}

#kontak_kami fieldset legend {
  display: none;
}

#kontak_kami fieldset label {
  display: block;
}

#kontak_kami fieldset .required {
  color: #f2c359;
}

#alamat_sekretariat {
  background: #292929;
  padding: 3.5em 1em 0em 1.5em;
}

#alamat_sekretariat a {
  color: #FFF;
}

/* Page */

#page_banner {
  clear: both;
  height: 20px;
  background: url(/images/framework/page_banner_bg.gif) left top repeat-x;
}

#page_content {
  background: #fff;
}

#page {
  float: left;
  background: #fff;
  width: 540px;
  padding: 1.5em 0 3em 1em;
}

#page_full {
  /*margin-left: 200px;*/
  background: #fff;
  width: 730px;
  padding: 1.5em 0 3em 3em;
}

#page_content h2 { color: #842132; font-weight: normal; font-size: 1.5em; padding-bottom: 1em; }
#page_content h3 { color: #292929; font-weight: normal; font-size: 1.2em; padding-bottom: 0.2em; text-decoration: underline; }
#page_content h4 { color: #000; font-weight: bold; font-size: 1.1em; }
#page_content h5 { color: #000; font-weight: bold; font-size: 1em; }

#ringkasan-khotbah-nats, #visi-dan-misi-grii-sydney, #kontak_form {
  background: #fceac3;
  margin: 1em 1em 1em 0;
  border: solid 1px #f5d283;
}
#ringkasan-khotbah-nats .inner, #visi-dan-misi-grii-sydney .inner {
  padding: 0.5em 1em;
  border: solid 2px #fff;
}

#visi-dan-misi-grii-sydney p {
  padding: 0;
  font-size: 1.1em;
}

#sejarah-grii-full { display: none; }
#pendiri-grii-full { display: none; }
#gembala-sidang-full { display: none; }

#full_nats { padding-top: 1em; display: none; }
#full_nats p { text-align: justify; }

#kontak_form {
  display: none;
  width: 500px;  
}

#email_to_a_friend { padding: 1em; }
.event_description h2, #email_to_a_friend h2 { color: #842132; font-weight: normal; font-size: 1.5em; }
#email_to_a_friend h3 { color: #666; font-weight: normal; font-size: 1em; padding-bottom: 0.2em; border-bottom: solid 1px #666; }
#email_to_a_friend fieldset { border: none; padding-top: 2em; }
#email_to_a_friend fieldset legend, #kontak_form fieldset legend { display: none; }
#email_to_a_friend label { float : left; width : 150px; }
#kontak_form label { float : left; width : 100px; }
#kontak_form fieldset {
  padding: 1.5em 2em 0.5em 2em;
  border: solid 2px #fff;
}
.fieldset_row { padding-bottom: 1em; }

ul.testimonial {
  list-style: none;
}
ul.testimonial li img {
  margin-left: 3.2em;
  margin-right: 0.5em;
  border: solid 1px #666;
}
ul.testimonial li span.name {
  font-size: 1.1em;
}
.testament {
  width: 531px;
}
ul.testimonial li.odd div.testament .top {
  height: 36px;
  background: url(/images/framework/testament_top_bg.png) left top no-repeat;
}
ul.testimonial li.odd div.testament .bottom {
  height: 27px;
  background: url(/images/framework/testament_bottom_bg.png) left top no-repeat;
}
ul.testimonial li.even div.testament .top {
  height: 36px;
  background: url(/images/framework/testament_light_top_bg.png) left top no-repeat;
}
ul.testimonial li.even div.testament .bottom {
  height: 27px;
  background: url(/images/framework/testament_light_bottom_bg.png) left top no-repeat;
}

.testament .inner {
  padding: 0 2em;
}
ul.testimonial li.odd div.testament .inner {
  background: #fceac3;
}
ul.testimonial li.even div.testament .inner {
  background: #fcf5e4;
  color: #302101;
}

.book {
  float: left;
  height: 220px;
  width: 240px;
  text-align: center;
  padding: 1em;
}

ul.search_results {
  margin-left: 2em;
  padding: 0 1em 1em 1em;
}

ul.search_results li {
  padding-bottom: 0.5em;
}

.reff {
  padding: 0 0 0 2em;
  font-style: italic;
}

/* Perpustakaan policy */

.perpustakaan ul {
  padding-left: 2em;
}
.perpustakaan ul li {
  padding-bottom: 0.5em;
}

.perpustakaan table { border-collapse: collapse; width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #eeeeee; margin-bottom: 1em; }
.perpustakaan table th { padding: 0.75em; font-size: 1.1em; border-width: 0 1px 1px 0; border-style: solid; border-color: #eeeeee; background: #f4f9fe; }
.perpustakaan table td { padding: 0.75em; border-width: 0 1px 1px 0; border-style: solid; border-color: #eeeeee; }
.perpustakaan table td.item { }
.perpustakaan table tr.odd {}
.perpustakaan table tr.even { background: #f7f7f7; }

#audio { padding-bottom:20px; }

/* Footer */
#footer {
  clear: both;
  font-size: 0.95em;
  text-align: center;
  color: #FFF;
  height: 32px;
  background: url(/images/framework/footer_bg.gif) left top no-repeat;
}

#footer a {
  color: #FFF;
}