@font-face { font-family:teonote; src:url(TeoNote.ttf) }
html { overflow-x:hidden }
body { background:url(img/pattern.png) }
img { border:0 }
a { color:blue; text-decoration:none } a:hover { color:red }
h1 { text-align:center; font-size:16pt; line-height:1.5 }
h2 { padding-left:38px; font-size:14pt }
h3 { padding-left:60px; font-size:13pt }
p { text-indent:20px; line-height:1.4; margin:7px }
i { line-height:1.4; margin:1px }
u { text-decoration:none; box-shadow:inset 0 -1.5px #aaa }
f { background-color:#fff3bf }
g { font:13pt cambria }
gr { font:12pt cambria }
.no { text-indent:0; line-height:1.3 }
.bi { text-indent:0; line-height:1.3 }
pre { background-color:#e6e6fa; border:1px dashed red; padding:5px; -moz-text-shadow:0 1px 0 #fff; -webkit-text-shadow:0 1px 0 #fff; text-shadow:0 1px 0 #fff }
#mnu li { list-style:none; float:left }
#mnu li a { display:block; padding:6px 14px; background-color:#f4f4f4; border:1px solid #ddd }
#mnu div { z-index:2; position:absolute; visibility:hidden }
#mnu div a { position:relative; display:block; border-top-style:hidden; width:auto }