/* GLOBAL */
html {height:100%}
body {margin:0; padding:0; height:100%;}
body#index, body#index1 { background:url(images/body-back.gif) left repeat-y}
body#forum {background:none}
body#forum #content {width:95%}
body#forum #content iframe {border:1px none; padding:5px;}
body#forummain {background-color:#FFFFee; }
body#forumthread {background-color:#eeeeee; }
body#forumcpanel {background-color:#FFFFee; }
div {font-size:small; font-family:Arial,Verdana, Helvetica, sans-serif}
div.forum {margin-top:10px}
div.forum, div.forum td, div.forum li { font-family:Arial, Helvetica, sans-serif; font-size:x-small}
div.forum a {font-size:1.1em}
div.forum li {margin-bottom:5px}
#maketTable {height:100%; width:100%}
/* top */
#top {background:url(images/top.jpg) repeat-x right top;height:37px;}
#topTable { background-color:#FFFFFF}
#topTable td.left { background:url(images/fon-grad-bw-vert.jpg) bottom #fff repeat-x}
#topTable h1 {font-size:30px; color:black; margin:0;margin-left:10px; margin-bottom:10px} /* image*/
#cite,#search {background:url(images/fon-grad-top-hor.jpg) left repeat-y #fff; }
#cite div {width:530px;text-align:left; color:#336666; font-size:10pt; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; border-left:1px dotted;margin-left:10px; padding-left:0.5em}
/* поиск */
#search { text-align:right;}
#search form {font-size:9pt; margin:0; padding:0; margin-right:10px }
#search input {font-size:9pt}
#warning {display:block; width:100%;height:5px; background: #e0e0e0 url(images/fon-grad-long-hor.jpg) repeat-y; color: #eee; text-align:center; font-weight:bold; font-size:1px; font-family:Verdana, Arial, Helvetica, sans-serif}
/* content */
body#index #main h2 {position:relative; margin:0; padding:0;width:400px; left:-10px;padding-left:12px;font-size:small; background-color:#FFCCCC; }
#about, #mainNews, #news, #events, #articles {padding-left:5px; border-left:1px solid; padding-right:3px; margin-top:10px; padding-bottom:3px; }
#breadcrumb {padding-top:5px; padding-bottom:5px; margin-left:5px; background: url(images/fon-grad-1.gif) #ccc top repeat-x; padding:5px }
#main #content #about h2.title {
font-size:x-large; color:#c33;
background: url(images/fon-grad4.jpg) bottom no-repeat; margin-top:0; padding-top:0
}
#mainNews h2.title {background-color:#FF6666; color:#FFFFFF}
#news h2.title {background-color:#006666; color:#FFFFFF}
#events h2.title {background-color:#006699; color:#FFFFFF}
#articles h2.title {background-color:#666666; color:#FFFFFF}
span.time {display:block; font-size:x-small; color:#006666; width:auto; margin:0; padding:0; margin-left:0px; margin-right:50%; margin-top:5px; }
#main {display:block;clear:both; margin-top:0; width:99%}
/* меню*/
#menu {float:left;display:block;width:170px;background:url(images/fon-grad2.jpg) repeat-x bottom;background-color:#e5e5e5;margin-right:5px; }
#menu ul {list-style-position:outside; margin:0; margin-left:4px; list-style-type:none; padding-top:5px; padding-left:6px; border-left:1px solid black; }
#menu ul li {margin-top:1px; padding:0; font-weight:bold}
#menu ul { }
#menu li span.border, li.active span.border {display:block; position:relative; left:-8px; font-size:1px;margin-right:50px; margin-top:5px; border-bottom:1px solid #c33; width:6px; height:1px;}
#menu li.active span.border {margin-right:0px; width:auto;}
#menu li.active {}
#menu li a { font-size:1em;display:block;text-decoration:none; width:100%; height:100%;padding:0px;padding-top:10px; padding-left:5px; color:#444}
#menu li a:visited {color:#444}
#menu li.active a:visited, #menu li.active a:link { font-weight:bold;color:#c33; }
#menu li a:hover {color:#000}
#menu .informer {margin:5px; margin-top:30px; text-align:center}
#content {display:block; width:auto; background:#fff; margin-left:190px}
#articles {float:left;width:17%;background-color:#fff;}
#news {float:left;width:44%;background-color:#fff; padding-right:3%; margin-bottom:10px}
#about div.text {height:auto; overflow:auto; border-bottom:1px none; margin-left:-5px; margin-right:10px;padding:10px; background: #fff }
#mainNews img {margin-right:5px}
#mainNews li {background:url(images/fon-grad1.jpg) repeat-x top;}
span.text {color:black}
#events {float:left;width:47%;background-color:#fff}
#NewsEvents {
/* clear: both; */
margin-bottom:10px}
#NewsEvents li {padding-bottom:5px}
#about {padding-left:5px; border-left:1px solid}
div.bottom-line {position:relative;clear:both; top:3px;margin-left:-6px;width:6px; height:1px; font-size:0px;border-bottom:1px solid; }
#bottom {clear:both; background-color:#eee; color:#060;border-top:1px dotted #006; margin-top:0px}
#list #content {width:55%; padding-right:3%}
#list #menu {width:15%;}
#list #articles {width:21%;}
#list #content h2 {position:static;font-size:x-large; background-color: #FFFFFF; color:#336666;
margin-left:0; padding-left:0;margin-top:10px; font-weight:normal; width:auto; margin-bottom:1em}
#list #content ul {list-style-type:circle;margin:0; padding:0em; list-style-position:inside; padding-left:1em}
#list #content li {padding-bottom:5px}
#list #content h3 {font-size:large; margin:0; font-weight:normal; margin-top:0.5em; margin-bottom:0.25em; color:#006699}
#article {padding:1px 0 0em 5px}
#article div.text {margin:1em 0 0em 0; border-left:0px none #eee; padding-left:0em; text-align:justify }
#article h2.title {font-size:x-large; background:white; margin:0; left:0; color:#c33; border-top:1px solid #ccc; padding-top:15px;}
#article div.date {text-align:right; font-size:x-small}
div.childs ul {margin:0.5em; margin-left:1.5em; padding-left:0; margin-top:1.5em; /*clear:both*/}
div.childs ul li {margin-bottom:1em; /*clear:both;*/ list-style-position: outside; }
div.childs ul li img {margin-right:5px; margin-top:3px}
div.text p {padding-bottom:0.65em; margin:0 }
/* дата и время в списках */
div.infoDateTime {display:block; /* clear:both; */ width:80px;background:#eee; margin-right:1em; padding:0 5px; font-size:10px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:green}
div.infoDateTime span.infoDate {color:#000}
div.infoDateTime span.infoTime {font-weight: normal}
div#bottom a {color:black}
#banners { width:200px; float:right;border:none; margin:20px 0 0 10px; padding:0px}
.banner {margin-bottom:10px}