@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(featured_slide.css);


body{
	margin:0;
	padding:0;
	font-size:13px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	}

img{
display:block; margin:0; padding:0; border:none;
}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}



br.clear{clear:both; margin-top:-15px;}


a{	color:#2479e1;
	background-color:#FFFFFF;
	outline:none;
	text-decoration:none;
	}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #999999; padding:5px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	position:relative;
	float:left;
	width:100%;
	margin:0;
	text-align:left;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

.col1{color:#CCCCCC; background-color:#000000;}
.col2, .col2 a{color:#FFFFFF; background-color:#2479e1;}
.col3{color:#777777; background-color:#FFFFFF;}
.col3 a{color:#2479e1; background-color:#FFFFFF;}

.col4{color:#FFFFFF; background-color:#000000;}
.col4 a{color:#2479e1; background-color:#000000;}

.ukrslav{color:#333333; background-color:#cccccc;}



/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topbar, #homepage, #breadcrumb, #container, #footer, #copyright, #ukrslav1 {
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	}

/* ----------------------------------------------Header-------------------------------------*/

#header{
	padding:20px 0;
	}

#header #logo {
	display:block;
	float:left;
	width:150px;
	overflow:hidden;
	}

#header #logo h1, #header #logo p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#header #logo h1{
        text-align:center;
	font-size:36px;
	text-transform:uppercase;
	}

#header h1 a{
	color:#2479e1;
	background-color:#000000;
	}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
	padding:20px 0;
	}

#breadcrumb a{text-decoration:underline;}
#breadcrumb a:hover{text-decoration:none;}

/* ----------------------------------------------Content-------------------------------------*/

#container{
	padding:20px 0;
	}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #E7E6E6;
	}

/* ----------------------------------------------Homepage Block-------------------------------------*/

.homepage{
	display:block;
	width:100%;
	margin:15px 0 0 0;
	padding:0;
	}

.homepage ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.homepage li{
	display:block;
	float:left;
	width:300px;
	margin:0 30px 0 0;
	padding:0;
	}

.homepage li.last{margin-right:0;}

.homepage li h2{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 8px 0;
	font-weight:normal;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.homepage li h2 img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #999999;
	}

.homepage p{
	margin:0 0 25px 0;
	padding:0;
	line-height:1.6em;
	}

.homepage p.readmore{
	display:block;
	text-align:right;
	line-height:normal;
	font-weight:bold;
	}

.homepage p.readmore a{
	padding:8px 15px 10px;
	color:#FFFFFF;
	background-color:#2479e1;
	}

/* ----------------------------------------------Content Block-------------------------------------*/

#content{
	display:block;
	float:left;
	width:600px;
	}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#2479e1; background-color:#F7F7F7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#2479e1; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

#column{
	display:block;
	float:right;
	width:300px;
	}

#column .holder{
	display:block;
	width:300px;
	margin-bottom:20px;
	}

#column .holder p{
	line-height:1.6em;
	}

#column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	}

#column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #666666;
	}

#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

#column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	color:#666666;
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
	padding:20px 0;
	}

#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#footer h2{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	font-size:18px;
	color:#CCCCCC;
	background-color:#000000;
	border-bottom:1px dotted #CCCCCC;
	}

#footer .box{
	display:block;
	float:right;
	width:250px;
	margin:0 0 0 25px;
	padding:0;
	}

#footer .box1{
	display:block;
	float:left;
	width:400px;
	line-height:1.6em;
	}

#footer .box1 .imgl{border:1px solid #CCCCCC; padding:5px; color:#FFFFFF; background-color:#000000;}

#footer .contactdetails li{
	margin:0 0 8px 0;
	}

#footer .flickrbox, #footer .flickrbox .wrap{display:block; width:260px;}
#footer .flickrbox .wrap .fix{clear:both;}
#footer .flickrbox .wrap .flickr_badge_image{display:block; float:left; margin:0 10px 10px 0; width:80px; height:80px;}
#footer .flickrbox .wrap #flickr_badge_image3, #footer .flickrbox .wrap #flickr_badge_image6{margin-right:0;}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding:10px 0;
	}

#copyright p{
	margin:0;
	padding:0;
	}

/* ----------------------------------------------News-------------------------------------*/
#news {padding:0; margin:0 0 15px 0;}
#news h2 {padding:0px; margin:0px; border:none}
#news .introtext{padding:5px 0 0 0}
#news .introtext .date {font-weight:bold;}
#news .readmore {text-align:right}

