html
{
    overflow-y: scroll;
}

body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Trebuchet MS';
    font-size: 11pt;
    color: #666666;
    background: #C3C3C3 url(Images/Body.png) repeat-x;
}

#wrapper
{
    margin: auto;
    padding: 0px 0px 0px 0px;
    width: 990px;
}

/* --- ГОЛОВА --- */

#Header
{
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    height: 95px;
    text-align: left;
}

#Header .HeaderLeft
{
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 700px;
    height: 80px;
    text-align: left;
    float: left;
    background: url(Images/Header.png) no-repeat center center;
    cursor: pointer;
}

#Header .HeaderRight
{
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 270px;
    height: 80px;
    float: right;
}

#Header .HeaderFrame
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#Header .HeaderTitle
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 24pt;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
    float: right;
}

#Header .HeaderSubTitle
{
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    font-weight: bold;
    text-align: right;
    float: right;
    letter-spacing: 2px;
}

#Header .HeaderSearch
{
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    clear: both;
    text-align: right;
}

#Header .GoogleSearchTable
{
    margin: 1px 1px 1px 1px;
    padding: 2px 2px 2px 2px;
    border: 0px none #000000;
    border-collapse: collapse;
    vertical-align: middle;
}    

#Header a
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    color: #666666;
}

/* --- ТЕЛО --- */

#ContentRight
{
    margin: 0px 0px 0px -206px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    float: right;
}

#ContentLeft
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 200px;
    float: left;
}

#ContentRight .ContentSeparator, #ContentLeft .ContentSeparator
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 20px;
    background-color: #C3C3C3;
}

/* --- ГЛАВНОЕ МЕНЮ --- */

.SiteMenu_Body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 190px;
    font-size: 11pt;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    border-spacing: 0px;
}

.SiteMenu_Item
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    border-spacing: 0px;
    color: #888888;
}

.SiteMenu_Hover
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: Orange;
    border-spacing: 0px;
}

.SiteMenu_Selected
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #FFFFFF;
    background-color: #8A8A8A;
    border-spacing: 0px;
}

/* --- СПИСОК СТАТЕЙ --- */

#ArticlesList .ArticlesList_Title
{
    border-width: 1px;
    border-color: #999999;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16pt;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background-color: #DBDBDB;
    border-bottom-style: dashed;
}

#ArticlesList .ArticlesList_Item
{
}

#ArticlesList a
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 10pt;
    font-weight: bold;
    text-transform: uppercase;
    color: #888888;
    text-align: left;
    text-decoration: none;
}

#ArticlesList a:hover
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 10pt;
    font-weight: bold;
    text-transform: uppercase;
    color: Orange;
    text-align: left;
    text-decoration: none;
}

/* --- СТАТЬЯ --- */
#Article
{
    margin-left: 206px;
}

#Article img
{
    margin: 3px 3px 3px 3px;
    padding: 0px 0px 0px 0px;
    border-width: 0px;
    text-align: center;
}

#Article p
{
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: 20px;
    text-align: justify;
}

#Article pre
{
    margin: 10px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
    font-size: smaller;
    background-color: #EAEAEA;
}

#Article a
{
    text-decoration: none;
}

#Article a:hover
{
    text-decoration: underline;
}

#Article ul
{
    margin: 0px 0px 10px 40px;
    padding: 0px 0px 0px 0px;
}

#Article ol
{
    margin: 0px 0px 10px 40px;
    padding: 0px 0px 0px 0px;
}

#Article table
{
    margin: 2px 2px 2px 2px;
    border: 1px solid #000000;
    border-collapse: collapse;
    border-color: #666666;
}

#Article caption
{
    margin: 0px 0px 0px 0px;
    padding: 1px 2px 1px 2px;
    border-collapse: collapse;
    background-color: #666;
    color: #FFF;
}

#Article th
{
    margin: 1px 3px 1px 3px;
    padding: 1px 2px 1px 2px;
    border: 1px solid #000000;
    border-collapse: collapse;
    border-color: #666666;
}

#Article tr
{
    margin: 1px 3px 1px 3px;
    padding: 1px 2px 1px 2px;
    border: 1px solid #000000;
    border-collapse: collapse;
    border-color: #666666;
}

#Article td
{
    margin: 1px 5px 1px 5px;
    padding: 1px 5px 1px 5px;
    border: 1px solid #000000;
    border-collapse: collapse;
    border-color: #666666;
}

