body
{ 
    font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px; 
    color: #4b4b4b; 
    background: #ffd7af url(images/bodybg.jpg); 
}

a 
{
	color: #df0000;
	text-decoration: none;
}

a:hover 
{
	color: #FF8000;
	text-decoration: none;
}

a:visited 
{
	color: #996633;
	text-decoration: none;
}

td.fieldname
{
   text-align: right;
   font-size: 11px;
   font-weight: bold;   
}

img 
{
    border: 0;
}

ul 
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	list-style-type: square;
	list-style-position: outside;
	padding-bottom: 20px;
    	line-height: 22px;	
}

li 
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	list-style-type: disc;
	line-height: 22px;
}

div.sectiontitle
{
   font-weight: bold;
   font-size: larger;
   color: Maroon;
}

div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

/* Master Page Layout */
#idMasterHeader
{
    background: #ffd7af url(images/header.gif) no-repeat top left;
	width: 870px;
	height: 83px;
}

#idMasterHeaderMenu
{
    background: url(images/menubg.gif) no-repeat top left;
	width: 870px;
	height: 37px;
}

.clsHeaderMenu 
{
    height: 37px;
    font-weight: regular;
    font-size: 8px;
    font-family: sans-serif;
}

.clsMenuSep 
{
    background: url(images/menubgdiv.gif) no-repeat top left;
    width: 6px;
    height: 23px;
}

#idMasterPageTop
{
	background: url(images/bodytop.gif) no-repeat top left;
	width: 870px;
	height: 18px;
}

#idMasterPage
{
	background: url(images/bodybg.gif) repeat-y;
	width: 870px;
}

#idMasterPageSideMenu 
{
    width: 211px;
}

.clsSideMenu 
{
    width: 175px;
    margin-left: 20px;
}

#idSideMenu 
{
    background-color: #ff8a47;
    font-weight: normal;
}

#idSideMenu a 
{
    color: #ffffff;
    text-decoration: none;
	display: block;
	padding: 2px;
}

#idMasterHeaderMenu a:hover
{
    color: #FFFFFF;
    background: #fe782c;
	display: block;
}

#idSideMenu a:hover
{
    color: #FFFFFF;
    background: #fe782c;
    font-weight:bold;
    font-family:Tahoma;
	display: block;
	padding: 2px;
}

.clsMenuBullet
{
    background: url(images/arrow.gif) no-repeat center center;
    width: 5px;
    height: 9px;
    padding-left: 10px;
}

.clsAdminMenuBullet
{
    background: #ff5800 url(images/arrow.gif) no-repeat center center;
    width: 5px;
    height: 9px;
    padding-left: 10px;
}

.clsAdminMenu
{
    background-color: #ff5800;
}

#idMasterPageContent 
{
    margin: 0px;
    padding: 0px;
    width: 630px;
    background-color: #ffffff;
}

#idMasterFooter 
{
    background: url(images/bodybot.gif);
    width: 870px;
    height: 27px;
    font-family: Tahoma, Verdana;
	font-size: 10px;
	color: #ffb771;
}

.clsFooterBullet 
{
    background: url(images/bullet.gif) no-repeat center center;
    width: 3px;
    height: 7px;
}

#idMasterFooter a
{
	font-size: 10px;
	color: #ffb771;
	text-decoration: none;
}

#idMasterFooter a:hover
{
	font-size: 10px;
	color: #fe782c;
	text-decoration: none;
}

#idMasterFooterBottom
{
	background: url(images/footer.gif);
	width: 870px;
	height: 61px;
}

#idLogin
{
   font-size: 11px;
   background-color: #ffffff;
}

#idLogin input.button
{
    border: solid 1px #000000;
    color: #777777; 
    background-color: #ffffff;
    height: 22px;
}

#idWelcomeBox
{
   font-size: 12px;
   text-align: center;
}

