@media handheld { 
body {
  margin:0px; padding:0px; 
  font-family:"Times New Roman";
   background-color:#000011;
}
div#whole_main{ 
  background-color:#002244;
  padding: 6px 6px 6px 6px;
}
#sunlogo {display:none}
#otsikkotext {display:none}
.btn-menu {display:none}
#add_img {display:none}
#sentence_area {display:none}
#ekbrowserarea {display:none;}
#search_area {display:none}
#footer {display:none}
#ek_pic  {display:none}
#ek_pic_date  {display:none}
#lamp {display:none}
#flame {display:none}

div#issued_div {
  font-size:8pt; 
  padding: 2px 2px 2px 2px;
}
div#issued_div a {
   color:#ffff70;
}
#logo {font-size:9pt;font-weight:bold;text-align:center;background-color:#000011;}
#whole_page {width:176px;font-size:8pt;}
#doc_hdr {width:176px;color:#ffff70; background-color:#000022;}
#doc_body {width:176px;background-color:#ffff88; padding:1px;margin-bottom:0;}

div#doc_body table#list_table_id {
  font-size:8pt; 
  color:#000000;
  padding:0px;
}
div#doc_body table#list_table_id td {
  padding:0px 0px 0px 0px;
  color:#000088;
}
div#doc_body table#list_table_id th {
  padding:1px 1px 1px 1px;
  background-color:#ffee60;
  color:#000000;
}

div#doc_body table#index_table {
  font-size:8pt; 
  color:#000000; 
  border-left: 2px solid #ffbb00; 
  border-right: 2px solid #ffbb00;
  border-top: 2px solid #ffbb00;
  border-bottom: 2px solid #ffbb00;
 
}
div#doc_body table#index_table td {
  padding:2px 4px 2px 4px;
  border-left: 2px solid #ffee60; 
  border-right: 2px solid #ffee60;
  border-bottom: 2px solid #ffee60;
  margin:0px;
}
div#doc_body table#index_table th {
  padding:2px 4px 2px 4px;
  background-color:#ffee60;
  border-bottom: 2px solid #ffee60; 
}
#text_hdr {background-color:#ffcc00;}
#text_body {background-color:#ffff88; padding:2px;}
#text_title {font-weight:bold; padding:2px; color:#990000;}
#text_intro {font-weight:bold;padding:2px;}
#text_data {padding:2px;}
#to_beginning_m {height:18px; text-align:center; background-color:#ffaa00; border-style:solid; border-width:2px; border-color:#ffcc00;}
img#email_pic {width: 150px;}
#ek_pic_tel {font-size:12pt; }
#email_ek {padding:1px; background-color:#ffff88;}

/*---------------------------------------------------------*/
.menu-btn-left {
 float:left;
 width:4px;
 height:24px;
 background:url(menubtn.gif) no-repeat 0 0;
 padding:0;
 border:0;
 margin:0;
}
.menu-btn-center {
  float:left;
  height:24px;
  background:url(menubtn.gif) repeat-x 0 -56px;
  text-align:center;
  padding:0 5px;
  cursor:pointer;
  white-space:nowrap;
}
.menu-btn-right {
 float:left;
 width:4px;
 height:24px;
 background:url(menubtn.gif) no-repeat 0 -28px;
 padding:0;
 border:0;
 margin:0;
}
.menu-btndown-left {
 float:left;
 width:4px;
 height:24px;
 background:url(menubtn.gif) no-repeat 0 -168px;
 padding:0;
 border:0;
 margin:0;
}
.menu-btndown-center {
  color:#ffff88;
  float:left;height:24px; 
  background:url(menubtn.gif) repeat-x 0 -224px;
  vertical-align: middle;vertical-align: center;text-align:center;
  padding:0 2px;white-space:nowrap;
  line-height: 24px;
  overflow: hidden;
}
.menu-btndown-right {
 height:24px;float:left;width:4px;
 background:url(menubtn.gif) no-repeat 0 -196px;
 padding:0;
 border:0;
 margin:0;
}

.menu_m {
  background:#000000 url( menubtns-panel.gif ); /* repeat-x left top;*/ 
  height:80px; 
  font-size:9pt;
  margin:0;

}
.menu_m ul {
  margin:0;
  padding: 1px 2px 1px 2px;
  list-style-type: none;
}
.menu_m li {
  overflow: hidden;
  padding: 1px;
  margin: 0;
}
.menu_m li.current {
/*  float:left;*/
  padding: 1px 3px 3px 3px; 
  background:url(menubtn.gif) repeat-x 0 -224px;
}
.menu_m a,
.menu_m a:link,
.btn-menu_m a:visited {
   float:left;
  vertical-align:middle;
  text-align:center;
  color:#ffffff;
  text-decoration:none;
  border:0;
  padding: 0 2px;
  height: 22px;
  width:130px;
  line-height: 22px;
  overflow: hidden;
}

.menu_m a:hover {
  float:left;
  background:url(menubtn.gif) repeat-x 0 -308px;
  vertical-align:middle;
  text-align:center;
  color:#00ffff;
  text-decoration:none;
  border:0;
  padding: 0 2px;
  cursor:pointer;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
}
/*----------------------*/
.btn-menu-up {
  background:#000000 url( menubtns-panel.gif ) repeat-x left top; 
  height:28px; 
  font-size:9pt; 
  margin:0px;
  padding:0px; 
}
.btn-menu-up ul {
  padding: 0px;
  list-style-type: none;
}
.btn-menu-up li {
  padding: 0;
  margin: 0;
}
.btn-menu-up li.current {
  float:left;
  padding: 1px 3px 3px 3px; 
  background:url(menubtn.gif) repeat-x 0 -224px;
}
.btn-menu-up a,
.btn-menu-up a:link,
.btn-menu-up a:visited {
   float:left;
  vertical-align:middle;
  text-align:center;
  color:#ffffff;
  text-decoration:none;
  border:0;
  padding: 0 2px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}

