/******************************************************************************
 *                                                                            *
 *   Школа безопасности // Основная таблица стилей                            *
 *   ----------------------------------------------------------------------   *
 *   Copyright (C) 1998-2007 web-studio "Cherry-Design"                       *
 *   URL: http://www.cherry-design.spb.ru/                                    *
 *   E-mail: cherry-design@mail.ru                                            *
 *                                                                            *
 ******************************************************************************/

body {
    margin: 0px;
    padding: 0px;
}

a:link {
    color: #000000;
}

a:visited {
    color: #5FACE4;
}

/* Разделы сайта
-----------------------------------------------------------------------------*/
#section_menu {
    width: 100%;
    height: 19px;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 8pt;
    background-color: #f0f0f0;
    border-bottom: 5px #3E5256 solid;
}

#section_menu ul {
    height: 19px;
    margin: 0px 15px;
    padding: 0px;
    border-left: 1px #c0c0c0 solid;
}

#section_menu ul li {
    list-style-type: none;
    display: inline;
}

#section_menu a {
    text-align: center;
    text-decoration: none;
    color: #000000;
    display: block;
    float: left;
    padding: 3px 15px;
    border-right: 1px #c0c0c0 solid;
}

#section_menu a:hover {
    background-color: #ffffff;
}

#section_menu ul li.selected a, 
#section_menu ul li.selected a:hover {
    background-color: #5FACE4;
    color: #ffffff;
}

/* Заголовок сайта
-----------------------------------------------------------------------------*/
#website_title {
    width: 100%;
    height: 80px;

background: url("../pic/logo_school.png") no-repeat 15px 30px;
}

#website_title h1 {
    padding: 30px 0px 0px 15px;
    margin: 0px;
}

#website_title h1 a {
    display: block;
    width: 225px;
    height: 40px;
}

#website_title h1 span,
#website_title p {
    display: none;
}

/* Основное меню
-----------------------------------------------------------------------------*/
#main_menu {
    height: 25px;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 8pt;
    position: absolute;
}

#main_menu ul {
    margin: 0px 10px;
    padding: 0px;
}

#main_menu ul li {
    list-style-type: none;
    padding: 2px 5px;
    display: inline;
}

#main_menu ul li.selected {
    padding-bottom: 4px;
    border-bottom: 8px #f0f0f0 solid;
}

#main_menu a {
    text-decoration: none;
    color: #000000;
}

#main_menu a:hover {
    text-decoration: underline;
}

/* Меню статистики
-----------------------------------------------------------------------------*/
#books_menu {
    margin-top: 85px;
    width: 230px;
    position: absolute;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 10pt;
    min-height: 400px;
    height: auto;
    _height: 410px;
}

#books_menu ul {
    margin: 0px;
    padding: 15px;
    list-style-type: none;
}

#books_menu ul li ul {
    display: none;
}

#books_menu ul li.selected a {
    color: #5397C9;
}

#books_menu ul li.selected ul {
    display: block;
}

#books_menu ul li ul li.selected {
    margin-left: -30px;
    padding-left: 20px;
    border-left: 10px #5FACE4 solid;
}

#books_menu ul li.selected ul li a {
    color: #666666;
}

#books_menu a {
    text-decoration: none;
    color: #666666;
}

#books_menu a:hover {
    color: #5397C9;
    text-decoration: underline;
}

/* Основное содержание
-----------------------------------------------------------------------------*/
#content {
    margin: 0px;
    padding: 0px 15px 25px 230px;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 10pt;
    min-height: 520px;
    height: auto;
    _height: 530px;
}

#content p, #content li {
    font-size: 10pt;
    line-height: 14pt;
}

#content blockquote {
    width: 60%;
    margin-right: 0%;
    margin-left: 40%;
    text-align: right;
    font-style: italic;
}

#content h1 {
    margin: 25px 0px 35px -215px;
    height: 40px;
    padding: 0px 0px 0px 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24pt;
    font-weight: normal;
    background-color: #5FACE4;
    color: #ffffff;
}

#content h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 19pt;
    font-weight: normal;
}

#content h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16pt;
    font-weight: normal;
}

#content img {
    border: none;
}

/* Таблицы
-----------------------------------------------------------------------------*/

#content table {
    width: 100%;
    border-top: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    border-collapse: collapse;
    margin: 0px 0px 20px 0px;
}

#content table caption {
    text-align: left;
    font-style: italic;
    padding: 10px 0px 20px 0px;
}

#content table tr.highlight {
    background-color: #f0f0f0;
}

#content table thead {
    background-color: #c0c0c0;
    border-bottom: 1px #000000 solid;
}

/* Счетчики
-----------------------------------------------------------------------------*/
#counters {
    position: absolute;
    width: 230px;
    padding-left: 60px;
    margin-top: -180px;
}

/* Копирайты
-----------------------------------------------------------------------------*/
#copyright {
    width: 100%;
    height: 55px;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 8pt;
    background-color: #f0f0f0;
    border-top: 5px #3E5256 solid;
}

#copyright ul {
    margin: 0px 0px 0px 18px;
    padding: 8px 0px 10px 212px;
    border-left: 1px #c0c0c0 solid;
}

#copyright ul li {
    list-style-type: none;
}

#copyright a {
    color: #000000;
    text-decoration: none;
}

#copyright a:hover {
    text-decoration: underline;
}

/* Корректируем ошибки IE6
-----------------------------------------------------------------------------*/
* html #second_menu { 
    left: 0px;
}
