body {
margin: 0; 
padding: 0; 
font-size: 8px Helvetica, Arial, sans-serif;
background-image--:url(img/bg.jpg); 
background-image:url(img/Giphy/200w200w_static.gif); 
}
/*font: small Helvetica, Arial, sans-serif;}*/

#wrapper{
width: 996px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
padding--: 1px;
font-size: 8px Helvetica, Arial, sans-serif;
/*font: small Helvetica, Arial, sans-serif;*/
border: 1px solid silver;
}

#header {margin-left: auto; margin-right: auto; padding: 0; border: px solid red; background-color: #FF6043; padding: px;}
#header2 {margin-left: auto;margin-right: auto; padding: 0; border: px solid red; background-color: #BC8343; padding: px;}
													/*  background-color: Tan; */
#main {
margin-top: 5px;
background-image: url(img/rightbg1.png);
background-position: top right;
background-repeat: repeat-y;
border: 1px dotted silver;
}
#main2 {
background-image--: url(img/leftbg1.png);
background-position: bottom left;
background-repeat: repeat-y;
border: 1px dashed silver;
}

#sidebar {
float: right; 
width: 196px; 
border: px solid black; 
background-color: #4E87B9  ; /* #4E87B9  */
padding: 1px;
}
#sidebar2 {
float: left; 
width: 196px; 
border: px solid green; 
background-color--: #4E87B9 ; /* #4E87B9  */
padding: 1px;}

#content {border: px solid blue; background-color:#0F2743; color: Tan; margin: 0 200px 0 200px; padding: 1px;}
												/*  #9999ff #5295FE*/
#footer-main {margin: 0; padding: 0; border: px solid red; background-color: lightgrey; padding: px;}

#sidebar8 {float: right; width: 194px; border: px solid black; background-color: #256290; padding: 1px;}
#sidebar3 {float: left; width: 194px; border: px solid green; background-color: #256290; padding: 2px;}
#sidebar4 {float: left; width: 197px; border: px solid green; background-color: #99ff99; padding: 2px;}
#sidebar5 {float: left; width: 197px; border: px solid green; background-color: #99ff99; padding: 2px;}
#sidebar7 {float: left; width: 197px; border: px solid green; background-color: #99ff99; padding: 1px;}

#footer {margin: 0; padding: 0; border: px solid red; background-color: lightgrey; padding: px;}

#clearone {clear: both; height: 2px; background-color: yellow;}


#artcl {
margin-top: 5px;
width: 99%;
float: right;
}
#artcl-left {
margin-top: 5px;
width: 48%;
float: left;
}
#artcl-right {
margin-top: 5px;
width: 48%;
float: right;
}

.main_border {border:1px solid #000000;}
p {font-family:Verdana, font-size:11px; margin:15px;}
.left {background-color--:#f6f6f6; border-right:0px solid #424242;}

.right {background-color:#f6f6f6; border-right:0px solid #424242;}

p.title {background-color--:#D2B48C; /*#D2B48C tan - #A72E37 стария тъмночерв. Фон на кл. на 1-та рубрика   */
color: #ffffff;
font-weight:bold;
margin:2px;
padding:2px;
}
#coolmenu{
border:  /*--1px solid gray;--Стил на рамката */
border-bottom-width: 0;
width: 93%; /*Ширина на менюто */
background-color--: #f6f6f6 ;  /*  Фон на клетката*/
margin:7px; /*Ширина на отстъпа*/
}
* html #coolmenu{ width: 150px;/*Ширина на менюто за Internet Explorer*/}

#coolmenu a{
font: bold 12px Verdana; /*Шрифт на текста*/
padding: 2px; /*Вътрешен отстъп на препратките от края на клетката*/
padding-left: 4px;/*Вътрешен отстъп на препратките от левия край на клетката*/
display: block;
width: 100%; /*Ширина на клетките*/
color: #D2691E;  /*Chocolate -- Цвят на текста*/
text-decoration: none; /*Подчертаване на препратките - НЕ*/
border-bottom: /*--1px solid gray;--Стил на долната граница на клетката */
}
html>body 
#coolmenu a{ width: auto;}
#coolmenu a:hover{
background-color: #FFFFE0; /*Lightyellow --Фонов цвят на клетката при посочване с курсора*/
color: red;  /*тъмнооранжево -- Цвят на текста при посочване с курсора*/
}
