@charset "utf-8";
/* CSS Document */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   max-height:100%;
   position:relative;
}
 #header {
  background-image:url(Images/NavBckgdImage.jpg);
	background-repeat:repeat-x;
	width:100%;
	left:0;
	height:60px;
	max-height:60px;
	min-height:60px;
	width:100%;
	margin:0px;
	padding:0px;
	position:absolute;
	color: #633;
	display:block;
	position:absolute;
 }
 #footerrrr {
  background-image:url(Images/NavBckgdImage.jpg);
	background-repeat:repeat-x;
	width:100%;	
	height:40px;
	
	display:block;
	position:relative;
 }
  #footerr {
  background-image:url(Images/NavBckgdImage.jpg);
	background-repeat:repeat-x;
	font-size:small;
	font-weight:200;
	width:100%;
	height:40px;
	max-height:40px;
	left:0;
	bottom:0px;
	width:100%;
	margin:0px;
	padding:0px;
	position:absolute;
	color: #633;
	display:block;
	
 }
  
#tabmenu { 
color: #000; 
border-bottom: 1px solid black; 
margin: 0px 0px 0px 0px; 
padding: 0 0 0 0; 
width:100%;
height:40px;
max-height:40px;
z-index: 1; 
padding-left: 0px;
list-style-type:none;
display:block;
float:left;
text-align:justify;
position:absolute;
} 

#tabmenu li { 
display:inline;
overflow: hidden; 
list-style-type: none; 
margin: 0 0 0 0;
border:none;
padding: 0 0 0 0; 
float:left;
height:100%;
min-height:100%;
color: #633;
min-width:8%;
position:relative;
} 


a {
color:#603;
}
.submenu {
	width:100%;
	top:40px;
	left:0;
	position:absolute;
	height:40px;
	min-height:40px;
        max-height:40px;
	padding-top:7px;
        margin:0px;
        border:0px;
}
#submenu1 {
	/*background-color:#bb8888; reddish that did not work*/
       background-color:#98bbbb;
	z-index:1;
}
#submenu2 {
	/*background-image:url(Images/WinterBckgdImage.jpg);*/
	/*background-repeat:repeat;*/
	background-color:#98bbbb;
	z-index:0;
}

#submenu3 {
	background-color:#98bbbb;
	z-index:0;
}

#submenu4 {
	background-color:#98bbbb;
	z-index:0;
}
#submenu5 {
	background-color:#98bbbb;
	z-index:0;
}


	

#tabmenu a, a.active { 
color: #aaaaaa; 
/*background: #295229;*/
background:none;
font: normal 1em verdana, Arial, sans-serif; 
/*border: 1px solid black;*/ 
padding: 10px 5px 0px 5px; 
margin: 0px; 
text-decoration: none;
/*cursor:hand;*/
height:40px;
min-height:40px;
display:block;
} 

#tabmenu a.active { 
background: #ffffff; 
border-bottom: 3px solid #ffffff; } 

#tabmenu a:hover { 

height:60px;
min-height:100%;
/*color: #fff;

background: #ADC09F;*/
/*background:#bb8888;*/
background-color:#98bbbb;

} 

#tabmenu a:visited { 
color: #E8E9BE; } 

#tabmenu a.active:hover { 
background: #ffffff; 
color: #DEDECF; } 

.submenu a, a:visited, a:active, a:hover: {color:#603;}
#submenu1 a:visited, a:active, a:hover: {color:#603;}
#submenu2 a, a:visited, a:active, a:hover: {color:#603;}
#submenu3 a, a:visited, a:active, a:hover: {color:#603;}
#submenu4 a, a:visited, a:active, a:hover: {color:#603;}
#submenu5 a, a:visited, a:active, a:hover: {color:#603;}


#content{font: 0.9em/1.3em verdana, sans-serif; 
text-align: justify; 
background: #2F7275; 
padding: 20px; 
border: 1px solid black; 
border-top: none; 
z-index: 2; } 

.contentDefault {font: 0.9em/1.3em verdana, sans-serif; 
text-align: justify; 
background-color: #2F7275; 
padding: 20px; 
border: 1px solid black; 
border-top: none; 
z-index: 2; } 
.contentHighlighted {
	font: 0.9em/1.3em verdana, sans-serif; 
text-align: justify; 
background-color: blue; 
padding: 20px; 
border: 1px solid black; 
border-top: none; 
z-index: 2; 

}

#content a { 
text-decoration: none; 
color: #E8E9BE; } 

#content a:hover { background: #aaaaaa; } 

.Shapka {
	/* background-color:#0F3; */
        background-color:#808080;
	background-image:url(Images/NavBckgdImage.jpg);
	background-repeat:repeat-x;
	font-size:small;
	font-weight:200;
	width:100%;
	height:40px;
	max-height:40px;
	top:0;
	left:0;
	margin:0px;
	padding:0px;
	position:absolute;
   /* a{color:#274B8F;*/
	color: #633;
	display:block;
    }

#mainframe {
	position:absolute;
	width:90%;
	height:90%;
	/*top:80px;*/
	top:10%;
      <!background-color: #4e6c8b;-->
      /* background-color:#000055; */
        background-color: #0C0D12;
	left:10%;
	z-index:10;
       margin:0px; border:0px;padding:0px;
}
#leftframe {
	position:absolute;
	width:10%;
	height:90%;
	/*top:80px;*/
	top:10%;
	background-color: #000000;
	left:0%;
	z-index:10;
	overflow:auto;
        margin:0px;
       border:0px;
       padding:0px;
}
#CaptionOfThePainting {
	position:absolute;
	width:100%;
	height:15%;
	top:0;
	left:0%;
	z-index:10;
       color:#D7D4C7;
}	   
#CanvasOfThePainting {
	position:absolute;
	width:100%;
	height:80%;
	top:15%;
	left:0%;
	z-index:10;
}	
#FootnoteOfThePainting {
	position:absolute;
	width:100%;
	height:5%;
	bottom:0%;
	left:0%;
	z-index:10;
}	
#EnlargeButton {
	position:absolute;
	
	padding:0;
	border:none;
	margin:0;
}	

.slide{
	margin-top:10px;
	margin-bottom:10px;
        padding:0px;
}
  
  .tab {
	  width:8%;
	  display:inline;
	  float:left;
         margin-left:15px;
        margin-right:15px;
  }