.clsLogin 
{
    background-color: #ffd7af;
    border: solid 5px #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

.clsWelcomeBox
{
    background-color: #ffd7af;
    border: solid 5px #ffffff;
}

.clsWelcomeHead 
{
    color: #df0000;
    background-color: #ffffff;
}

.highlight
{
   background-color: #fefbd2;
   color: #000080;
}

.clsPageHeading1
{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    background: url(images/titlebg.jpg) no-repeat;
    height: 28px;
    padding-left: 10px;
}

.clsHeading1
{
    font-size: 20px;
    font-weight: bold;
}

.clsHeading2
{
    font-size: 18px;
    font-weight: bold;
}

.clsHeading3
{
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.clsPara 
{
    text-align: justify;
    line-height: 18px;
}

.clsSongPageRing 
{
    background: url(images/bg_top_spiral.png) repeat top left;
    line-height: 25px;
}

.clsSongPageRight 
{
    border-right:2px solid #333333; 
    border-top:1px solid #C0C0C0; 
    border-bottom:4px solid #333333;
    background-color: #FFFFCC; 
    padding:0; 
    line-height: 18px;
}

.clsSongPageLeft
{
    border-left:3px double #C0C0C0; 
    border-top:1px solid #C0C0C0;
    border-bottom:4px solid #333333;
    background-color: #FFFFCC; 
    padding:0; 
    line-height: 18px;
}

.clsSong_up_PageRight 
{
    border-right:2px solid #333333;
    border-left:2px solid #F3F4F3;
    border-top:1px solid #F3F4F3; 
    border-bottom:3px double #333333;
    background-color: #FFFFCC; 
    padding:0; 
    line-height: 18px;
}

.clsSong_up_PageLeft
{
    border-left:1px solid #C0C0C0;
    border-top:1px solid #F3F4F3;  
    border-bottom:3px double #333333; 
    background-color: #FFFFCC;
    padding:0; 
    line-height: 18px;
}

.clsBox
{
    text-align: center;
    line-height: 18px;
}

.clsList 
{
    line-height: 18px;    
}

#idTable1
{
    border: solid 1px #ffdf9a;
    background-color: #fff4dd;
}

#idTable1 th
{
    background-color: #ffdf9a;
}

#idTable1 td
{
    background-color: #fdf9f1;
}

#idTable2
{
    border: solid 1px #ffdf9a;
    background-color: #fff4dd;
}

#idTable2 th
{
    background-color: #ffffff;
}

#idTable2 td
{
    background-color: #ffffff;
}

.clsVerse 
{
    color: #000000;
    font-weight: bold;
}

.clsRed 
{
    color: #ff0000;
}

.clsBlack 
{
    color: #000000;
}

.clsGreen 
{
    color: Green;
}

.clsOrange 
{
    color: #ff651b;
}

.clsTitleFBC 
{
    background-color: #ececec;
    color: #686868;
    padding: 4px;
    margin: 4px;
}

.clsGBName 
{
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.clsGBDate 
{
    font-weight: bold;
    font-style: italic;
    color: #ffdfbe;
}

.clsGBSmall
{
    font-size: 11px;
    color: #aaaaaa;
}

.clsErrorMsg 
{
    color: #ff0000;
    font-weight: bold;
}

#idGBLinks 
{
    font-size: 22px;
    font-weight: bold;
    color: #880000;
}

#idGBLinks a
{
    font-size: 14px;
    font-weight: bold;
    color: #ff8000;
    text-decoration: underline;
}

#idGBLinks a:hover
{
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
    text-decoration: underline;
    text-decoration: overline;
}

.clsPage 
{
    font-size: 11px;
    font-weight: bold;
    color: #aaaaaa;
}

.clsPageNum
{
    font-size: 11px;
    font-weight: bold;
    color: #888888;
}

.clsBold 
{
    font-weight: bold;
}

.clsButton 
{
    background: url(images/buttonbg.gif) no-repeat;
    border: none 0px #ffffff;
    width: 75px;
    height: 25px;
    font-weight: bold;
    color: #b22b2b;
}

.clsScheduleTitle 
{
    color: #000000;
    font-family: Arial, Verdana, Tahoma;
    font-size: 9px;
}

.clsSiteMap
{
    height: 23px;
    vertical-align: middle;
}

.clsHr
{
    background: url(images/hr.gif) repeat-x;
    height: 1px;
}

.clsHr2
{
    background: url(images/hr2.gif) repeat-x;
    height: 1px;
}

/* GridView */

.GridView 
{
    border: solid 1px #ffdfa7;
}

.GridView_Header 
{
    background: url(images/grid_header_bg.gif) repeat-x;
}

.GridView_Footer
{
    background: url(images/grid_footer_bg.gif) repeat-x;
}

.GridView_Pager
{
    background: url(images/grid_pager_bg.gif) repeat-x;
    height: 43px;
}

.clsTable1 
{
    border: solid 1px #ffdf9a;
    background-color: #fff4dd;
}

.clsTable1_tr 
{
    background-color: #ffecc3;
    font-size: 14px;
    font-weight: bold;
}

.clsTable2
{
    border: solid 1px #e0dfdf;
    background-color: #f5f5f5;
}

.clsTable2_tr 
{
    background-color: #eae8e8;
    font-size: 14px;
    font-weight: bold;
}

.clsWhiteBg 
{
    background-color: #ffffff;
}

.clsTable3
{
    border: solid 1px #feca59;
    background-color: #ffe6b1;
}

.clsTable3_tr 
{
    background-color: #ffd579;
    font-size: 14px;
    font-weight: bold;
}
.Para{ color:White; border:solid 1px #FFFF99; background-color:#FE782C; padding:4px;}
.Para td{ border:none;}
.email{ float:right; cursor:pointer; margin-top:10px;}
.email img{ border:solid 0px; padding:0px;}
.email a{ border:solid 0px; padding:0px; margin:0px;}
.email a:hover{ border:solid 0px; padding:0px; margin:0px;}
.mtop0 { font-family:Calibri, Tahoma;  margin-top: 2px; padding-bottom:8px; color:#CC0000;}
.clear { clear:both; }
.box { min-height:1px; }
.clearbox { border:solid 1px; padding:5px;}
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }
.noscreen { display:none; }
#container { 
  background: #FFFF99; color:#000; border-bottom: 1px solid #FE782C;
  }
  
  #container #imageContainer { height:270px; }  
  #container #imageContainer img { display:none; 	
			position:absolute; 	
			top:0px; left:0px; 	
			height:243px;  	
			width:572px; 	
			opacity: -0.001;  background: #fff;
			padding:3px;
			border:none #8F320D;} height: 500px; background-color: #000; }
  #container #imageContainer2 { height:122px; }  
  #container #imageContainer2 img { display:none; 	
			position:absolute; 	
			top:0px; left:0px; 	
			height:122px;  	
			width:175px; 	
			opacity: -0.001;  background: #fff;
			padding:3px;
			border:none #8F320D;} height: 122px; background-color: #000; }
  
  #obsah {
   
  }
.button_go 
{
	background-color: #FE782C;
	color: White;	
	font-weight: bold;
	height: 18px;
	width: 24px;	
	border:2px;
	cursor: hand;
}
.chromestyle{
width: 870px;
/*font-weight: bold;*/
font-family:tahoma;
font-size:10px;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
/*background: url(chromebg.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/

}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;	
padding: 4px 7px 8px;
margin: 0;
text-decoration: none;
border-right: 0px solid #FFD7AF;

}

.chromestyle ul li a:hover{
/*background-color: #F0F0F0;*/
/*background: url(chromebg-over.gif) center center repeat-x; THEME CHANGE HERE*/
}

.chromestyle ul li a:after{ /*HTML to indicate drop down link*/    /*[rel]*/
content: " ";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 10px Tahoma;
line-height:18px;
z-index:100;
background-color: white;
width: 100px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 870px;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 1px 0;
text-decoration: none;
/*font-weight: bold;*/
color: #FE782C;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #FFD7AF;
text-decoration: none;
/*font-weight: bold;*/
color: maroon;

}

#idSecMenu
{
    height: 18px;
}

.clsSecMenu 
{
    height: 37px;
    font-weight: regular;
    font-size: 12px;
    font-family: Tahoma;
}

#idSecMenu a
{
    color: #FE782C;
    background: #880000;
	display: block;
   width: 100px;
   height:18px;
   padding:1px;
}

#idSecMenu a:hover
{
    color: #FFFFFF;
    background: #fe782c;
	display: block;
   width: 100px;
   height:18px;
   padding:1px;
}