/* ----------------------------------------------Ditto Pagination-------------------------------------*/

.pagination a {text-decoration:underline;}
.pagination a:hover {text-decoration:none;}
.pagination .ditto_currentpage {color:#fff; background-color:#2479e1; border:1px solid #2479e1; padding: 1px 3px; font-weight:bold; margin:2px; } 
.pagination .ditto_previous_link, .pagination .ditto_next_link{margin:0 10px;}
.pagination .ditto_page{ padding: 2px 5px;}



/* ----------------------------------------------AjaxSearch-------------------------------------*/

#ajaxSearch_form{ padding:0px; margin:0px;} 
#ajaxSearch_submit{background-color:#2479e1; color:#FFF; font-weight:bold; padding:2px;}
#ajaxSearch_input{color:#666; border:1px solid #999999; padding:3px;}
.ajaxSearch_result { border:1px dotted #eee; padding:5px 10px; margin:0px;}
.ajaxSearch_highlight {background-color:#b2c629; color:#FFFFFF} 
.ajaxSearch_grpResultName{ font-weight:bold; }
.ajaxSearch_resultLink{ font-size:1.1em; font-weight:bold; text-decoration:underline;} 
.ajaxSearch_paging { display:block; padding:10px 0;}
.ajaxSearch_paging .ajaxSearch_currentPage{color:#fff; background-color:#B2C629; border:1px solid #6f7b1a; padding: 1px 3px; font-weight:bold; margin:2px;} 


/* ----------------------------------------------Picture-------------------------------------*/

#picture {
 height:150px; padding:0px; margin:25px; float:left; 
}
 
 /* ----------------------------------------------Collage-------------------------------------*/
 
#collage {
    background-image url ();
    margin:0 auto;
    }
    .collage {
    width: 960px;
		margin: 100px auto;
    position: relative;
}

#soborsvura {
              position:absolute;
        margin-left: 794px;
         margin-top: 115px;
         opacity:0;
    }
    
#soborsvura:hover { 
              z-index: 999; 
              opacity:1;
                    }
#spaso-preobrsoborchernigov {
              position:absolute;
        margin-left: 883px;
         margin-top: 138px;
         opacity:0;
    }
    
#spaso-preobrsoborchernigov:hover { 
              z-index: 999; 
              opacity:1;
                    }
#sagaydachny {
              position:absolute;
        margin-left: 755px;
         margin-top: 180px;
         opacity:0;
    }
    
#sagaydachny:hover { 
              z-index: 999; 
              opacity:1;
                    }

  
#solovyanenko {
              position:absolute;
        margin-left: 943px;
         margin-top: 283px;
         opacity:0;
    }
    
#solovyanenko:hover { 
              z-index: 999; 
              opacity:1;
                    }
                    
#duhnovich {
      position:absolute;
        margin-left: 911px;
         margin-top: 295px;
         opacity:0;
    }
#duhnovich:hover { 
              z-index: 999; 
              opacity:1;
                    }
#yavornytsky {
      position:absolute;
        margin-left: 885px;
         margin-top: 289px;
         opacity:0;
    }
#yavornytsky:hover { 
              z-index: 999; 
              opacity:1;
                    }
   

#ogienko {
      position:absolute;
        margin-left: 856px;
         margin-top: 282px;
         opacity:0;
    }
#ogienko:hover { 
              z-index: 999; 
              opacity:1;
                    }
   
#vernadsky {
      position:absolute;
        margin-left: 826px;
         margin-top: 290px;
         opacity:0;
    }
#vernadsky:hover { 
              z-index: 999; 
              opacity:1;
                    }
#dovzhenko {
      position:absolute;
        margin-left: 802px;
         margin-top: 283px;
         opacity:0;
    }
#dovzhenko:hover { 
              z-index: 999; 
              opacity:1;
                    }

#ivan_franko {
      position:absolute;
        margin-left: 772px;
         margin-top: 292px;
         opacity:0;
    }
#ivan_franko:hover { 
              z-index: 999; 
              opacity:1;
                    }

#grinchenko {
      position:absolute;
        margin-left: 738px;
         margin-top: 277px;
         opacity:0;
    }
#grinchenko:hover { 
              z-index: 999; 
              opacity:1;
                    }
#skovoroda {
      position:absolute;
        margin-left: 769px;
         margin-top: 349px;
         opacity:0;
    }
