/* стили для новой шапки*/
.header {background:#FFF; margin: 10px auto; width: 800px; height: 108px; padding-top:10px}
.nyheader {background: url("img/banner.jpg") top; margin: 10px auto; width: 800px; height: 108px; padding-top:10px}
.date_header {display:block; float:left; width: 113px; padding-top:8px; text-align:center; font-weight: bold; }
.logo_header {display:block; float:left; width: 386px}
.info_header {display:block; float:left}
.gerb_header {display:block; float:right; width:90px}
.logo_header a img {border:none } /* убираем рамку воркуг логотипа */
.info_header span {font-weight: bold}
.date_day   {font-size:44px; margin: 0; line-height: 80%}
.date_year  {font-size:12px; margin: 0}
.date_month {font-size:18px; margin: 0}
.date_dow   {font-size:10px; margin: 0}
.contacts {font-size:9px; font-style:italic; padding:3px; text-align:left; margin:0px 0px 0px 15px; line-height:1.15 } /* Cтиль текста - адреса, телефоны */
/* конец стилей для новой шапки*/

/* стили футера*/
.footer {font:11px Arial, sans-serif; background:#888888; text-align: center; margin: 10px auto; width: 790px; padding:5px}
.footer a {color:#EEEEEE}
/* конец стилей футера*/


body {background-color: #CCCCCC;}
/*  background: #CCCCCC url(img/back2.jpg) fixed */
p {font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0px;}
a {text-decoration: none;}
/*.clear {clear:both} */
.clear {clear:both; width:100%; height: 1px;}

p.nav_title {background-color: #A72E37; color: #ffffff; text-align:center; font-weight:bold; padding:2px; margin-bottom: 5px; margin-top: 0px;}

.search_block {margin: 5px;}
.search_about {text-align:left; font-style:italic; font-size:11px;	margin-bottom: 0px; margin-top: 0px;}
.search_b { border:1px solid #AAAAAA; background-color:#d6d6d6;}


/* стиль для дерева сайта (под навигацией)*/
#tree {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333399; padding: 3px 8px; margin: 0px 0px 10px;}
#tree a {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333399; padding: 3px 8px; margin: 0px 0px 10px;}
#tree a:hover { color: #5555AA; font-weight: bold; }


/* Стили вкладки "последние статьи" */
.last5 a { color: #333399; font-size: 11px;}
.last5 a:hover { color: #C72E37; font-weight:bold; }
.last5_element { margin:4px 5px 8px;}
/* Конец стилей вкладки "последние статьи" */

/* Стили строки "последние 20 комментариев" */
.comment_20 {font: bold italic 12px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin: 5px; color: #3333CC; display: block;}
.comment_20:hover {color: #C72E37;}

/* Стили страницы "последние сомментарии" */
.c20 {width: 580px;	border: 1px solid #938EE5; background-color: #F0F4FE; margin-bottom: 15px;}

.c20art{ margin: 0px; background-color: #DDDDFC; font: 14px Verdana, Arial, Helvetica, sans-serif;}
.c20left {float: left; padding: 5px 15px 5px 5px;}

.c20title {padding: 5px;}
.c20title A  {color: #1F1F95; font-weight: bold;}
.c20title A:hover {color: #C72E37;}

.c20date {font: 11px Verdana, Arial, Helvetica, sans-serif; float: right; padding: 3px;	background-color: #769393; text-align: center;}
.c20date A { color: #FFFFFF;}
.c20date:hover {background-color: #3C5E5E;}

.c20datesat {font: 11px Verdana, Arial, Helvetica, sans-serif; float: right; padding: 3px;	background-color: #552424 ; text-align: center;}
.c20datesat A { color: #FFFFFF;}
.c20datesat:hover {background-color: #452020 ;}

.c20comment {margin: 10px 5px;}
.c20name {font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 2px;}
.c20txt {font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 20px;}
/* Конец стилей вкладки "последние сомментарии" */


/* Стили вкладки "Архив номеров" */
.list_year {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: center;}
.list_year a { color: #333399;}
.list_year a:hover { color: #C72E37; font-weight:bolder; }

.year {	font-weight: bold; font-size: 18px; text-align: center; margin-left:5px;}
.month {font-weight: bold; font-size: 10px; margin: 0px; padding:3px; text-align:center; border-bottom:1px solid gray; background-color:#DDDDDD;}

.year_table { border: 1px solid gray;}
.col1 { border-right: 1px solid gray; background-color:#DDDDDD; vertical-align:top;}
.col2 { border-right: 1px solid gray; background-color:#FFFFFF; vertical-align:top;}
.number {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:5px 0px; text-align: center; }

.numb a { color: #333399; }
.numb a:hover { color: #333399; font-weight: bold;}

.numr  a { color: #F00; }
.numr  a:hover { color: #F00; font-weight: bold; }
/* Конец стилей вкладки "Архив номеров" */


#comment a{ color: #000000; background-color: #cccccc;  padding: 1px 5px 3px; margin: 20px 0px 0px; 
					font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; }
#comment a:hover { background-color: #cccccc;  color: #ffffff; }



/* Новые стили для анонса статьи */
.short_news { border: 2px solid #dddddd; background-color:#EEEEEE; margin-bottom:1em;}
.news_date {font: italic 10px Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; float: left}
.rubric { font: bold 14px Verdana, Arial, Helvetica, sans-serif; text-align:right; color: #000000; background-color: #cccccc;
		padding: 0px 5px 3px; max-width: 220px; margin: 0 0 10px 30px; float: right}
.short_main {margin:0 0 0px 5px; }
.short_img {float:left; margin:0px 5px 0px 0px; max-height:90px; border:0px solid #AAAAAA;}

.short_bottom {position: relative; height: 32px;}
.short_comment { bottom:0px; right:0px; position: absolute;}
.news_open {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #cccccc; padding: 1px 5px 3px; bottom:0px; left: 0px; position: absolute; }
.news_open:hover {color: #ffffff;}

.news_comment {font: 11px Verdana, Arial, Helvetica, sans-serif; text-align:right; margin: 3px; color: #606060;}

.news_title {font: bold 22px Times New Roman, Times, serif; text-align:left; color:#006}
.news_title:visited {color:#900}
.news_title:hover {color:#900}

.news_desc {font: 13px Verdana, Arial, Helvetica, sans-serif; text-align:left;}
.news_autor {font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-align:right; margin: 5px;}

.rblock  {float: right; width: 250px; font-size: 11px; text-align: left; border: 1px solid #dedede; background-color: #ededed; margin: 4px 8px; padding: 5px 7px;}
.lblock  {float: left; width: 250px; font-size: 11px; text-align: left; border: 1px solid #dedede; background-color: #ededed; margin: 4px 8px; padding: 5px 7px;}

/* Cтиль фоток в статьях */
.limgintxt { float:left; margin:3px 5px; border:1px solid #AAAAAA; max-width:160px; max-height:160px}
.rimgintxt { float:right; margin:3px 5px; border:1px solid #AAAAAA; max-width:160px; max-height:160px}
.cimgintxt { float:none; margin:3px 5px; border:1px solid rgb(170, 170, 170); max-width:360px; max-height:360px; border-image: none;  align: center;}

/* Cтили предупреждения о неполной статье */
.artcut {position: relative; margin: 20px 20px 30px; }

.artcut:before { position: absolute; display: block; top: -164px;
    left: -20px; right: -20px; height: 160px; content: '';
    background-color: rgba(255,255,255,0);
    background-image: -moz-linear-gradient(rgba(255,255,255,0),#fff);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0),#fff);
    background-image: linear-gradient(rgba(255,255,255,0),#fff);}

.artcut .cutwrapper {text-align: center;
    background-color: #fafbff; border: solid 4px #ddd; padding: 15px;}

/* Конец новых стилей для анонса статьи */

.border_news {border: 2px solid #dddddd; width: 100%; background-color:#EEEEEE; border-spacing: 0px; } /* пока используется в админке */
.admin_bottom {margin-top:10px; height:18px}
.news_edit {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #cccccc; padding: 1px 5px 3px}
.news_del {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #cccccc; padding: 1px 5px 3px}
.news_edit:hover, .news_del:hover {color: #ffffff;} 
/* используется в админке */

/* Стиль выделения поискового запроса */
.mark {color: #D40000; font-weight:bold;}


/* Стили для ссылок Предыдущая-Следующая статья 
.prev_next {color: #0f0f0f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:center;}
*/


.prev_next {display:inline-block; width: 250px; color: #0f0f0f; font: 11px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
.pn_block {text-align:center; margin: 20px 0px;}
.prev_next a{ color: #000099; }
.prev_next a:hover {color: #990000;}


/* Стили комментариев */
.comment_top {font:bold 14px Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color: #AAAAAA; margin: 15px 5px 5px; } /* Общий заголовок */
.block_comment {border: 2px solid #E2E2E2; margin: 5px 5px 10px; } /* Стиль блока с комментарием */
/* Стиль заголовка комментария (Пользователь и дата) */
.comment_head {font:italic 10px Verdana, Arial, Helvetica, sans-serif; text-align:left; padding: 3px 5px; margin: 0px; background-color: #CCCCCC; }
/* Стиль заголовка неотмодерированного комментария в админпанели(Пользователь и дата) */
.comment_head_nomoded {font:italic 10px Verdana, Arial, Helvetica, sans-serif; text-align:left; padding: 3px 5px; margin: 0px; background-color:#FC0;}
/* Стиль текста комментария */
.comment_text {font: 12px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin: 5px;}
/* Стиль предупреждения о неотмодерированном комментарии */
.comment_text_nomoded {font:italic 11px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin: 5px; color:#678}
/* Стиль текста предупреждения о модерации */
.comment_mod_alert {font:bold italic 10px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin: 5px; color:#C00}
.comment_block_error {font: 12px Verdana, Arial, Helvetica, sans-serif; text-align:left; background-color: #FDD; color: #800; margin: 15px 5px; padding: 0px 5px 5px; border: 1px solid #F6A; border-left: 10px solid #F6A }
.comment_block_error li {margin-left: 20px; font-style: italic;}


/* Стиль надписи "Добавление комментария" */
.comment_add {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #CCCCCC; font-size: 12px; font-weight: bold; text-align:left; padding: 3px 5px; margin: 0px;}

/* Стиль формы добавления комментария */
.comment_add_form {margin:2px 0px;}
.comment_add_name {margin: 5px 0px 2px 5px;}
.comment_add_area {margin: 5px; width:550px; height: 118px; resize: vertical;}
.comment_add_antibot {font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0px 5px 5px;}
.comment_add_img {border: 1px solid gray; margin: 0px 10px 0px 5px; }
.comment_add_sum {margin-right:20px; vertical-align:6px;}
.comment_add_btn {margin-left:5px; margin-bottom:9px; margin-top: 5px; vertical-align: 6px;}
/* Конец стилей комментариев */


/* Cтили постаничной навигации */
.navigate {font:12px Verdana, Arial, Helvetica, sans-serif; text-align:center; padding: 0px 0px 20px 0px; color:#424242;}
.navigate a {color:#333399;}

/* Cтили карты сайта */
.navitem {font-size: 12px; font-weight: bold; text-align:left; padding: 0px 20px; margin: 0px; color: #333333;}
.navitem a {color: #5555AA;}
.navitem a:hover {color: #AA5555;}

/* Cтиль текста - сообщите об ошибках */
.error {font-size:9px; font-style:italic; padding:3px; text-align:center; background-color:#DDDDDD;}

/* Cтиль кнопок в панели редактирования статей */
.btnedit {font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: normal; width: 30px; background-color: #EFEFEF; border: 1px solid #666666; text-align: center;}


#coolmenu{border: 1px solid gray; border-bottom-width: 0; width: 100%; background-color: #f0f0f0; margin-bottom: 5px;}
* html #coolmenu{ width: 192px;} /*Ширина меню для Internet Explorer*/
#coolmenu a {display: block; font: bold 13px Verdana; width: 100%; padding: 2px; padding-left: 4px; color: #000000; border-bottom: 1px solid gray; }
html>body #coolmenu a {width: auto;}
#coolmenu a:hover {background-color: #cccccc; color: #000000;}


/* число статей в резделе*/
.numart {font: italic normal 11px Verdana; color: #606060; }


/*-----	СБРОС  ---*/
ul,li {margin:0; padding:0} /* li можно убрать - ничего не поменяется*/
/*------ НАВИГАЦИЯ---*/
#nav {font: bold 12px Verdana; /* если просто Verdana - то будет толще*/ float:left; list-style:none; width:100%; margin-bottom:10px; margin-top:4px;}
#nav li {float:left; margin-right:5px; position:relative; display:block;}
#nav li a {display:block; padding:3px 5px; color:#000; background:#ddd; border-bottom: 1px solid gray;}
#nav li a:hover {color:#000; background:#bbb; border-bottom: 1px solid gray;}

/*--- для выделения временныз пунктов меню ---*/
#nav li.hot_point a {background:#ecf;}
#nav li.hot_point a:hover {background:#d9e;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul {list-style:none; position:absolute; display:none;}
#nav ul li {float:none; background:url(dot.gif);} /* Если нужен отступ между li, то добавляем  padding-top:1px; */
#nav ul a {display:block; white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */}
#nav li:hover ul {display:block; /* Выводим выпадающий пункт при наведении курсора */}
#nav li:hover a {background:#bbb; /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */}
#nav li:hover ul a { border-bottom: 0px; background:#ddd;/* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */}
#nav li:hover ul li a:hover { background:#bbb; font-weight:bolder;/* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */}
 

.lid_btn {font: bold 10pt Verdana, Arial, Helvetica, sans-serif; color: #00C; background-color: #DFDFDF; border: 1px solid #ccc; height: 22px; text-align: center;}
.lid_btn:hover {color: #C00; background-color: #CFCFCF;}
.lid_txt {font: 13px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin: 5px; color:#005;}
hr {height:4px; border-left:solid 1px #666; border-top:solid 1px #666; border-right:solid 1px #DDD; border-bottom:solid 1px #DDD; background:#c5dcea; margin:0px 20px; }

.question {font:13px Verdana; color:#333; text-align:center; padding:5px 15px;}

/* Стили для галереи*/
.cat-name {font-weight: bold; font-size: 18px; text-align:center; color:#006;}
.cat-item {margin: 20px 10px 0 0; padding: 3px; float: left; background: #ebebeb; width: 178px; height: 170px; text-align: center;}
.cat-item p {margin: 0; padding: 0; font-size:11px; text-align: center; color:#006}
.cat-item .title a {color:#006;	font-size:14px;	font-weight:bold; text-decoration:none; font-family:Tahoma, Geneva, sans-serif;}
.cat-item .title a:hover {color:#900; }
.cat-item .thumbs {background:#ebebeb; border: 1px solid #e5e5e5; padding:5px;}
.cat-item .thumbs img {max-width: 160px; max-height: 160px; border:0px; }
.gal-title {font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #CC2222; text-align:center;}


/* Стили для правил сайта*/
p.rulestitle {font: bold 20px Tahoma, Geneva, sans-serif; text-align:center; color:#A00; margin: 32px 0px 3px;}
p.rulesitems {font: 15px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:left; color:#A00; margin: 14px 0px 3px;}
p.rulesterms {font: bold 13px Tahoma, Geneva, sans-serif; text-align:left; color:#333; margin: 8px 0px 3px;}
ul.rules {font: 12px Verdana, Arial, Helvetica, sans-serif}
ul.rules li {margin: 6px 0px; margin-left:15px}

/* Стили для раздела официальной информации*/
p.doctitle {font: bold 20px Tahoma, Geneva, sans-serif; text-align:center; color: #009; margin: 32px 0px 3px;}
p.docitems {font: 15px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:left; color:#009; margin: 14px 0px 3px;}


/* Стили для раздела информации о газете*/
p.infotitle {font: bold 18px Tahoma, Geneva, sans-serif; text-align:center; color: #001; margin: 32px 0px 20px;}


/* Стили для конкурса*/
.contest {font: 13px Verdana, Arial, Helvetica, sans-serif; margin: 7px 0px; color:#005;} /*Основной стиль текста раздела*/
.contest_title {font-weight:bold; font-size:18px; text-align:center; color:#A00;} /*Стиль строки с названием конкурса*/

.cont_th {background:#ebebeb; border:1px solid #e5e5e5; padding:5px;}
.cont_th img {max-width:160px; max-height:210px; border:0px; border:#EEE solid  5px}
.cont_th img:hover {border: #EE7 solid 5px}
.cont_item {margin:20px 10px 0 0; padding: 3px; float:left; background:#ebebeb; width:178px; height:265px; text-align: center;}
.cont_item p {margin: 0; padding: 0; font-size:11px; text-align: center; color:#006}
.cont_item .title a {font: bold 14px Tahoma, Geneva, sans-serif; color:#006}
.cont_item .title a:hover {color:#900}

.btnvote {font: bold 10pt Verdana, Arial, Helvetica, sans-serif; color: #008; background-color: #DDD; border: 1px solid #777; text-align: center}
.btnvote:hover {border: 2px solid #999}
.btnvote_inactive {font: bold 10pt Verdana, Arial, Helvetica, sans-serif; color: #008; background-color: #DDD; border: 0px solid #DDD; text-align: center}


/*Стили для конкурса "В объективе - дети"*/
.child14 {margin: 0px; padding: 5px; width: 97%; font: 12px / 18px Arial, Tahoma, Verdana, sans-serif;}
.child14_plate {margin-bottom: 20px; padding: 15px 5px; width: 98%; height: 150px; border-bottom: 2px dotted #6D9202; background: #F0FFA0;}
.child14_position {margin: 0px 10px 33px 0px; padding-top: 20px; width: 75px; float: left;
	background: url(img/contest/art/place.png) no-repeat 0px 0px; text-align: center; color: #000000; font-weight: bold;}
.child14_position SPAN {font-size: 36px; display: block; color: #FD0202;}
.vote-count {margin: 70px 10px 0px; background: #3570D5 0px 0px; color: #FFFFFF;
	font-size: 16px; font-weight: bold; border-radius: 3px 3px 3px 3px;}
.vote-count > IMG {padding-right: 5px;}
.child14_photo {width: 200px; height: 150px; float: left; margin-right: 10px; text-align: center; }
.child14_photo IMG { max-width: 200px; height: 150px; border: 0px; border-radius: 7px;}
.child14_inf {width: 255px; float: left;}
.child14_user-name {color: #555555; font-size: 10px;}
.child14_photo-name { margin-top: 5px; font-size: 13px; line-height: 14px; font-weight: bold;}
.child14_descr {margin-top: 5px; height: 80px; font-size: 12px; line-height: 13px; overflow: hidden; font-style: italic;}
/*Конец стилей для конкурса "В объективе - дети"*/


/* Стили для регистрации*/
.regstr { width: 800px; margin: 5px auto; overflow: hidden; background: #ECECEC; font-size: 12px; font-family: tahoma,verdana; border: 1px solid #ACACCC }
.rslogged { padding: 4px 0px; }
.rsnologged { padding: 2px 0px; text-align:center; }

.regslu { display:block; float:left; padding: 0px 10px; }
.regslp { display:block; text-align:right; padding: 0px 10px;}
.regstr a { color: #333399 }
.regstr b { color: #080808 }
.regsubmit { border: none; background-color: #ECECEC; color: #333399; padding: 0; margin: 0;}

.regform { margin: 30px auto; width: 50%; padding: 10px 20px; background:#E8E8F8; border:#69C solid 2px; }
.regdescr { display:inline-block;  width: 150px; } 

.regerror { font: italic 10px Arial, Helvetica, sans-serif; margin-bottom: 15px; }
.regform span {color:#C03;}
.regtitle { font: bold 30px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center; color: #009; margin-bottom: 10px; }

.regfield {background: #F4F4FF; outline: #557 solid 1px; padding: 6px; border:0px; width:210px}
.regfield:hover {outline: #AAE solid 2px;  }
.regfield:focus {background: #FFF; }

.regsend {background: #79B; border: 1px solid #394D63;  color: #FFF;  font: 14px/100% Arial, Helvetica, sans-serif; padding: 7px 28px 8px;
    border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
.regsend:hover { background: #8AC; color:#FFF}
.regsend:active { background: #79B; position: relative; top: 1px; }
.regdown5px {vertical-align:2px;}
.regup2px {vertical-align:-2px;}

.reggender {display:block; float:left; width: 150px;  font: 12px Arial, Helvetica, sans-serif;}
/* Конец стилей для регистрации */

/* Cтилb для блока рекламной информации */
.advcontainer {font: 12px / 18px Arial, Tahoma, Verdana, sans-serif; margin: 30px auto; width: 80%;}
.advitem {padding-bottom: 5px;}
.advleft {width: 70%; float:left;}
.advright {width: 30%; float: left;}
.advcontainer SPAN {font-weight: bold;}
/* Конец стилей для блока рекламной информации */

/* Cтили для блока объявлений */
.adsmain {width: 580px; border-bottom: 2px dashed silver; background: ghostwhite; margin: 0 auto;}
.adsmain:hover {background: #EEEEF7;}
.adsimg {width: 100px; float: left;  padding: 5px 0; margin:0px;}
.adsimg IMG {max-height: 90px; max-width: 100px; border:none;}
.adstext {width: 360px; float: left; font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 10px;}
.adsdate {width: 80px; float: left; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align:right; padding: 10px 5px;}
.adsgraph {width: 570px; border-bottom: 2px dashed silver; background: ghostwhite; text-align:center; padding: 5px; margin: 0 auto;}
.adsgraph:hover {background: #EEEEF7;}
.adsgraph IMG {max-height: 500px; max-width: 500px; border:none;}
/* Конец стилей для блока объявлений */

/* блок для РСЯ */
.rsya {background:#FFF; margin: 10px auto; width: 800px; padding-top:10px}


/* Стили для списка статей номера*/
#art{
	font: bold 12px Verdana; /* если просто Verdana - то будет толще*/
	float:left;
	width:100%;
	list-style:none;
	margin-bottom:10px;
	margin-top:4px; /* margin и padding действуют почему-то одинаково / отступ сверху */
}

#art li{
	float:left;
	margin-right:5px;
	position:relative;
	display:block;
}

#art li a{
	display:block;
	padding:3px 5px;
	color:#000;
	background:#ddd;
	text-decoration:none;	border-bottom: 1px solid gray;
}

#nav li a:hover{
	color:#000;
	background:#bbb;
	border-bottom: 1px solid gray;
	/* text-decoration:underline;  - подчеркивать пункты верхнего меню не будем*/
}

#art ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
}
#art ul li{   /* Если нужен отступ между li, то добавляем  padding-top:1px; */
	float:none;
	background:url(dot.gif);
}
#art ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#art li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
}
#art li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background:#bbb;
	/* text-decoration:underline;  - подчеркивать пункты верхнего меню не будем*/
}
#art li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	border-bottom: 0px;
	background:#ddd;
}
#art li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#bbb;
	font-weight:bolder;
	/* text-decoration:underline;  - подчеркивать пункты выпадающего меню не будем*/
}