html, body { height: 100%; margin: 0; padding: 0}

body {
    background: url("images/bg_grey.gif");
    color: #003366;
    font-family: Arial, Helvetica, sans-serif
    font-size: 10pt
}

A:link, A:visited, A:active {
 font-size: 10pt;
 color: #003366
}
A:hover {
 color: #0066FF;
 font-size: 10pt
}
.main {
 width: 100%;
 border-collapse: collapse;
 height:100%;
}
 
 
.pLeftUp {
    background: transparent url("images/corner_1.gif");
    width: 25px;
    height: 25px;
    margin: 0pt;
    padding: 0pt;
    border: 0pt none
}
.pRightUp {
    background: transparent url("images/corner_2.gif");
    width: 25px;
    height: 25px;
    padding: 0pt;
    border: 0pt none
}
.pLeftDown {
    background: transparent url("images/corner_4.gif");
    width: 25px;
    height: 25px;
    padding: 0pt;
    border: 0pt none
}
.pRightDown {
    background: transparent url("images/corner_3.gif");
    width: 25px;
    height: 25px;
    padding: 0pt;
    border: 0pt none
}
.pUp, .pDown {
    background: transparent url("images/bg_grey.gif");
    height: 25px;
    padding: 0pt;
    border: 0pt none
}
.pLeft, .pRight {
    background: transparent url("images/bg_grey.gif");
    width: 25px;
    padding: 0pt;
    border: 0pt none
}
.pMiddle {
    background: transparent url("images/bg_grey.gif");
    padding: 0pt;
    border: 0pt none
}
p.corner {
    width: 25px;
    height: 25px;
    margin: 0pt;
    padding: 0pt
}
.header {
    background: transparent url("images/bulletin.gif");
    width: 380px;
    height: 204px;
    border: 0pt none
}
.htop {
    vertical-align: top;
    height: 35px;
    text-align: center;
    background: transparent none
}
.hmiddle {
    vertical-align: middle;
    text-align: center;
    background: transparent none
}
.hbottom {
    vertical-align: bottom;
    height: 20px;
    text-align: center;
    background: transparent none
}
.navbar {
    background: transparent;
    border: 0pt none
}
.navbarcell {
    vertical-align: middle;
    border: 0pt none;
    font-size: 13.5pt;
    white-space: nowrap
}
p.textheader {
    text-align: center;
    font-size: 8pt
}
p.equation {
    text-align: center;
    font-size: 12pt;
    font-family: Times
}
p {
    font-size: 10pt;
    text-align: justify;
    margin: 0pt 0pt 6pt 0pt
}
h1 {
    text-align: center;
    font-size: 14pt;
    font-weight: bold
}
h2 {
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    margin: 20pt 0pt 6pt 0pt
}
h3 {
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    margin: 14pt 0pt  4pt 0pt
}
.figure {
    text-align: center;
    margin: 12pt 0pt 3pt 0pt;
    border: 0pt none
}
.label {
    text-align: center;
    margin: 3pt 0pt 12pt 0pt;
    color: #666666
}
center { font-size: 100% }
table.tbl {
    background: #EEEEEE none;
    border: 1px solid;
    margin: 6pt 0pt;
    border-color: #FFF #777 #777 #FFF
}
table.tbl td {
    text-align: center;
    font-size: 10pt;
    border: 1px solid;
    padding: 6pt;
    border-color: #777 #FFF #FFF #777
}
table.tbl th {
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    background-color: #99CCFF;
    border: 1px solid;
    padding: 6pt;
    white-space: nowrap;
    border-color: #777 #FFF #FFF #777
}
table.tbl th.left { text-align: left }
table.tbl td.left { text-align: left }
table.outline { border: 0px; margin: 6pt 0pt}
table.outline td { text-align: left; font-size: 10pt; vertical-align: top; border: 0px; padding: 1pt}
.ideas { background: #336699 none; border: 0pt none }
.ideas td { padding: 10pt }
.ideas p { margin: 0pt 0pt 6pt 0pt; color: white }
.ideas p.centered { margin: 0pt 0pt 6pt 0pt; color: white; text-align: center; }
table.references { font-size: 10pt; border: 2px solid #336699; background: #EEEEEE none }
table.references td { padding: 8pt}
ul, ol { font-size: 10pt; margin: 2pt 0pt 2pt 5ex; padding: 0pt }

SPAN.hint
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 10px;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: black 1px solid;
    WIDTH: 400px;
    COLOR: black;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: black 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    font-size: 10pt;
    POSITION: absolute;
    BACKGROUND-COLOR: #99CCFF;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
SPAN.hint HR
{
    WIDTH: 80%;
    COLOR: black;
    HEIGHT: 1px
}

B A.tip
{
    MARGIN-RIGHT: 2pt
}
EM A.tip
{
    MARGIN-RIGHT: 2pt
}
DIV.Ov
{
    MARGIN-BOTTOM: 5px;
    WIDTH: 100%;
    TEXT-ALIGN: left
}
DIV.Ov SPAN
{
    FONT-SIZE: 8pt;
    MARGIN-LEFT: 40%;
    COLOR: #a0a0a0
}
DIV.OvBorder
{
    BORDER-RIGHT: #c7d0ff 1px solid;
    BORDER-TOP: #c7d0ff 1px solid;
    BORDER-LEFT: #c7d0ff 1px solid;
    BORDER-BOTTOM: #c7d0ff 1px solid;
    TEXT-ALIGN: left
}
DIV.OvTitle
{
    MARGIN-LEFT: 7px
}
DIV.OvDescr
{
    MARGIN-BOTTOM: 3px;
    MARGIN-LEFT: 7px;
    COLOR: black;
    TEXT-DECORATION: none
}


.navlinks {
position : absolute;
top : 0px;
left : 0px;
padding: 0px;
width : 150px;
height: 100%;
background: url("images/bg_grey.gif");
background-repeat: repeat-y
}

.mainuvod {
position : absolute;
top : 0px;
left : 150px;
bottom: 0px;
right: 0px;
background: url("images/bg_frost.jpg");
overflow : visible;
height: 100%;
}

.bckgr {
 background: url("images/bg_frost.jpg");
 width : 100%;
 margin: auto;
 height:100%;
}