/* BASIC ELEMENTS ***********************************************************************************/
html {min-height:100%; overflow-y:scroll}
body {height:100%; margin:0}
body {font-family:Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.3}
p {margin-top:0; margin-bottom:1em; font-size:1.6em}
h1 {margin-top:0; margin-bottom:1em; font-size:2.4em}
h2 {font-size:1.7em; margin-top:0; margin-bottom:0.5em}
ul {padding-left:1.6em}
li {font-size:1.6em; margin-bottom:0.5em}
a {color:#3f5f1f}
a:hover {text-decoration:none}

/* COMMON FORMATS ******************************************************************************/
.centre {text-align:center}
.right {text-align:right}
.bold {font-weight:bold}
.smaller {font-size:1.2em}
.times {font-family:"Times New Roman", Times, serif}
div.close p {margin-bottom:0}
.floatleft {float:left}
.floatright {float:right}
.footnote {margin-top:-10px; margin-left:20px; font-size:1.2em}

.button {display:inline-block; background-color:#d9ecc6; border-radius:0.5em}
.button a {display:inline-block; padding:0.3em; text-decoration:none; color:#000000; border-radius:0.5em}
.button a:hover {background-color:#e0d0d0}

.links5 a {color:#004c99}
.links5 a:hover {text-decoration:none}

/* TEMPLATE ******************************************************************************/
.width {padding:0 10%}

#banner {height:90px; background-color:#d9ecc6; padding-top:1em; padding-bottom:1em; overflow:hidden}
#title1 {font-size:2.4em; margin-bottom:0}
#title2 {margin-bottom:0}

#cloud {float:right; width:25%; height:80px; font-family:"Times New Roman"; color:#333333; line-height:1; overflow:hidden}
.fs1 {font-size: 1.2em}
.fs2 {font-size: 1.4em}
.fs3 {font-size: 1.8em}
.fs4 {font-size: 2.0em}
.fs5 {font-size: 2.2em}
.fs6 {font-size: 2.4em}

div.stripe {height:4em; line-height:4em; background-color:#e0d0d0; border-top:1px black solid; border-bottom:1px black solid}
div.stripe a {display:inline-block; padding:0 0.5em; color:black; text-decoration:none}
div.stripe a:hover {background-color:#d9ecc6}
ul.horizontal {margin:0; padding:0; white-space:nowrap}
ul.horizontal li {list-style-type:none; display:inline}

#middle {width:80%; padding-top:5em; padding-bottom:2em; background-color:#ffffff; overflow:hidden}
#content {float:left; width:65%}

#sidebar {float:right; width:25%; padding-top:1.5em}
#sidebar ul {margin-left:0}
#sidebar li {display:block; list-style-type:none; margin:0.3em 0; background-color:#d9ecc6; border-radius:0.5em}
#sidebar a {display:block; padding:0.3em 0 0.3em 1em; text-decoration:none; color:#000000; border-radius:0.5em}
#sidebar a:hover {background-color:#e0d0d0}

#bottomstripe {margin-top:2em; text-align:center}
#bottomstripe a {font-size:1.6em}
#bottom {padding-top:2em; padding-bottom:3em; font-size:1.2em}

/* CAPSULES *****************************************************************************/
.table1 {border-collapse:collapse; border:1px #000000 solid; margin:0 0 1em 1em; font-size:1.6em}
.table1 td {padding:0.5em 1em; background-color:#d9ecc6}

.declension {border-collapse:collapse; margin:0 0 1em 1em; font-size:1.6em}
.declension th {text-align:left; vertical-align:top; padding:0.5em 1em}
.declension td:first-child {background-color:#ffffff; border:0}
.declension td {padding:0.5em 1em; vertical-align:top; background-color:#d9ecc6; border:1px #000000 solid}
.declension td span {color:#993333}
.declen1 {width:120px}
.declen2 {width:150px}

.conjugation {border-collapse:collapse; margin:0 0 1em 1em; font-size:1.6em}
.conjugation th {text-align:left; vertical-align:top; padding:0.5em 1em}
.conjugation td {padding:0.5em 1em; vertical-align:top; background-color:#d9ecc6; border:1px #000000 solid}
.conjugation td span {color:#993333}

.capsule {margin:0 0 1em 1em; font-size:1.6em; border:1px #000000 solid; padding:0.5em 1em; background-color:#d9ecc6; font-weight:bold}

.frequent {margin:0 0 2em 0; overflow:hidden}
.frequent2 {width:48%; background-color:#d9ecc6}
.list2 {padding:1em}
.list2 p {margin-bottom:0.5em; text-indent:-1em; padding:0 1em}
.list2 span {margin-right:1em; font-weight:bold}

/* HOME PAGE *****************************************************************************/
#shevelov {margin:2em 10em 2em 6em}

/* MEDIA QUERIES ****************************************************************************/
@media print {
html {padding-bottom:0}
#banner {display:none}
#topstripe {display:none}
#sidebar {display:none}
#bottomstripe {display:none}
#content {width:100%; margin:0; float:none}
}