html, body
{
	margin: 0;
	padding: 0
}

body 
{
background-image: url("http://orie.msk.ru/picture/lib/back8.gif");
font-family: verdana,helvetica,arial,sans-serif;
color: #206070;
}

div#box, div#nav, div.rib
{
background-color: #c2c2fc;
border-color: #0080A0; 
border-style: solid; 
}

div#nav, div.rib
{
padding: 0 0 0 0;
}

div#box, div#nav
{
margin-left: 1%;
margin-right: 1%;
border-width: 0.1em 0.1em 0.1em 0.1em;
text-align: justify;
}

div#box
{
padding: 2em 2em 2em 2em;
}

div#nav
{
margin-top: 1%;
height: 1.3em;
}

div.rib 
{
border-width: 0 0 0 0;
width: auto;
float: left
}

div.empty
{
background-color: #c2c2fc;
border-width: 0 0 0 0;
height: 1em;
float: left;
width: 7%
}

div.picture
{
padding 0.5em 0.5em 0.5em 0.5em
}


a, p.forrib
{
font-weight: bold
}

a:link 
{
color: #0062b6
}

a:visited 
{
color: #404859
}

a:hover 
{
color: #A080AA
} 

a:active 
{
color: #DC143C
}

h1
{
margin-left: 0.5em;
font-size: 150%
}

h2
{
margin-left: 1.5em;
font-size: 120%
}

h3
{
margin-left: 2.5em;
font-size: 110%
}

p
{
margin-left: 5em;
margin-right: 5em
}

ul
{
margin-left: 5em
}

p.big
{
font-size: 150% 
}

p.picture, p.motto
{
text-align: center
}

p.motto
{
font-style: italic;
font-weight: bold;
}

p.excl, li.excl, a.excl
{
color: red
}

p.comment
{
margin-left: 8em;
margin-right: 8em;
font-size: 60%;
}

p.button
{
margin-left: 0;
margin-right: 0;
text-align: center;
margin-top: 30%;
}

div#contacts
{
text-align: center
}