#skovoroda:hover { 
              z-index: 999; 
              opacity:1;
                    }
#krushelnytska {
      position:absolute;
        margin-left: 706px;
         margin-top: 270px;
         opacity:0;
    }
#krushelnytska:hover { 
              z-index: 999; 
              opacity:1;
                    }
#khmelnytsky {
      position:absolute;
        margin-left: 670px;
         margin-top: 267px;
         opacity:0;
    }
#khmelnytsky:hover { 
              z-index: 999; 
              opacity:1;
                    }
#grushevsky {
      position:absolute;
        margin-left: 693px;
         margin-top: 235px;
         opacity:0;
    }
#grushevsky:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#lavra {
      position:absolute;
        margin-left: 743px;
         margin-top: 85px;
         opacity:0;
    }
#lavra:hover { 
              z-index: 999; 
              opacity:1;
                    }                     

#myhaylyvsky {
      position:absolute;
        margin-left: 590px;
         margin-top: 109px;
         opacity:0;
    }
#myhaylyvsky:hover { 
              z-index: 999; 
              opacity:1;
                    }  
                    
#kyryll {
      position:absolute;
        margin-left: 623px;
         margin-top: 27px;
         opacity:0;
    }
#kyryll:hover { 
              z-index: 999; 
              opacity:1;
                    }  

#sotnya2 {
      position:absolute;
        margin-left: 542px;
         margin-top: 44px;
         opacity:0;
    }
#sotnya2:hover { 
              z-index: 999; 
              opacity:1;
                    } 

#bogorodyca {
      position:absolute;
        margin-left: 472px;
         margin-top: 6px;
         opacity:0;
    }
#bogorodyca:hover { 
              z-index: 999; 
              opacity:1;
                    }

#sotnya {
      position:absolute;
        margin-left: 387px;
         margin-top: 39px;
         opacity:0;
    }
#sotnya:hover { 
              z-index: 999; 
              opacity:1;
                    }
                    
                    
#pervozvanny {
      position:absolute;
        margin-left: 334px;
         margin-top: 19px;
         opacity:0;
    }
#pervozvanny:hover { 
              z-index: 999; 
              opacity:1;
                    }
#sofiakyivska {
      position:absolute;
        margin-left: 215px;
         margin-top: 102px;
         opacity:0;
    }
#sofiakyivska:hover { 
              z-index: 999; 
              opacity:1;
                    }                    

#volodymyrsoborsevastopol {
      position:absolute;
        margin-left: 106px;
         margin-top: 128px;
         opacity:0;
    }
#volodymyrsoborsevastopol:hover { 
              z-index: 999; 
              opacity:1;
                    }   
 #cerkvasvduhapotelychi {
      position:absolute;
        margin-left: 0;
         margin-top: 147px;
         opacity:0;
    }
#cerkvasvduhapotelychi:hover { 
              z-index: 999; 
              opacity:1;
                    }    
#vyshnevetsky {
      position:absolute;
        margin-left: 643px;
         margin-top: 227px;
         opacity:0;
    }
#vyshnevetsky:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#shevchenko {
      position:absolute;
        margin-left: 624px;
         margin-top: 209px;
         opacity:0;
    }
#shevchenko:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#mogyla {
      position:absolute;
        margin-left: 577px;
         margin-top: 219px;
         opacity:0;
    }
#mogyla:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#illarion {
      position:absolute;
        margin-left: 542px;
         margin-top: 200px;
         opacity:0;
    }
#illarion:hover { 
              z-index: 999; 
              opacity:1;
                    } 
                    
#volodymyr {
      position:absolute;
        margin-left: 470px;
         margin-top: 190px;
         opacity:0;
    }
#volodymyr:hover { 
              z-index: 999; 
              opacity:1;
                    } 

#olga {
      position:absolute;
        margin-left: 404px;
         margin-top: 205px;
         opacity:0;
    }
#olga:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#yaroslavmudry {
      position:absolute;
        margin-left: 358px;
         margin-top: 192px;
         opacity:0;
    }
#yaroslavmudry:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#annayaroslavna {
      position:absolute;
        margin-left: 320px;
         margin-top: 210px;
         opacity:0;
    }
#annayaroslavna:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#feodosiypechersky {
      position:absolute;
        margin-left: 342px;
         margin-top: 243px;
         opacity:0;
    }
#feodosiypechersky:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#antoniypechersky {
      position:absolute;
        margin-left: 305px;
         margin-top: 251px;
         opacity:0;
    }
