html, body {
height: 100%; border: 0;
}
* {
margin: 0; padding: 0;
}
img {
border: 0;
}
body { 
color: #000; 
text-align: center;
font: normal 12px/1.5 georgia, tahoma, arial;
}
#outside {
width: 1003px;
margin: auto;
background: #dadada url(/i/vert.png) center top repeat-y;
}
#head_out {
float: left;
height: 100px;
width: 1003px;
margin: auto;
text-align: center;
background: #dadada url(/i/back_logo.png) center 65px no-repeat;
}
#head_out p {
float: left;
font: normal 12px/1.5 georgia, tahoma, arial;
}
#top_head span {
font: normal 14px/1.5 "Trebuchet MS", tahoma, arial;
}
#top_head p {
float: left;
font: normal 20px/1.5 "Trebuchet MS", tahoma, arial;
}
#top_head {
width: 1003px;
height: 58px;
padding-top: 2px;
background: #003366;
border-bottom: 1px solid #ffcc00;
color: #fff;
}
#header {
display:none;
height: 183px;
width: 1003px;
margin: auto;
text-align: center;
background: url(/i/header_ru_first.jpg) top no-repeat;
}
#menu {
float: left;
width: 1003px;
margin: auto;
background: #136b71;
border-top: 1px solid #ffcc00;
}
pre {
background: #fff;
padding-left: 60px;
}
#main {
float: left;
width: 590px;
margin: auto;
margin-bottom: 30px;
text-align: left;
padding: 0 15px 10px 15px;
border-top: 10px solid #dadada;
}
.tema {
font-family: arial, "Trebuchet MS";
}
#main p {
margin: 0;
padding: 10px 20px;
background: #fff;
text-align: justify;
}
#main p.heading {
text-align: center;
padding-top: 0;
margin-top: 8px;
font: normal 17px/1.3 "Trebuchet MS";
color: #fff;
background: transparent;
border-bottom: 1px solid #336699;
}
#main p b {
color: #336699;
}
#main p.logo {
background: transparent;
text-align: center;
}
#main_left {
float: left;
width: 183px;
margin: auto;
text-align: center;
margin-left: 8px;
_margin-left: 4px;
border-top: 10px solid #dadada;
}
#main_right {
float: left;
width: 183px;
margin: auto;
text-align: center;
border-top: 10px solid #dadada;
}
#main a, #main_right a {
color: #800;
text-decoration: underline;
}
#main a:hover, #main_right a:hover {
text-decoration: none;
}
a#request {
color: #ffcc00;
text-decoration: underline;
} 
.one1, .one2, .one3, .one4, .one5 {
width: 183px;
text-align: center;
margin: auto;
margin-bottom: 20px;
background: #fff;
}
.one1 .tp, .one2 .tp, .one3 .tp, .one4 .tp, .one5 .tp {
text-align: center; 
height: 27px;
padding: 0 0 15px 0;
_padding: 0 0 10px 0; 
font: normal 18px/1.5 Trebuchet MS; 
color: #fff;
}
.one1 p, .one1 p, .one2 p, .one3 p, .one4 p, .one5 p {
text-align: left;
padding: 0 8px 10px 10px;
}
.one1 { 
border-bottom: 3px solid #89a213;
}
.one1 .tp {
background: #89a213;
}
.one2 {
border-bottom: 3px solid #336699;
}
.one2 .tp {
background: #2e5c8a;
}
.one3 {
border-bottom: 3px solid #a9a456;
}
.one3 .tp {
background: #a9a456;
}
.one4 {
border-bottom: 3px solid #a88200;
}
.one4 .tp {
background: #a88200;
}
.one5 {
border-bottom: 3px solid #800;
}
.one5 .tp {
background: #800;
}
.one5 p {
color: #ffcc00;
}
.one2 p a {
text-decoration: underline;
color: #800;
}
.one2 p a:hover {
text-decoration: none;
color: #336699;
}
#footer {
clear: both;
width: 1003px;
height: 42px;
text-align: center;
padding-top: 18px;
color: #ccc;
border-top: 1px solid #ffcc00;
background: #003366;
font: normal 13px/1.5 "Trebuchet MS";
}
#footer a {
text-decoration: underline;
color: #ccc;
}
#footer a:hover {
color: #fff;
text-decoration: none;
}
#flag {
float: right;
width: 700px;
text-align: right;
padding-top: 27px;
padding-right: 42px;
}
#back {
float: left;
width: 120px;
height: 151px;
}
body#docs a.a-docs, body#instr a.a-instr {
color: #336699;
text-decoration: none;
}
body#history li.mn a.a-history b, body#sponsor li.mn a.a-sponsor b, body#congress li.mn a.a-congress b, body#press li.mn a.a-press b, body#plan li.mn a.a-plan b, body#contacts li.mn a.a-contacts b, body#organizers li.mn a.a-organizers b {
color: #ffcc00;
}
body#plan #search-label, body#first #search-label, body#docs #search-label, body#instr #search-label {
color: #fff;
}
body#history #header {
background: url(/i/header_ru_history.jpg) top no-repeat;
}
body#congress #header {
background: url(/i/header_ru_saiga.jpg) top no-repeat;
}
body#sponsor #header {
background: url(/i/header_ru_sponsor.jpg) top no-repeat;
}
body#plan #header {
background: url(/i/header_kutuzov.jpg) top no-repeat;
}
body#press #header {
background: url(/i/header_ru_press.jpg) top no-repeat;
}
body#organizers #header {
background: url(/i/header_ru_organizers.jpg) top no-repeat;
}
body#contacts #header {
background: url(/i/header_ru_congress.jpg) top no-repeat;
}
ul#nav {
display: block;
width: 1003px;
float: left;
margin: auto;
text-align: center;
color: #99cc99;
font: normal 16px/1.5 "Trebuchet MS";
list-style: none;
}
ul#nav li.mn {
display: block;
float: left;
width: 143px;
height: 28px;
position: relative;
list-style: none;
text-align: center;
}
ul#nav li.mn a {
text-decoration: none;
color: #fff;
}
ul#nav li.mn a:hover {
text-decoration: underline;
color: #ffcc00;
}
ul#nav li.mn a.a-history:hover, ul#nav li.mn a.a-congress:hover, ul#nav li.mn a.a-sponsor:hover, ul#nav li.mn a.a-plan:hover, ul#nav li.mn a.a-press:hover, ul#nav li.mn a.a-contacts:hover, ul#nav li.mn a.a-organizers:hover {
text-decoration: none;
color: #fff;
}
ul#nav li.mn a b {
font: bold 15px/1.5 "Trebuchet MS";
color: #fff;
}
ul#nav li.mn a:hover b {
font: bold 15px/1.5 "Trebuchet MS";
color: #ffcc00;
}
li ul {
position: absolute;
top: 28px;
left: 0;
display: none;
list-style: none;
background: #136b71;
border-bottom: 4px solid #ffcc00;
}
ul li.inside, ul.spons li.inside, ul.plan li.inside, ul.congress li.inside, ul.privet li.inside, ul.press li.inside, ul.organizers li.inside {
display: block;
height: 20px;
text-align: left;
padding-left: 10px;
}
ul.spons li.inside {
width: 196px;
}
ul.plan li.inside {
width: 159px;
}
ul.congress li.inside {
width: 185px;
}
ul.privet li.inside {
width: 182px;
}
ul.press li.inside {
width: 110px;
}
ul.organizers li.inside {
width: 185px;
}
ul li.inside a {
text-align: left;
font: normal 14px/1.5 "Trebuchet MS";
color: #fff;
}
ul li.inside a:hover {
color: #ffcc00;
text-decoration: none;
}
* html ul li {
float: left; 
height: 1%;
}
* html ul li a {
height: 1%;
}
li:hover ul, li.over ul {
display: block;
}
.tab {
float: left;
width: 570px;
padding-left: 20px;
padding-top: 10px;
margin: auto;
background: #fff;
}
.tabh {
float: center;
width: 570px;
padding-left: 20px;
padding-top: 10px;
margin: 0;
background: #fff;
}

