/* Элементы, в которых не указывается расположение, границы и прочее */

a
{
color: #c00;
text-decoration: underline;
}

a:hover
{
color: #300;
text-decoration: underline;
}

a#upperlevel
{
color: #333;
}

img
{
border: none;
}

.pseudo
{
color: #c00;
text-decoration: none;
border-bottom: 1px dashed #c00; 
cursor: pointer;
}

.pseudo:hover
{
color: #300;
text-decoration: none;
border-bottom: 1px dashed #300; 
cursor: pointer;
}

.mouseover
{
color: #333;
text-decoration: none;
border-bottom: 1px dashed #c00; 
cursor: pointer;
}

.mouseover:hover
{
color: #333;
text-decoration: none;
border-bottom: 1px dashed #f00; 
cursor: pointer;
}

.text /* сплошной набор */
{
font-family: georgia;
font-size: 16px;
line-height: 22px;
color: #333333;
}

.mtext /* Текст для примечаний */
{
font-family: verdana;
font-size: 9px;
line-height: 14px;
color: #555;
}

h2 /* маленький заголовок */
{
font-family: georgia;
font-size: 18px;
line-height: 23px;
margin: 18px 0 4px 0;
color: #333;
font-weight: bold;
}

.uppercase /* Капитель в тексте */
{
letter-spacing: 2px;
text-transform: uppercase;
font-size: 13px;
}

.overflow
{
overflow-x: hidden;
}

ol
{
padding: 0px 0 0px 40px;
margin: 8px 0 24px 0px;
line-height: 28px;
}

/* Начало свойств для ненумернованных списков с длинными тире в качестве указателя */

ul, ol
{
margin-top: 12px;
margin-bottom: 32px;
line-height: 28px;
left: -41px;
position: relative;
}

ul li
{
list-style-type: none;
text-indent: -1.33em;
behavior: expression(!this.before? this.before = this.innerHTML = '<span style="margin: 0 0.33em 0 0;">—</span>' + this.innerHTML : '');
}

ul li:before 
{
content: '—';
margin-right: 0.33em;
}

/* Конец свойств списка */





/* Элементы, в которых указаны параметры их расположения на странице */

p
{
margin: 23px 0 0 0;
}

h1 /* большой заголовок, с учетом расположения */
{
display: block;
font-family: georgia;
font-size: 24px;
line-height: 32px;
font-weight: bold;
color: #333;
margin: 50px 0 20px 160px;
width: 560px; 
letter-spacing: 0px;
}

.h1left /* большой заголовок, слева */
{
display: block;
font-family: georgia;
font-size: 24px;
line-height: 32px;
font-weight: bold;
color: #333;
margin: 50px 0 5px 40px;
width: 560px; 
letter-spacing: 0px;
}


.left /* Левый блок для дополнительной информации, с учетом расположения */
{
text-align: left;
margin: 0 40px 0 40px;
font-family: arial;
font-size: 13px;
line-height: 17px;
color: #555;
}

.run-in /* Левый блок для вынесенного заголовка, с учетом расположения */
{
text-align: right;
margin: -1 18px 0 0;
font-family: georgia;
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #333;
}

.outdent /* Левый блок для вынесенного за текст значка, тире, стрелочки, с учетом расположения */
{
text-align: right;
margin: -1 6px 0 0;
font-family: georgia;
font-size: 18px;
line-height: 23px;
color: #333;
}

.minitext /* Текст в правом блоке, с учетом расположения */
{
font-family: arial;
font-size: 13px;
line-height: 17px;
color: #555;
padding: 2px 40px 0 40px;
}

.counter /* Счетчик */
{
padding: 0 0 0 200px;
}



/* Теперь пойдут элементы, которые много раз повторялись, и потому были вытащены в CSS*/

.table
{
display: table;
}

.t
{
display: table-row;
}

.tc
{
display: table-cell;
vertical-align: top;
}

.left1
{
display: table-cell;
vertical-align: top;
width: 200px;
}

.center1
{
display: table-cell;
vertical-align: top;
width: 520px; 
padding: 0 0 30px 0;
}

.right1
{
display: table-cell;
vertical-align: top;
width: 280px; 
}

.columns
{
display: table;
padding: 16px 0 32px 0; 
}

.m2
{
display: table-cell; 
width: 160px; 
vertical-align: top;
}

.m2t
{
padding: 0 0 0 40px; 
font-family: arial; 
font-size: 11px;
}

.m2w
{
padding: 0 0 4px 0;
}

.m3
{
display: table-cell; 
width: 200px; 
vertical-align: top;
}

.m3t
{
padding: 0 0 0 40px; 
font-family: arial; 
font-size: 13px;
}

.m3w
{
padding: 0 0 5px 0;
}

.m4
{
display: table-cell; 
width: 280px; 
vertical-align: top;
}

.m4t
{
padding: 0 0 0 40px; 
font-family: georgia; 
font-size: 13px;
}

.m4w
{
margin: 0 0 6px 0;
}

.m5
{
display: table-cell; 
width: 440px; 
vertical-align: top;
}

.m5t
{
padding: 0 0 0 40px; 
font-family: arial; 
font-size: 14px; 
line-height: 20px;
}

.m5w
{
padding: 0 0 7px 0;
}

.m6
{
width: 920px;
}

.m6padding
{
padding: 16px 0 9px 40px;
}

.m7
{
width: 100%; 
padding: 16px 0 9px 0; 
overflow: hidden;
}

.mgiant
{
padding: 0 0 32px 200px; 
display: block;
}

.mgiantext
{
font-family: georgia;
font-size: 16px;
line-height: 22px;
color: #333333;
width: 520px;
}




/* Встречаются по одному разу на странице */

#logowidth
{
width: 520px;
}

#logomargin
{
margin: 80px 0 0 80px;
}

#menu
{
font-family: georgia; 
font-size: 18px; 
line-height: 18px; 
color: #333; 
width: 480px; 
padding: 95px 0 0 0;
}

#menu #passive
{
display: table-cell; 
text-decoration: none; 
color: #999999;
}


#hr
{
border-bottom: 
1px solid #ccc; 
margin: 90px 0 20px 0;
}

#hr2
{
border-bottom: 
1px solid #ccc; 
margin: 0px 40px 20px 40px;
}

#navwidth
{
width: 480px;
}

.tc32
{
display: table-cell; 
width: 32px;
}

.arrow
{
vertical-align: top; 
display: table-cell; 
width: 32px; 
font-family: 
arial; 
font-size: 16px;
}