body
{background-color:#280099;}
img { border-style: none; }

.finugor { max-width: 100%; height: auto; }


#top {font-family:Roboto, Arial, Helvetica, sans-serif, sans-serif;background-color:#280099;
margin-left:auto;margin-right:auto;width:90%;}
.bb {background-color: #164da2;}
.main_title {text-align: center;color:#98b5dd;font-family:'serif'}
#index_bar {width: 100%;float: left;margin: 0 0 3em 0;padding: 0;list-style: none;
background-color: #164da2;	border-top: 1px solid #ccc; }
#index_bar li {float:left;font-family:Roboto, Arial, Helvetica, sans-serif, sans-serif;
font-weight: bold; }
#index_bar li a {display: block;padding: 8px 8px;text-decoration:none;color:black; }
#index_bar li a:hover {background-color: #4E91CA; }
#middle {font-family:Roboto, Arial, Helvetica, sans-serif, sans-serif;background-color:#99ccff;
margin-top:0;margin-left:auto;margin-right:auto;padding:1% 1% .1% 1%;width:88%;color:#000000;}

@media only screen and (max-width: 600px) {
	#top {font-family:Roboto, Arial, Helvetica, sans-serif, sans-serif;background-color:#280099;
margin-left:auto;margin-right:auto;width:100%;}

       #middle {font-family:Roboto, Arial, Helvetica, sans-serif, sans-serif;background-color:
#99ccff;margin-top:0;margin-left:auto;margin-right:auto;padding:1% 1% .1% 1%;width:98%;
color:#000000;}
        }

.fill_tab {background-color: #99ccff;}

.center_rom {text-align: center; font-family:"Times New Roman", "serif";}
.rom {font-family:"Times New Roman", "serif";}
.center {text-align: center;}
.space {height:.02em;}
.bold {font-weight: bold;}
.verse {color:#282374;vertical-align:super;font-size: 75%; }
.fn {color:#de4527;vertical-align:super;font-size: 75%;font-weight: normal;}
.s_ref {color:#29b23a;}
hr {border: none;background-color: #164da2;color:#164da2;height: 1px;}


.img_mid {vertical-align:middle;}

.odd {background-color: #4E91CA;}


.audio_menu_bible {float:left;margin: 0 0 3em 0;padding: 0;list-style: none;background-color: 
#fff;	border-top: 1px solid #ccc; }
.audio_menu_bible li {float:left;font-family:Roboto, Arial, Helvetica, sans-serif, sans-serif;
font-weight: bold; }
.audio_menu_bible li a {display: block;padding: 8px 8px;text-decoration:none;color:#282374; }
.audio_menu_bible li a:hover {background-color: #4E91CA; }

.audio_menu_other {float: left;margin: 0 0 3em 0;padding: 0;list-style: none;background-color: 
#fff }
.audio_menu_other li {float:left;font-family:Roboto, Arial, Helvetica, sans-serif, sans-serif;
font-weight: bold; border-left: 10px solid #99ccff;  }
.audio_menu_other li a {display: block;padding: 8px 8px;text-decoration:none;color:#282374; }
.audio_menu_other li a:hover {background-color: #4E91CA; }
.bible_fill {background-color: #4E91CA;}
.clear {clear:both; }


.a_tab {background-color: #4E91CA; font-family:Roboto, Arial, Helvetica, sans-serif, sans-serif; 
font-weight: bold; text-decoration:none;color:#282374; }
td {width:49%}
.right {text-align: right;}
.small_text {font-size: 85%;}
.italic {font-style: italic;}
.italic_bold {font-style: italic; font-weight:bold;}
.cross_ref {color:#de4527;vertical-align:super;font-size: 75%;font-weight: normal;}
.sub_title {super;font-size: 90%;font-style: italic;font-weight: normal;}


#links {float:right;background-color:#fff; padding:1% 1% .1% 1%;}
.links_mainpage {text-decoration:none; color: black; }


.left_colum {float:left; width:48%; padding-right:1% }
.right_colum {float:right; width:49%;}
.clearfix::after {content: ""; clear: both; display: table;}
.advert1 { float:left;}

#index_bar_DL {width: 100%;margin: 0 0 3em 0;padding: 0;list-style: none;background-color: 
#164da2; }
#index_bar_DL li {font-family:Roboto, Arial, Helvetica, sans-serif, sans-serif;font-weight: bold;
 border-top: 4px solid  #99ccff; }
#index_bar_DL li a {display: block;padding: 8px 8px;text-decoration:none;color:black; }
#index_bar_DL li a:hover {background-color: #4E91CA; }


.pic_scale {width: auto ; max-width: 100% ; padding: 0.5%; padding-bottom: 0.5%;}
/* pictures for Bible Stories */
.pic_right {float: right; width: auto ; max-width: 100% ; padding: 0.5%; padding-bottom: 0.5%;}


/* Responsive layout - makes the three columns stack on top of each other instead of next to 
each other on smaller screens (600px wide or less) */
@media screen and (max-width: 1000px) {
    .left_colum {
        width: 100%;
    }
}
.clear_BS {clear:both; text-align: center; }