table#reg {
float: left;
width: 550px;
background: #003366;
}
table#reg td {
background: #fff;
padding: 5px 2px 0 3px;
}
span.red {
color: #cc0000;
}
span.headline {
padding: 0 10px 1px 10px;
color: #ffcc00;
}
span.orange {
background: #ff9966;
padding: 0 5px;
}
span.beige {
background: #ffcc99;
padding: 0 5px;
}
span.blue {
background: #99ccff;
padding: 0 5px;
}
span.green {
background: #99ff99;
padding: 0 5px;
}
.imgone {
float: left; 
margin: 0 8px 0 0; 
}
b.rtop01, b.rtop02, b.rtop03, b.rtop04, b.rtop05 {
display: block;
background: #dadada;
}
b.rtop01 b {
display: block;
height: 1px;
overflow: hidden; 
background: #89a213;
}
b.rtop02 b {
display: block;
height: 1px;
overflow: hidden; 
background: #2e5c8a;
}
b.rtop03 b {
display: block;
height: 1px;
overflow: hidden; 
background: #a9a456;
}
b.rtop04 b {
display: block;
height: 1px;
overflow: hidden; 
background: #a88200;
}
b.rtop05 b {
display: block;
height: 1px;
overflow: hidden; 
background: #800;
}
b.r1 { 
margin: 0 5px;
}
b.r2 { 
margin: 0 3px;
}
b.r3 {
margin: 0 2px;
}
b.rtop01 b.r4, b.rtop02 b.r4, b.rtop03 b.r4, b.rtop04 b.r4, b.rtop05 b.r4 {
margin: 0 1px;
height: 2px;
}
#search-label {
color: #003366;
font: bold 14px/1.5 "Trebuchet MS";
}
form input#search-input {
background-color: #deeaed;
height: 15px;
padding: 2px;
width: 150px;
border-bottom: 1px solid #336699;
border-left: 1px solid #336699;
border-right: 1px solid #336699;
border-top: 1px solid #336699;
}
form input#search-button {
background-color: #136b71;
color: #deeaed;
padding: 1px;
height: 21px;
width: 55px;
font-weight: bold;
border-bottom: 1px solid #336699;
border-left: 1px solid #336699;
border-right: 1px solid #336699;
border-top: 1px solid #336699;
cursor: pointer;
cursor: hand;
}



div#bigpost {
width: 567px;
background-color: #fff;
padding-left: 23px;
margin: auto;
border-bottom: 3px solid #336699;
}
p.post {
text-align: left;
width: 437px;
}
select {
width: 195px;
height: 21px;
}
input {
height: 17px;
}
input#submit, .btn {
text-align: center;
width: 140px;
height: 23px;
font: bold 11px/1.3 Verdana, Arial, Helvetica, Georgia;
padding-bottom: 3px;
margin-bottom: 20px;
margin-right: 0px;
}
input.btn {
width: 140px;
height: 23px;
font: 11px/1.3 Verdana, Arial, Helvetica, Georgia;
margin-bottom: 20px;
padding-bottom: 3px;
margin-right: 124px;
}
textarea
{ /* These styles will be applied to all browsers */
font-family: tahoma, verdana;
font-size: 10pt;
width: 410px;
height: 200px;
}
*:lang(ru) textarea
{ /* These styles will be applied to all browsers except for IE and Safari */
width: 412px;
}
textarea:empty
{ /* These styles will be applied to Safari */
width: 412px;
}
img.left, img.align-left, img.alignleft {
display:inline;
float:left;
margin:0 10px 5px 0;
}
style.css
.alignleft {
float:left;
}