body { background: #ffffcd }

a:visited, 
a:link   { color: #9B2800 }
a:hover  { color: #cc2800 }
a:active { color: #cc2800 }

.toolbar { background: #e0dfe3; font: 70% Tahoma, Verdana, Arial; padding: 5px 10px  }
.arrow   { font: 14px Arial }

.principal-panel { background: #e0dfe3; font: 65% Tahoma, Verdana, Arial; padding: 5px 10px;
                   border-bottom: solid 1px #fff }

#main { background: #ffffb7; width: 100% }

#path { font: 65% Tahoma, Verdana, Arial, Helvetica, Sans Serif; padding-top: 1em;
        padding-bottom: 0; color: #a4a4a4; margin-left: 20%; padding-left: 25px }
#path .arrow { font: 10px Tahoma, Verdana, Arial }

#content        { width: 80%; clear: left; float: left; //position: relative }
#content .c-t-  { background: url(../images/content/t.gif) left top repeat-x #fff;
                  margin-right: -19px; //position: relative; //float: left; 
                  //margin-right: -29px }
html>body #content .c-t-  { //margin-right: -19px; }
#content .c-r-  { background: url(../images/content/r.gif) right top repeat-y; 
                  //position: relative; //float: left; }
#content .c-b-  { background: url(../images/content/b.gif) right bottom repeat-x; 
                  //position: relative; //float: left; }
#content .c-tr- { background: url(../images/content/tr.gif) right top no-repeat; 
                  //position: relative; //float: left; }
#content .c-br- { background: url(../images/content/br.gif) right bottom no-repeat; 
                  //position: relative; //float: left; }
#content .c-br- { padding-left: 25%; //position: relative; //float: left; 
                  //position: relative; //float: left; }
#content .c-bl- { background: url(../images/content/bl.gif) left bottom no-repeat;
                  margin-left: -20px; //position: relative; //float: left; 
                  //margin-left: -10px; }
html>body #content .c-bl-   { //margin-right: -20px; }
#content .c-tl- { background: url(../images/content/tl.gif) left top no-repeat; }
#content .c-tl- { padding: 1.5em 40px 4em 40px; //position: relative; //float: left; }


/**/
#content h1, 
#content h2,
#content h3, 
#content h4, 
#content h5, 
#content h6 { margin: 0 0 0.5em 0; color: #007100; font-family: Georgia, Times New Roman, Serif;
              line-height: 1.1em; font-weight: normal }

#content h1 { font-size: 180%; }
#content h2 { font-size: 160%; letter-spacing: -0.05ex }
#content h3 { font-size: 140%; }
#content h4 { font-size: 130%; }
#content h5 { font-size: 120%; font-weight: bold }
#content h6 { font-size: 110%; font-weight: bold }

#content .text { }

.text .cite,
.text .cite strong,
.text strong .cite ,
#content h1 a:link, #content h1 a:visited,
#content h2 a:link, #content h2 a:visited,
#content h3 a:link, #content h3 a:visited,
#content h4 a:link, #content h4 a:visited,
#content h5 a:link, #content h5 a:visited,
#content h6 a:link, #content h6 a:visited { color: #007100; }

#content h1 a:hover, 
#content h2 a:hover /*, 
#content h3 a:hover, 
#content h4 a:hover, 
#content h5 a:hover, 
#content h6 a:hover */{ color: #900; }

#content h1 a:active, 
#content h2 a:active, 
#content h3 a:active /*, 
#content h4 a:active, 
#content h5 a:active, 
#content h6 a:active */{ color: #c00; }

.text table { width: 100% }

.text { font: 105%/1.3em Times New Roman, Serif;  }

.text,
.text td,
.text strong,
.text li,
.text p { color: #333 }

.text p,
.text td { font: 100%/1.3em Times New Roman, Serif;  }

.text p { margin: 0px; }

.text ol,
.text ul { padding-left: 30px; margin: 0.5em 0 }
.text li { font: 100%/1.1em Times New Roman, Serif; padding: 0;
           margin: 0 0 0.5em 0 }
.text ul li { padding-left: 12px; margin-left: -12px; 
              list-style: none; background: url(../images/bullet.gif) 0px 0.5em no-repeat; }

.text table.usertable { width: auto; border: none; padding: 0px }
.text table.usertable .usercell { border: none; padding: 0px}
.text td.usercell { padding-right: 15px }
.text .mark, 
.text .mark strong { color: #007100 }

.text blockquote { border-bottom: solid 1px #909090;
                   margin: 0;
                   padding: 0 0px 10px 0px; clear: both; }
.text blockquote  .image-in- { clear: none; float: right;
                   margin-left: 10px; margin-bottom: 10px;
                   margin-right: 0px;  }

.text blockquote:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.text blockquote {display: inline-block;}
/* Hides from IE-mac \*/
* html .text blockquote {height: 1%;}
.text blockquote {display: block;}
/* End hide from IE-mac */

/**/
#rightcolumn { float: left; width: 20%; margin-right: -10%; overflow: hidden }

.header     { padding: 42px 20% 22px 25px; background: #ffffd4; margin-left: 20% }
.header .h1 { float: left; color: #B601DD; margin: -23px 10px 0 -4px;
              font: 500% Georgia, Times New Roman, Serif; line-height: 0.7em;
              letter-spacing: -0.06em }

.header #nataly { float: left; color: #9b2800; margin-top: 10px;
                  font: 150% Arial, Helvetica, Sans Serif; letter-spacing: -0.06em }

#menu    { padding: 0.4em 0 0 20%; background: #ffee8d;
           font: bold 100% Georgia, Times New Roman, Serif; line-height: 1em; }

#menu ul { margin: 0; width: 100%; padding: 0; }

#menu li {
    float: left;
    display: block;
    color: #9b2800;
    /*width: 25%;*/
    padding: 0;
    background: none;
    margin: 0; padding: 0; font: bold 100% Georgia, Times New Roman, Serif;
           line-height: 1em; letter-spacing: -0.04em; word-spacing: 0.2em }

#menu li.last- { margin-right: -12%; overflow: hidden; }

#menu li b.l- { display: block; background: url(../images/navigate/sel-l.gif) left top no-repeat }
#menu li b.r- { display: block; background: url(../images/navigate/sel-r.gif) right top no-repeat; }

#menu li span {
    display: block;
    background: url(../images/navigate/li.gif) 7px 30% no-repeat;
    margin-left: 5px;
    padding: 0 30px 0.6em 20px;  }   

#menu li a:link,
#menu li a:visited { color: #9b2800 }
#menu li a:active, 
#menu li a:hover   { color: #cc0000 }

#menu li.sel- { background: #ffffb7 }
#menu li.sel- a:link,
#menu li.sel- a:visited { color: #007100 }
#menu li.sel- a:active,
#menu li.sel- a:hover   { color: #cc0000 }
#menu li.sel- span { background: url(../images/navigate/li-.gif) 7px 30% no-repeat; color: #007100 }   

/**/
#submenu { font: 80% "Times New Roman", Times, Serif; padding-top: 25px; margin-bottom: 2em;
           margin-left: 0px; //position: relative; }

#submenu h3 { margin: 0 0 0.5em 9px;  color: #007100; font: bold 125% Georgia, Times New Roman, Serif; line-height: 1em; letter-spacing: -0.04em; word-spacing: 0.2em; padding-left: 10px;
              background: url(../images/navigate/li-.gif) 0em 0.3em no-repeat }

#submenu h3 a:link,
#submenu h3 a:visited { color: #007100; }
#submenu h3 a:hover,
#submenu h3 a:active  { color: #cc0000; }


#submenu ul { margin: 0; padding: 0 0 0 0; } 
#submenu li { font: 100% "Times New Roman", Times, Serif; margin: 0 0 0 0; background: none; 
              list-style: none; line-height: 1.2em; padding: 0.2em 0 0.2em 19px }
#submenu li.sel- { background: url(../images/navigate/level2/sel-bg.gif) left top repeat-y #ffffe8;
                   color: #007100; }

#submenu li.lev-2- { font-size: 110%; font-weight: bold; }
#submenu li.lev-3- { font-size: 95%; padding-top: 0.1em; padding-bottom: 0.1em;
                     margin-top: -0.2em; margin-bottom: 0.2em; }
#submenu li.lev-4- { font-size: 85%; padding-top: 0; padding-bottom: 0em;
                     margin-top: -0.4em; margin-bottom: 0.4em;  }

