/****************************************/
/* general                              */
/****************************************/

body {
/*  background-image:url(/cbbc/images/bigbg.jpg);
  background-position:bottom center;
  background-repeat:no-repeat;
  background-attachment:fixed;*/
  font-size:100%;
  font-family:"新細明體", "細明體", MingLiu, "book antiqua", verdana;
  margin:0px;
  padding:0px;
  color:#6a0000;
  width:99%;
}

table.timetable {
  margin-left:1%;
  border:solid #b3630e;
  border-width:1px 0 0 1px;
  width:90%;
}

table.timetable tr th,
table.timetable tr td {
  padding:3px;
  border:solid #b3630e;
  border-width:0 1px 1px 0;
  text-align:left;
  font-size:90%;
  color:#6a0000;
  vertical-align:top;
}

table.timetable tr th {
  background-color:#ffeedd;
}

h3#title {
  background-image:url(/cbbc/images/bg_v_lightbrown.gif);
  background-position:bottom;
  background-repeat:repeat-x;
  margin-top:0;
  margin-left:1%;
  margin-right:1%;
  clear:both;
  font-family:"標楷體", DFKai-SB, "新細明體";
  font-size:200%;
  color:#6a0000;
  text-decoration:underline;
}

h4.subtitle {
  margin-left:1%;
  margin-right:1%;
  clear:both;
  padding-left:1%;
  color:#6a0000;
  border-bottom:1px solid #6a0000;
  border-left:10px solid #6a0000;
}

h5.subsubtitle {
  margin-left:1%;
  margin-right:1%;
  clear:both;
  padding-left:1%;
  color:#6a0000;
  border-bottom:1px solid #6a0000;
  border-left:5px solid #6a0000;
}

p, blockquote {
  padding:0px;
  color:#6a0000;
}

ol {
  color:#6a0000;
}

ul {
  list-style-image:url(/cbbc/images/tile_orange_s.gif);
}

ul li {
  color:#6a0000;
}

dl {
  padding-left:3%;
}

dt {
  color:#6a0000;
  background-image:url(/cbbc/images/tile_orange_s.gif);
  background-repeat:no-repeat;
}

dd {
  color:#6a0000;
  padding-left:8px;
}

.en {
  font-family:verdana;
}

.symnum {
  font-family:verdana;
}

.scripture{
  color:#ffa000;
}

#hide {
}

a:link, a:active, a:visited {
  color:#6a0000;
  text-decoration:underline;
}

a:hover {
  color:#6a0000;
  background-color:#ffeedd;
  text-decoration:none;
}

hr.divider {
  clear:both;
  color:#6a0000;
  background-color:#6a0000;
  border-color:#6a0000;
}

.rhs {
  text-align:right
}

.nowrap {
  white-space:nowrap
}

/****************************************/
/* header                               */
/****************************************/

#header {
  width:100%;
  display:block;
  background-image:url(/cbbc/images/hrbg_lightbrown.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
  height:100px;
  border-bottom:1px solid #6a0000;
  background-color:white;
}

#headerleft {
  float:left;
  width:10%;
}

#logo {
}

#logo a img {
  border:0px
}

#headerright {
  text-align:right;
  float:left;
  width:90%;
}

#headerrighttop {
  height:80px;
}

#headerrighttopleft {
  font-family:"標楷體", DFKai-SB, "新細明體";
  width:90%;
  padding-top:3px;
  vertical-align:top;
  float:left;
  color:#6a0000;
  font-size:120%
}

#headerrighttopright {
  float:right;
  width:10%;
}

.sub {
  text-align:right;
  color:#ffffff;
  font-weight:bold;
}

#headertagline {
  clear:both;
  border-top:1px solid #6a0000;
  padding-top:3px;
  padding-right:2%;
  color:#990000;
  font-size:80%;
  text-align:right;
  vertical-align:bottom;
}

/****************************************/
/* contents                             */
/****************************************/

#onleft {
  float:left;
  width:20%;
  text-align:left;
}

#onright {
  background-image:url(images/shadow_grey.gif);
  background-position:right top;
  background-repeat:no-repeat;
  float:right;
  width:80%;
  text-align:left;
}

#mainarea {
  color:#000000;
  background-color:transparent;
  margin:1%;
  text-align:justify;
}

#mainarea h2 {
  font-size:150%;
  padding-left:1%;
}

#mainarea p {
  padding:0 1%;
}

/****************************************/
/* index.shtml contents                 */
/****************************************/

/* to be run across two infoboxes
#2infobox {
  width:94%;
}

#2infobox h4 {
  color:#000060;
}
*/

#infobox {
  float:left;
  width:65%;
}

#newsbox, #prayerbox {
  float:left;
  width:100%;
  border:1px solid;
  border-color:#b3630e;
  margin-bottom:3%;
  background-image:url(/cbbc/images/bg_h_lightbrown.gif);
  background-repeat:repeat-y;
  background-position:right;
}

#newsbox h4, #prayerbox h4 {
  font-size:110%;
  color:#6a0000;
  background-color:#ffeedd;
  padding:1%;
  margin-top:0;
}

#calendarbox {
  float:left;
  width:30%;
  border:1px solid;
  border-color:#ffee99;
  margin-left:1%;
  text-align:center;
}

#calendarbox h4 {
  font-size:110%;
  color:#ff9900;
  background-color:#ffee99;
  padding:2%;
  margin-top:0;
}

