html, body {height: 100%;}
#layout {min-height: 100%; border: 0px solid red;}
*html #layout {height: 100%;}

#footer {background: url(../images/footer.png) repeat-x; height: 38px; border: 0px solid red; margin-top: -38px;
font-size: 11px; font-family: Arial,Helvetica,sans-serif; text-align: center; }

#header {background: url(../images/first.jpg) repeat-x; height: 165px;border: 0px solid red; }

#logo {background: url(../images/bird.jpg) no-repeat; width: 341px; height: 212px;
position: absolute; left: 0px; top: 0px;}

#header h3 { margin-left: 346px; color: black; background: url(../images/title.png) no-repeat 0 0px; padding-top: 6px; white-space: nowrap;
border: 0px solid red; min-width: 610px; 
}

#header h3 #year {
padding-top: 60px; border: 0px solid red; margin-left: 226px; display: inline-block; 
background: url(../images/rost.jpg) no-repeat 0 60px; 
    padding-bottom: 24px;
padding-left: 34px; text-align: right;}

#header .nav { border: 0px solid red; margin-left: 341px; }
#header .nav a {color: #4a0508; font-weight: bold; padding-top: 20px; display: block; padding-bottom: 6px; border: 0px solid red; }

#header .nav td {border-right: 0px solid #4a0508; padding: 0px 3px 1px 8px; background: url(../images/sep.gif) no-repeat 0 100%; }
#header .nav td.first {background-image: none}

#header .nav td.active a {background: url(../images/active.gif) repeat-x; text-decoration: none}

#content {border: 0px solid red; padding-top: 50px; padding-bottom: 40px;}
#content #nav {float: left; }
#nav li {background: url(../images/leaf_free.png) no-repeat; height: 75px; font-weight: bold; padding-left: 32px; padding-top: 32px; width: 210px;}

#nav li.active {background: url(../images/leaf.png) no-repeat; position: relative; height: 88px; margin-bottom: -13px;}

#nav li a {display: block; color: #680000; font-size: 18px; }
#nav li.active a {text-decoration: none}

/* Содержание */ 
#left h3 {padding-bottom: 20px; }
#left {padding-left: 240px; padding-right: 60px;}
#left p {padding-bottom: 20px;}
#left a {color: #680000; font-weight: bold}
#left a.ext {color: blue; font-weight: normal}
/*#left em {font-style: normal;} */

#left .box {background: url(../images/sq.png) no-repeat 0 1px; text-indent: 15px;}

#header h3 #year a {color: black; border: 0px solid red; padding-top: 60px;}

#header #other {border: 0px solid red; margin-top: -42px; padding-right: 10px;
color: black; font-weight: bold; background-image: none; text-align: right; display: block; float: right;
padding-bottom: 20px; width: 920px; }

.num {
	border-bottom:1px solid #DDDDDD;
}
table.border td.num {font-size:28px;padding:0 10px 0;vertical-align:middle;}
table.border td {border-bottom:1px solid #DDDDDD;}
.variant {padding:0 0 0 10px;
}
.variant {margin:3px 0 0 15px;text-indent:0;vertical-align:middle;}

#footer {position: relative;}
#footer #rambler {border: 0px solid red;  vertical-align: middle; float: right; top: 2px; width: 10%}
#footer #copyright {width: 100%; top: 10px; min-width: 400px; position: absolute; left: 0px}
#footer #other {width: 20%; top: 10px;}
#footer a {color: black; font-weight: bold; position:relative; top: 0px; float: left; display: block;
border: 0px solid red;}