#submenu li.lev-2- .in- { padding-left: 12px;
                          background: url(../images/navigate/level2/li-2.gif) 0em 0.4em no-repeat }
#submenu li.lev-3- .in- { margin-left: 12px; padding-left: 12px; 
                          background: url(../images/navigate/level2/li-3.gif) 0em 0.45em no-repeat }
#submenu li.lev-4- .in- { margin-left: 24px; padding-left: 10px; 
                          background: url(../images/navigate/level2/li-4.gif) 0em 0.4em no-repeat }

#submenu li.sel-lev-2- .in- { background: url(../images/navigate/level2/li-2-.gif) 0em 0.4em no-repeat }
#submenu li.sel-lev-3- .in- { background: url(../images/navigate/level2/li-3-.gif) 0em 0.45em no-repeat }
#submenu li.sel-lev-4- .in- { background: url(../images/navigate/level2/li-4-.gif) 0em 0.4em no-repeat }

#submenu span { display: block }


#footer    { clear: both; }

.image-    { clear: left; float: left; margin-left: -142px; margin-bottom: 10px }
.image-in- { clear: none; float: left; margin-left: 0px; margin-bottom: 10px;
             margin-right: 10px;  }
.clearer   { clear: both; height: 0px; display: block }

/**/
#footer    { width: 100%; background: url(../images/bg.gif) repeat-x; padding-bottom: 1em;
             padding-top: 1em }
#footer .copyrights-      { float: left; width: 80%; }
#footer .copyrights- .in- { margin-left: 25%; padding-right: 30px; padding-left: 25px;
                            font: 80% Arial, Helvetica, Sans Serif; color: #666; }
#footer .copyrights- .in- p { font-size: 100%; margin: 0 0 0.5em 0 }

/*#footer .contacts-      { float: left; width: 20%; margin-right: -10%; overflow: hidden; }*/
/*#footer .contacts- .in- { padding-right: 30px; padding-left: 19px; }*/

.contacts     { color: #9b2800; }
.contacts .i- { margin-top: 0.5em }
.contacts .l- { display: inline; line-height: 1em; }
.contacts .v- { display: inline; margin: 0; padding: 0; 
                line-height: 1em; font-weight: bold; }
.contacts a:link,                         
.contacts a:visited { color: #9b2800 }
.contacts a:hover,
.contacts a:active  { color: #cc0000 }

#rightcolumn .contacts     { color: #9b2800; margin-left: 20px; font-size: 120% }
#rightcolumn .contacts .l-,
#rightcolumn .contacts .v- { display: block; }
#rightcolumn .contacts .l- { font-size: 90% }

#ratings      { float: left; width: 20%; margin-right: -10%; overflow: hidden; }
#ratings .in- { padding-left: 20px; }

.adsense {
    margin: 40px 0 20px 20px;
    }