#calendarbox table {
  margin-left:2%;
  width:95%;
  border:#dddddd solid;
  border-width:1px 0 0 1px;
}

#calendarbox table tr td {
  background-color:transparent;
  border:#dddddd solid;
  border-width:0 1px 1px 0;
  vertical-align:top;
  text-align:left;
  font-size:85%;
  color:#6a0000;
}

ul.inbox {
  font-size:85%;
  margin:0 10px 0px 30px;
  padding:0;
  color:#6a0000;
}

ul.inbox li {
  padding-bottom:7px;
}

ul.inbox li blockquote.newsdetails {
  border:1px dotted #cccccc;
  padding:10px;
}

/****************************************/
/* contents -- menu                     */
/****************************************/

#menu {
  text-align:justify;
}

#menu .groupoff a,
#menu .groupon  a {
  line-height:160%;
}

img.expandimg {
  border:0px;
  vertical-align:middle;
  margin:8px 2px;
}

.groupoff {
  background-image:url(/cbbc/images/bg_v_brown.gif);
  background-repeat:repeat-x;
  background-position:bottom right;
  background-color:#6a0000;
  border-bottom:solid 1px #ffffff; /* #e9f6ff; */
  padding:0% 5% 0% 23px;
  line-height:160%;
  font-weight:bold;
}

.groupon {
  background-image:url(/cbbc/images/bg_v_brown.gif);
  background-repeat:repeat-x;
  background-position:bottom right;
  background-color:#6a0000;
  border-bottom:solid 1px #ffffff; /* #e9f6ff; */
  padding:0% 5% 0% 23px;
  line-height:160%;
  font-weight:bold;
}

.groupoff a:link, .groupoff a:active, .groupoff a:visited,
.groupon  a:link, .groupon  a:active, .groupon  a:visited {
  color:#6a0000;
  text-decoration:none;
}

.groupoff a:hover, .groupon a:hover {
  color:#b3630e;
  background-color:transparent;
  text-decoration:none;
}

.itemoff {
  background-color:#ffffff;
  background-image:none;
  border-bottom:solid 1px #cccccc;
  padding:0% 10% 0% 23px;
  line-height:140%;
}

.itemhover {
  background-image:url(images/arw_e_brown.gif);
  background-position:left center;
  background-repeat:no-repeat;
  background-color:#ffffff;
  border-bottom:solid 1px #cccccc;
  padding:0% 10% 0% 23px;
  line-height:140%;
}

.itemoff   a:link, .itemoff   a:active, .itemoff   a:visited,
.itemhover a:link, .itemhover a:active, .itemhover a:visited {
  color:#d3630e;
  text-decoration:none;
}

.itemoff a:hover, .itemhover a:hover {
  color:#900000;
  background-color:transparent;
  text-decoration:none;
}

#item01, #item02, #item03, #item04, #item05 {
  display:none
}

/****************************************/
/* footer                               */
/****************************************/
#footer {
  clear:both;
  background-color:transparent;
  margin:0;
  padding:0 0 0 2%;
/*  border-top:1px solid #789abc;*/
  color:#6a0000;
  font-size:70%;
  line-height:150%
}

#footer hr {
  margin:0;
  padding:0;
}

#footer img {
  border:0px
}

/****************************************/
/* for various banners & printing       */
/****************************************/
#bigpic {
  position:absolute;
  right:15px;
  top:0;
  z-index:10;
  visibility:hidden;
}

.button {
  position:absolute;
  right:0;
}

.button a img {
  border:0;
}

.banner {
  float:right;
  margin-right:2px;
  width:50px; /* to be changed on different occasion */
  height:80px; /* to be changed on different occasion */
  overflow:hidden;
}

.banner img#poster2005summerschool {
  margin-top:-48px; /* to be changed on different occasion */  
  margin-left:-28px;
}

.banner img#poster2005youthcamp {
  margin-top:8px; /* to be changed on different occasion */  
  margin-left:-85px;
}

#printinginfo {
  font-size:12px;
  display:none;
  position:absolute;
  left:15%;
  top:5px;
  z-index:10;
}


/****************************************/
/* for monthly calendar page            */
/* /cbbc/activity/calendar/curr.shtml   */
/****************************************/
table#monthcalendar {
  margin-left:1%;
  border:solid #b3630e;
  border-width:1px 0 0 1px;
  width:91%;
}

table#monthcalendar tr th,
table#monthcalendar tr td {
  padding:3px;
  border:solid #b3630e;
  border-width:0 1px 1px 0;
  width:13%;
  text-align:left;
  font-size:70%;
  color:#6a0000;
  vertical-align:top;
}

table#monthcalendar tr th {
  background-color:#ffeedd;
}

/****************************************/
/* for writing page                     */
/* /cbbc/activity/writing/index.shtml   */
/****************************************/
ul.writing li {
  font-size:85%;
  padding-bottom:3px;
}

blockquote.writingnotice {
  border:1px dotted #aaaaaa;
  padding:5px;
  background-image:url(/cbbc/images/bg_h_lightbrown.gif);
  background-repeat:repeat-y;
  background-position:right;
  color:#6a0000;
}

table.listingtable {
  margin-left:1%;
  border:solid #b3630e;
  border-width:1px 0 0 1px;
}

table.listingtable tr td {
  padding:1px;
  border:solid #b3630e;
  border-width:0 1px 1px 0;
  text-align:center;
  font-size:90%;
  color:#6a0000;
  vertical-align:top;
}

table.listingtable tr td.header {
  background-color:#ffeedd;
}