#header h1 {
    background: url("yellow/Zlatograd-Symbol.jpg") no-repeat; */
    /* background: url("yellow/Zlatograd-Winter-Symbol.jpg") no-repeat; */
}

#header h1 a {
    color: #E3DCD2;
}

#colorSwitcher {
   border-right: 1px solid #E3DCD2;
}

#colorSwitcher li img {
    border: 1px solid #E3DCD2;
}

#headNavigation li a {
    color: white;
}

#horizontalNavigation {
    background: #F2E9A4 url("yellow/horizontalNavigation.gif") 1px 0 repeat-x;
}

#horizontalNavigation li a {
    color: #333;
}

#horizontalNavigation li.active, #horizontalNavigation li:hover {
    background: #F2E9A4;
    color: black;
    border-left: 2px solid white;
    border-right: 2px solid white;
}

#horizontalNavigation ul.subnav {
    background: url("yellow/horizontalSubnav_bottom.png") left bottom no-repeat;
} 

#horizontalNavigation ul.subnav li, #horizontalNavigation li:hover ul.subnav li:hover {
    background: url("yellow/horizontalSubnav.gif") repeat-y;
}

#horizontalNavigation ul.subnav li span {
    border-top: 1px solid #F9F3D0;
    border-bottom: 1px solid #E9D862;
}

#pageContainer {
    background: url("yellow/mainContent.jpg") repeat-x;    
}

.verticalNavigation {
   color: #333;
}

.verticalNavigation li {
    background: url("yellow/verticalNavigation_middle.png") repeat-y;
}

.verticalNavigation li a {
    color: #FFF;
}

.verticalNavigation li span {
    border-top: 1px solid #C40000;
    border-bottom: 1px solid #790000;
}

.verticalNavigation li a:hover, .verticalNavigation li:hover a {
    background: #990000 url("yellow/verticalNavigation_active.gif") top left repeat-x; 
    color: #FAFAFA;
}

.verticalNavigation li.top {
    background: url("yellow/verticalNavigation_top.png") top left no-repeat !important;
}

.verticalNavigation li.top span {
    border-bottom: 1px solid #790000;
}

#up.verticalNavigation li.top {
    background: url("yellow/verticalNavigation_top.png") bottom left repeat-y;
}

#up.verticalNavigation li.top a {
    background: url("yellow/verticalNavigation_first_normal.gif") top left repeat-x;
    color: #FAFAFA;
}

#up.verticalNavigation li.top a:hover {
    background: url("yellow/verticalNavigation_first.gif") top left repeat-x;
    color: #FAFAFA;
}

.verticalNavigation li.bottom {
    background: url("yellow/verticalNavigation_bottom.png") bottom left no-repeat;
}

.verticalNavigation li.bottom span {
    border-top: 1px solid #C40000;
}

/* vertical Subnavigation */
#up.verticalNavigation li.top ul.subnav li a {
    background: transparent;    
}

.verticalNavigation li ul.subnav li {
    background: url("yellow/verticalSubnav_middle.png") bottom left repeat-y !important;
}

.verticalNavigation ul.subnav li span,
.verticalNavigation ul.subnav li ul.subnav li span {
    border-top: 1px solid #C40000;
    border-bottom: 1px solid #790000;
}

.verticalNavigation li ul.subnav li.top {
    background: url("yellow/verticalSubnav_top.png") top left no-repeat;
}

.verticalNavigation li ul.subnav li.top, 
.verticalNavigation li:hover ul.subnav li.top {
    background: url("yellow/verticalSubnav_top.png") top right no-repeat !important;
}

.verticalNavigation li:hover ul.subnav li a:hover {
    background: url("yellow/verticalNavigation_active.gif") top left repeat-x !important; 
}

.verticalNavigation li ul.subnav li.bottom {
   background: url("yellow/verticalSubnav_bottom.png") bottom right no-repeat !important;
}

.balloon-container h2 {
    background: url("yellow/balloon.png") left top no-repeat;
    /* background: url("yellow/balloonWinter.png") left top no-repeat; */
    color: #6D9BCE;
}

.balloon {
    background: url("yellow/balloon.png") left bottom no-repeat; 
}
* html .balloon {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='yellow/balloon.png',sizingMethod='fixed')
}

.balloon .space, .balloon .space a {
    color: #666;
}

#mainContent { 
    
}

ul.tabs {
    border-bottom-color: #EFE595;
}

ul.tabs li {
    background: url("yellow/tab_right.png") bottom right no-repeat;
}

ul.tabs li span {
    background: url("yellow/tab.png") repeat-x;
}

ul.tabs li.tab-active,
ul.tabs li.tab-active-as-title {
    color: #8A0000;
    background: url("yellow/tab_active_right.png") bottom right no-repeat;
}

ul.tabs li.tab-active span,
ul.tabs li.tab-active-as-title span {
    background: url("yellow/tab_active.png") repeat-x;
}

ul.tabs li a {
    color: #8A0000;
}

.tabContainer,
.tabContainer-gallery {
    border-top: 1px solid #FFFDEF;
}

.tabContainer-gallery #active-picture {
    background: url("yellow/gallery-container.png") no-repeat;   
} 

#gallery-arrow-up {
    background: url("yellow/gallery-arrows.png") top left no-repeat; 
}

#gallery-arrow-up a:hover {
    background: url("yellow/gallery-arrows.png") top right no-repeat; 
}

#gallery-arrow-down {
    background: url("yellow/gallery-arrows.png") bottom left no-repeat; 
}

#gallery-arrow-down a:hover {
    background: url("yellow/gallery-arrows.png") bottom right no-repeat;
}

h1 a, h2 a {
    color: #990000;
}

.details, .details a, .pagemap, .pagemap a {
    color: #9E6A2F;
}

.pages h1 {
   border-bottom-color: #EFE595;
   color: #8A0000;
}

.pages .pageEntry {
    border-top-color: #FFFDEF;
}

.pageEntry p {
    margin: 10px 0;
}

#secondRow .leftColumn {
    border-top: 3px solid #D6D7E7;
}

.leftColumn h1 {
    background: url("yellow/headline-1.gif") right top no-repeat;
    color: #333;
}