#Article .TextHeader
{
    padding: 7px 20px 0px 15px;
    color: #FFFFFF;
    font-size: 20pt;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

#Article .TextTableInCode
{
    margin: 0px 10px;
    font-family: 'Courier New' , Courier, monospace;
    font-size: smaller;
}

#Article .TextNotice
{
    margin: 0px 0px 0px 0px;
    padding: 5px 20px 10px 40px;
    font-size: smaller;
}

#Article .TextAuthor
{
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: smaller;
    text-align: right;
}

#Article .TextWebSite
{
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: smaller;
    text-align: right;
}

#Article .TextDate
{
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: smaller;
    text-align: right;
    clear: both;
}

#Article .TextDownload
{
    margin: 5px 10px 5px 10px;
    padding: 0px 0px 0px 0px;
    font-size: smaller;
    text-align: left;
}

#Article .TextGoTop
{
    margin: 5px 10px 5px 10px;
    padding: 0px 0px 0px 0px;
    font-size: smaller;
    text-align: right;
}

#Article .TextVideo
{
    clear: both;
    margin: 2px;
    float: right;
    text-align: center;
}

#Article .TextPicture
{
    clear: both;
    margin: 2px;
    float: right;
    text-align: center;
}

#Article .ClearFloat
{
    clear: both;
}

#Article .PhotoBlock
{
    text-align: center;
}

#Article .PhotoItem
{
    height: 160px;
    width: 160px;
}

/* --- КОММЕНТАРИИ --- */

#Comments
{
    margin-left: 206px;
}

#Comments .Advertisment
{
    padding: 5px 5px 5px 5px;
    text-align: center;
}

#Comments .CommentTableHeaderLeft
{
    padding: 1px 3px 1px 3px;
    border-right: solid 1px #808080;
    font-weight: bold;
    width: 20%;
}
#Comments .CommentTableHeaderRight
{
    padding: 1px 3px 1px 3px;
    font-weight: bold;
}
#Comments .CommentTableContentLeft
{
    padding: 1px 3px 1px 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: #808080;
    vertical-align: top;
}
#Comments .CommentTableContentRight
{
    padding: 1px 3px 1px 3px;
    border-top-style: solid;
    border-width: 1px;
    border-color: #808080;
}
#Comments .CommentButton
{
    border: solid 1px #666666;
    background-color: #FFFFFF;
    color: #666666;
    cursor: pointer;
}
        
/* --- НОГИ --- */
#PageFooter
{
    margin-top: 14px;
    padding: 14px 5px 0px 5px;
    clear: both;
    height: 36px;
    background: #FFFFFF url(Images/Footer.png) repeat-x;
    text-align: center;
    font-size: smaller;
}

#PageFooter .Text
{
    text-align: center;
    font-size: smaller;
}

#PageFooter .LogoLeft
{
    width: 90px;
    float: left;
}

#PageFooter .LogoRight
{
    width: 90px;
    float: right;
}

/* --- ПУСТОЙ --- */
.EmptyFrame
{
    background-color: #FFFFFF;
}

.EmptyHeaderL
{
    background: url(Images/FrameTL.png) no-repeat;
}

.EmptyHeaderM
{
    background: #FFFFFF url(Images/FrameTM.png) repeat-x;
}

.EmptyHeaderR
{
    height: 10px;
    background: url(Images/FrameTR.png) no-repeat right top;
}

.EmptyBodyL
{
    background-color: #FFFFFF;
}

.EmptyBodyM
{
    width: 100%;
    background-color: #FFFFFF;
}

.EmptyBodyR
{
    background-color: #FFFFFF;
}

.EmptyBodyContent
{
    padding: 0px 5px 0px 5px;
    background-color: #FFFFFF;
}

.EmptyFooterL
{
    background: url(Images/FrameBL.png) no-repeat;
}

.EmptyFooterM
{
    background: #FFFFFF url(Images/FrameBM.png) repeat-x;
}

.EmptyFooterR
{
    height: 10px;
    background: url(Images/FrameBR.png) no-repeat right top;
}

/* --- СЕРЫЙ --- */
.GrayFrame
{
    background-color: #FFFFFF;
}

.GrayHeaderL
{
    background: url(Images/FrameTL_Gray.png) no-repeat;
}

.GrayHeaderM
{
    background: #888888 url(Images/FrameTM_Gray.png) repeat-x;
}

.GrayHeaderR
{
    height: 68px;
    background: url(Images/FrameTR_Gray.png) no-repeat right top;
}

.GrayHeaderText
{
    padding: 7px 20px 0px 15px;
    color: #FFFFFF;
    font-size: 20pt;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

/* --- ФИОЛЕТОВЫЙ --- */
.PurpleFrame
{
    background-color: #FFFFFF;
}

.PurpleHeaderL
{
    background: url(Images/FrameTL_Purple.png) no-repeat;
}

.PurpleHeaderM
{
    background: #A570A4 url(Images/FrameTM_Purple.png) repeat-x;
}

.PurpleHeaderR
{
    height: 68px;
    background: url(Images/FrameTR_Purple.png) no-repeat right top;
}

.PurpleHeaderText
{
    padding: 7px 10px 0px 25px;
    color: #FFFFFF;
    font-size: 20pt;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.RSSPointer
{
    float: right; margin: 5px 5px 5px 5px;
}

/* --- КРАСНЫЙ --- */
.RedFrame
{
    background-color: #FFFFFF;
}

.RedHeaderL
{
    background: url(Images/FrameTL_Red.png) no-repeat;
}

.RedHeaderM
{
    background: #D21D1D url(Images/FrameTM_Red.png) repeat-x;
}

.RedHeaderR
{
    height: 68px;
    background: url(Images/FrameTR_Red.png) no-repeat right top;
}

/* --- MAIL.RU --- */
.MailRuFrame
{
    background-color: #00468C;
}

.MailRuHeaderL
{
    background: url(Images/MailRuTL.png) no-repeat;
}

.MailRuHeaderM
{
    background: #00468C url(Images/MailRuTM.png) no-repeat center;
}

.MailRuHeaderR
{
    height: 20px;
    background: url(Images/MailRuTR.png) no-repeat right top;
}

.MailRuBodyContent
{
    padding: 0px 5px 0px 5px;
    text-align:center;
    background-color: #00468C;
}

.MailRuFooterL
{
    background: url(Images/MailRuBL.png) no-repeat;
}

.MailRuFooterM
{
    background-color: #00468C;
}

.MailRuFooterR
{
    height: 10px;
    background: url(Images/MailRuBR.png) no-repeat right top;
}

.MailRuTable
{
    margin: 1px 1px 1px 1px;
    padding: 2px 2px 2px 2px;
    border: 0px none #000000;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}