.btn-menu-up a:hover {
  float:left;
  background:url(menubtn.gif) repeat-x 0 -308px;
  vertical-align:middle;
  text-align:center;
  color:#00ffff;
  text-decoration:none;
  border:0;
  padding: 0 2px;
  cursor:pointer;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
/*--------------------*/
.menu2-btn-left {
/* float:left; */
 width:3px;height:21px;
 background:url(menu2btn.gif) no-repeat 0 0;
 padding:0;
 border:0;
 margin:0;
}
.menu2-btn-center {
  float:left;
  height:21px;
  background:url(menu2btn.gif) repeat-x 0 -42px;
  text-align:center;
  padding:0 5px;
  cursor:pointer;
  white-space:nowrap;
}
.menu2-btn-right {
 float:left;
 width:3px;
 height:21px;
 background:url(menu2btn.gif) no-repeat 0 -21px;
 padding:0;
 border:0;
 margin:0;
}
.menu2-btndown-left {
 float:left;
 width:3px;
 height:21px;
 background:url(menu2btn.gif) no-repeat 0 -126px;
 padding:0; 
 border:0;
 margin:0;
}
.menu2-btndown-center {
  color:#ffff88;
  float:left; 
  background:url(menu2btn.gif) repeat-x 0 -168px;
  vertical-align: middle;vertical-align: center;text-align:center;
  padding:0 2px;white-space:nowrap;
  height: 21px;
  line-height: 21px;
  overflow: hidden;
}
.menu2-btndown-right {
 height:21px;float:left;width:3px;
 background:url(menu2btn.gif) no-repeat 0 -147px;
 padding:0;
 border:0;
 margin:0;
}
.btn-menu2 {
 
  background:transparent url( glass-panel.gif ); /* repeat-x 0 0; */
  height:70px;
  color:#000066;
  font-size:9pt;
}
.btn-menu2 ul {
 margin:0;
  padding: 1px 2px 1px 3px;
  list-style-type: none;
}
.btn-menu2 li {
 overflow: hidden;
  padding: 1px;
  margin: 0;
}
.btn-menu2 li.current {
  float:left;
  padding: 1px 3px 3px 3px; 
  background:url(menu2btn.gif) repeat-x 0 -224px;
}
.btn-menu2 div {
  float:left;
  vertical-align:middle;
  text-align:center;
  font-size:9pt;
  color:#000055;
  height: 21px;
  line-height: 21px;
  overflow: hidden;
}
.btn-menu2 a,
.btn-menu2 a:link,
.btn-menu2 a:visited {
   float:left;
  vertical-align:middle;
  text-align:center;
  font-size :9pt;
  color:#000066;
  text-decoration:none;
  border:0;
  padding: 0 2px;
  height: 21px;
  width:130px;
  line-height: 21px;
  overflow: hidden;
}

.btn-menu2 a:hover {
  float:left;
  background:url(menu2btn.gif) repeat-x 0 -189px;
  vertical-align:middle;
  text-align:center;
  font-size:9pt;
  color:#006666;
  text-decoration:none;
  border:0;
  padding: 0 2px;
  cursor:pointer;
  height: 21px;
  line-height: 21px;
  overflow: hidden;
}

.btn-menu2 div.menu2-btn-center:hover {
  float:left;
  background:url(menu2btn.gif) repeat-x 0 -189px;
  vertical-align:middle;
  text-align:center;
  color:#ff0000;
  cursor:pointer;
  height: 21px;
  overflow: hidden;
}

.btn-menu2 a:active {
  background:url(menu2btn.gif) repeat-x 0 -105px;
  vertical-align:middle;
  text-align:center;
  color:#000000;
  text-decoration:none;
  border:0;
  padding:0 2px;
  height: 21px;
  line-height: 21px;
  overflow: hidden;
}

.maintext {
  text-align:center;
  font-size:10pt; font-family:Gospel,"Times New Roman",Arial;
  background-color:#000033; color:#ffff70;
  padding: 6px 6px 6px 6px;
}
.maintext a,
.maintext a:active,
.maintext a:link,
.maintext a:visited {
  background-color:#000033; color:#ffff70;
  text-decoration: none; 
}
.maintext a:hover {
  background-color:#ffff70; color:#0044BB;
  padding: 4px 6px 4px 6px;
}
.cref {
 text-decoration: none;
}
.cref:link {
  color: #002200;
}
.cref:visited {
  color: #002200; 
}
.cref:hover {
  cursor:pointer;
  background-color:#ffff00;
  color: #660000; 
}
.cref:active {
  color: #002200;
}
.biblehdr {font-size:11pt; font-weight:bold; color:#000099;width:100%;}
.biblehdr td {
 text-align:center;
 width:50%;
 padding:0px 1px 0px 2px;
 margin:0;
}
.bibletbl {
 border-collapse: collapse;
}
.bibletbl td {
 width:50%;
 border-right: 1px solid #eedd50;
 border-left: 1px solid #eedd50; 
 padding:0px 1px 0px 1px;
 margin:0;
}
.bibletbl th {
 text-align:center;
 background-color:#ffee60;
 margin:0;
}
}