html,body{
	height:100%;
	margin:0px;
	padding: 0px;
	background: URL(../images/fon.jpg); 
	font-size: 11px;
	font-family: tahoma;
}

#page {width:100%;height:100%;}
#body-bg {min-height:100%;background:url("../images/body-bg.png") repeat-y scroll center top;}

table{
	border:0px;
	border-collapse:collapse;
}

table td{
	padding:0px;
}

fon {
	background: URL(../images/artengine_fon.jpg); 
}
.category {
	color: #727272;
	font-size: 11px;
	font-family: tahoma;
	padding-top: 15px;
}
.category a {
	color: #4b719e;
	text-decoration:none;
}
.category a:hover {
	text-decoration:none;
	}
.speedbar {
	color: #727272;
	font-size: 11px;
	font-family: tahoma;
	padding-left: 6px;
}
.speedbar a {
	color: #4b719e;
	text-decoration:none;
}
.speedbar a:hover {
	text-decoration:none;
	}

.slink {
	color: #74b922;
	font-size: 11px;
	font-family: tahoma;
}
.slink a:active,
.slink a:visited,
.slink a:link {
	color: #74b922;
	text-decoration:none;
	}

.slink a:hover {
	color: #74b922;
	text-decoration:none;
	}
.copy {
	color: #000000;
	font-size: 11px;
	font-family: tahoma;
	padding: 5px;
}
.skin {
	font-size: 11px;
	font-family: tahoma;
	padding-left: 60px;
}
select {
	font-size: 11px;
	font-family: tahoma;
}

.copy a:active,
.copy a:visited,
.copy a:link {
	color: #727272;
	text-decoration:none;
	}

.copy a:hover {
	color: #727272;
	text-decoration:none;
	}
.ltitle {
	color: #E34000;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
	padding-left: 6px;
	padding-top:  11px;
}
.stext {
	color: #761413;
	font-size: 13px;
	font-family: tahoma;
	text-align: left;
}
.stext a:active,
.stext a:visited,
.stext a:link {
	color: #761413;
	text-decoration:none;
	text-align: left;
	}

.stext a:hover {
	color: #CA2222;
	text-decoration:none;
	text-align: left;
	}
.newstitle {
	text-align: left;
	color: #000000;
	font-size: 14px;
	font-family: tahoma;
	padding-left: 6px;
	padding-top:  11px;
}
.newstitle a {
	color: #761413;
	text-decoration:none;
	font-size: 18px;
	font-family: tahoma;
	font-weight: bold;
	padding-left: 6px;
	padding-top:  11px;
}
.newstitle a:hover {
	text-decoration:none;
	}
.newstitle img {
	border:0px;
	padding: 5px;
	}
.newstitle img a:hover {
	border:0px;
	padding: 5px;
	}
.ntitle {
	text-align: left;
	color: #888888;
	font-size: 18px;
	font-family: tahoma;
	font-weight: bold;
	padding-left: 11px;
	padding-top:  11px;
}
.ntitle a {
	color: #761413;
	text-decoration:none;
}
.ntitle a:hover {
	text-decoration:none;
	}
.mtitle {
	text-align: center;
	color: #761413;
	font-size: 15px;
	font-family: tahoma;
	font-weight: bold;
}
.mtitle a {
	color: #761413;
	text-decoration:none;
}
.mtitle a:hover {
	text-decoration:none;
	}
.ctitle {
	color: #888888;
	font-size: 12px;
	font-family: tahoma;
	padding-left: 6px;
	padding-top:  18px;
}
.ctitle a {
	color: #4b719e;
	text-decoration:none;
}
.ctitle a:hover {
	text-decoration:none;
	}

.shortstory {
	text-align: left;
	color: #000000;
	font-size: 14px;
	font-family: tahoma;
	padding-left: 11px;
}
.shortstory a {
	color: #761413;
	text-decoration:none;
}
.shortstory img {
	padding-left: 5px;
	padding-top:  5px;
	padding-right: 5px;
}
.shortstory img a {
	padding-left: 5px;
	padding-top:  5px;
	padding-right: 5px;
}
.shortstory a:hover {
	color: #761413;
	text-decoration:none;

.news {
	background:#000000;
	FONT: 10pt Verdana; 
	text-align:justify;
}
.news a {
	color: #761413;
	text-decoration:none;
}
.news a:hover {
	color: #761413;
	text-decoration:none;
	}
.userstop {
	font-family:Tahoma;
	font-size:11px;
	color:#606D77;
}
.userstop thead {
	font-family:Tahoma;
	font-size:11px;
      font-weight: bold;
	color: rgb(71,117,165);
}
.userstop td {
	padding:3px;
}
.userstop a {
	color: #4b719e;
	text-decoration:none;
}
.userstop a:hover {
	text-decoration:none;
	}
.hr_line {
	background: url(../images/line.gif);
	width: 100%;
	height: 7px;
	font-size: 3px;
	font-family: tahoma;
	margin-top: 4px;
	margin-bottom: 4px;
}

.navigation {
	color:#666; 
	border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:3px 6px;
	font-size:11px
}

.navigation a:hover {
	background:#799AE3;
	color:#FFFFFF;
	border-color:#E6E6E6;
}

.navigation span {
	text-decoration:none;
	background:#fff;
	padding:3px 6px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:11px;
}

a#klick {
  position		: absolute;
  left			: 0;
  top			: 0;
  display		: block;
  height		: 100px;
  width			: 100px;
  background		: url(../images/shock.png) top left no-repeat !important;
  background		: none;
  text-indent		: -999em;
  text-decoration	: none;
  cursor		: hand;
}

#nav li {
  /*флоатим основные пункты списка*/
  margin: 0;
  float: left;
  display: block;
  padding-right: 15px;
}

#nav li.off ul, #nav li.on ul {
  /*скрываем подменю*/
  display: none;
}

#nav li a {
  /*для всех ссылок в списке*/
  color: #f90;
  font-weight: bold;
  display: block;
  height: 15px;
  width: 100px;
  border: 1px solid #29497b;
  padding: 5px;
}
<p>Теперь давайте установим второй уровень меню ниже главного списка.</p>
#nav li.off ul, #nav li.on ul {
  /*помещаем подменю ниже и скрываем их*/
  display: none;
  position: absolute;
  top: 33px;
  height: 15px;
  left: 0;
  padding-top: 10px;
}

#nav li.on a {
  /*изменяем цвет границы для активных элементов*/
  border: 1px solid #f90;
}

#nav li.on ul a, #nav li.off ul a {
  /* отменяем наследование границ*/
  border: 0;
}

#nav li.on ul {
  /*отображаем подменю*/
  display: block;
}

#nav li.on ul a, #nav li.off ul a {
  float: left;
  /*ie не наследует float*/
  border: 0;
  color: #f90;
  width: auto;
  margin-right: 15px;
}

#nav li.on ul {
  /*отображаем текущий топик*/
  display: block;
}

#nav li.off:hover ul {
  /*  отображаем другие элементы когда задействуем hover */
  display: block;
  z-index: 6000;
}
#nav li.off a:hover, #nav li.off:hover a {
  background: #29497b;
  color: #f90;
}
#nav li.off ul, #nav li.on ul {
  /*помещаем подменю ниже*/
  top: 33px;
  *top: 44px; /*поправим для IE*/
}

#nav li.off:hover ul, #nav li.over ul { 
  display: block;
  z-index: 6000;
}

#nav li.off a:hover,
#nav li:hover a,
#nav li.over a {
  background: #29497b;
  color: #f90;
}