#antoniypechersky:hover { 
              z-index: 999; 
              opacity:1;
                    } 

#galytsky {
      position:absolute;
        margin-left: 265px;
         margin-top: 218px;
         opacity:0;
    }
#galytsky:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#kotlyarevsky {
      position:absolute;
        margin-left: 228px;
         margin-top: 248px;
         opacity:0;
    }
#kotlyarevsky:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#prokofev {
      position:absolute;
        margin-left: 192px;
         margin-top: 258px;
         opacity:0;
    }
#prokofev:hover { 
              z-index: 999; 
              opacity:1;
                    } 

#lysenko {
      position:absolute;
        margin-left: 156px;
         margin-top: 272px;
         opacity:0;
    }
#lysenko:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#dragomanov {
      position:absolute;
        margin-left: 183px;
         margin-top: 285px;
         opacity:0;
    }
#dragomanov:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#lesyaukrainka {
      position:absolute;
        margin-left: 212px;
         margin-top: 287px;
         opacity:0;
    }
#lesyaukrainka:hover { 
              z-index: 999; 
              opacity:1;
                    }                     
 #ostrozhsky {
      position:absolute;
        margin-left: 243px;
         margin-top: 288px;
         opacity:0;
    }
#ostrozhsky:hover { 
              z-index: 999; 
              opacity:1;
                    } 
 #fedorov {
      position:absolute;
        margin-left: 284px;
         margin-top: 284px;
         opacity:0;
    }
#fedorov:hover { 
              z-index: 999; 
              opacity:1;
                    } 
 #nestor {
      position:absolute;
        margin-left: 376px;
         margin-top: 364px;
         opacity:0;
    }
#nestor:hover { 
              z-index: 999; 
              opacity:1;
                    } 
 #knyazkiy {
      position:absolute;
        margin-left: 139px;
         margin-top: 298px;
         opacity:0;
    }
#knyazkiy:hover { 
              z-index: 999; 
              opacity:1;
                    } 	
 #chubynsky {
      position:absolute;
        margin-left: 107px;
         margin-top: 298px;
         opacity:0;
    }
#chubynsky:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#glushko {
      position:absolute;
        margin-left: 128px;
         margin-top: 255px;
         opacity:0;
    }
#glushko:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#korolyov {
      position:absolute;
        margin-left: 99px;
         margin-top: 265px;
         opacity:0;
    }
#korolyov:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#verbitsky {
      position:absolute;
        margin-left: 79px;
         margin-top: 295px;
         opacity:0;
    }
#verbitsky:hover { 
              z-index: 999; 
              opacity:1;
                    } 
#kobylyanska  {
      position:absolute;
        margin-left: 56px;
         margin-top: 273px;
         opacity:0;
    }
#kobylyanska:hover { 
              z-index: 999; 
              opacity:1;
                    }   
#pylyporlyk  {
      position:absolute;
        margin-left: 35px;
         margin-top: 303px;
         opacity:0;
    }
#pylyporlyk:hover { 
              z-index: 999; 
              opacity:1;
                    }                      
#lifar  {
      position:absolute;
        margin-left: 3px;
         margin-top: 279px;
         opacity:0;
    }
#lifar:hover { 
              z-index: 999; 
              opacity:1;
                    }          
                    
#tryzub  {
      position:absolute;
        margin-left: 75px;
         margin-top: 425px;
         opacity:0;
    }
#tryzub:hover { 
              z-index: 999; 
              opacity:1;
                    }                      
                    
                    
 #konstytucia  {
      position:absolute;
        margin-left: 4px;
         margin-top: 389px;
         opacity:0;
    }
#konstytucia:hover { 
              z-index: 999; 
              opacity:1;
                    }                     
 #ostrozka_bibilia  {
      position:absolute;
        margin-left: 214px;
         margin-top: 343px;
         opacity:0;
    }
#ostrozka_bibilia:hover { 
              z-index: 999; 
              opacity:1;
                    } 
 #bandura  {
      position:absolute;
        margin-left: 774px;
         margin-top: 436px;
         opacity:0;
    }
#bandura:hover { 
              z-index: 999; 
              opacity:1;
                    }  
 #pidloga   {
      position:absolute;
        margin-left: 467px;
         margin-top: 486px;
         opacity:0;
 }
#pidloga:hover { 
              z-index: 999; 
              opacity:1;
                    }