/* Color Constants:
#a28b59 - hor menu bg
#dddddd - hor menu border
#b7734c - menu bg
#867740 - menu shadows
#fbf7df - menu top-left lights
red     - menu hover text color
white   - submenu top-left lights
#fbf3c2 - submenu bg
#f6e779 - submenu shadows
#003366 - content a:link 
#006699 - content a:visited
#ff3300 - content a:hover
#ffaa22 - cursor bg
and also used black and white colors  
*/
body {
  text-align: center;
  font-family: arial, helvetica, sans-serif;
}
h2 {
  padding: 5px 10px 5px 20px;
  background: #b7734c;
  color: white;
  font-size: 17px;
  margin: 0;
}
h3 {
  font-size: 16px;
}
ul {
  padding: 0px;
  margin-left: 1.4em;
}
li {
  margin-top: 0.7em;
}

table {
  text-align: left;
  border: 0px;
  padding: 0px;
  margin: 0px;
  margin-left:auto;
  margin-right:auto;  
}
table table {
  font-size: 12px;
}
a { font-family: arial, helvetica, sans-serif; }
a:hover { text-decoration: underline }

img {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
table.hormenu {
  border: 2px solid #dddddd;
  margin-bottom: 8px;
  font-family:  arial, verdana, sans-serif;
  font-weight: bold ;
  font-size: 11px;
  background-color: #a28b59;
  color: black;
}
table.hormenu tr { text-align: center; }
.hormenu td { 
  border: 1px solid #dddddd;
/*  padding: 6px; */
}
.hormenu a {
  text-decoration: none;
  display: block;
  padding: 6px;
}
.hormenu a:link { color: black; }
.hormenu a:visited { color: black; }
.hormenu a:hover {
/*  color: #dddddd; */
  color: yellow;
  background-color: #b7734c;
}

td.menubg{
  background-color: #fbf3c2;
  vertical-align: top; 
  border-width: 0;
  width: 232px;
}

.content {
  vertical-align:top;
  margin: 2px 2px 10px;
  color: black;
  background-color: white;
  font-size: 12px;
}
td.content { height:650px; }

.content p.sign{
  font-style: italic;
  text-align: right;
}
.content a { text-decoration: underline; }
.content a:link { color: #003366; }
.content a:visited { color: #006699; }
.content a:hover { color: red; }

.footer {
  font-size: 10px;
  color: black;
  background-color: #dddddd;
  text-align: center;
  padding: 4px;
}
td.title {
  color: white;
  font-weight: bold;
  background: #b7734c;
}

br.hr {clear: both;}

th {
  text-align: center; 
  background-color: rgb(153, 255, 153);
}

/* ------------ Вертикальне меню ------------ */

/* Усі меню */
#vmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 231px;
	}

/* Усі пункти меню. */
#vmenu li {
	position: relative; /* Інакше, не зможемо позиціонувати підменю */
  display: block; 
  font-weight: bold;
  color: white;
  background-color: #b7734c;
  border-right: #867740 2px solid;
  border-bottom: #867740 2px solid;
  border-top: #fbf7df 2px solid;
  border-left: #fbf7df 2px solid;
  margin: 0;
  font-size: 12px;
	}

/* Усі пункти меню - посилання */
#vmenu a {
  background-color: transparent;
}
#vmenu a, #vmenu li.nolink {
	color: white;
	text-decoration: none;
  display: block; 
	padding: 5px; 
	}

/* Розташувати підменю, де треба і сховати його*/
#vmenu li ul {
	position: absolute; /* Позиціонуємо відносно першого не 'static' батька */ 
	left: 229px; /* На 1px менше ніж #vmenu ul */
	top: -2px;
	display: none; 
	}
	
/* Стиль для субменю */
#vmenu li li, #vmenu li li.nolink {
  color: black;
  padding-left: 15px;
  border-top: white 2px solid;
  border-left: white 2px solid;
  border-right: #f6e779 2px solid;
  border-bottom: #f6e779 2px solid;
  vertical-align: middle;
  background-color: #fbf3c2;
  font-weight: normal;
}	

/* Активний пункт меню */
#vmenu li:hover { 
  background-color: #ffaa22;
  background-image: url('http://cibs.ck.ua/files/cursor.gif');
  background-repeat: repeat-x;  
  }

#vmenu a:link { color: white; }
#vmenu a:visited { color: white; }
#vmenu a:hover {
  color: red; 
 	background-color: transparent;
  }
#vmenu li li a:link { color: black; }
#vmenu li li a:visited { color: black; } 
#vmenu li li a:hover { color: red; } 

/* Сіль фокуса з CSS-меню */	
#vmenu li:hover > ul { display: block; }