* {
  background-color: #ffffff; color: #000000;
  text-align: left; vertical-align: top; font-size: 14px; 
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif, Sans Serif
}

.images { text-align: center }
.header { background-color: #20B2AA; color: #ffffff; font-size: 24px; font-weight: bold; text-align: left; vertical-align: top; padding-left: 10px; padding-top: 5px; padding-bottom: 5px}
.headers { background-color: #003399; color: #ffffff; font-size:14px; font-weight: bold; text-align: left; vertical-align: top; padding-left: 10px; padding-top: 5px; padding-bottom: 5px}
.slogan { background-color: #20B2AA; color: #ffffff; font-size: 14px; font-weight: normal; text-align: left; vertical-align: top; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 10px}
.search { background-color: #20B2AA; color: #ffffff; font-size: 14px; font-weight: normal; text-align: right; vertical-align: top; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 10px}
.footer { background-color: #20B2AA; color: #ffffff; font-size: 12px; font-weight: normal; text-align: left; vertical-align: top; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px}
.menubar { background-color: #003399; color: #ffffff; font-size: 12px; font-weight: bold; text-align: left; vertical-align: top; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px}
.menuitem { background-color: #003399; color: #ffffff; font-size: 12px; font-weight: bold; text-align: left; vertical-align: center; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px}
a.menuitem:link { color: #ffffff; padding-left: 0px; text-decoration: none}
a.menuitem:hover { color: #339966; padding-left: 0px; text-decoration: underline}
a.menuitem:visited { color: #ffffff; padding-left: 0px; text-decoration: none}
.maintext { padding-left: 10px;  padding-right: 10px; padding-top: 15px; padding-bottom: 15px}

p { font-size: 13px }
h1 { font-size: 20px }
a:link { color: #0033cc }
a:hover { color: #6699cc }
a:visited {color: #0033cc }
#content-bronze
{
    BORDER-RIGHT: goldenrod 3px solid;
    BORDER-TOP: goldenrod 8px solid;
    PADDING-LEFT: 10px;
    FONT-SIZE: 14px;
    MARGIN: 10px 10px 10px 10px;
    BORDER-LEFT: goldenrod 1px solid;
    BORDER-BOTTOM: goldenrod 3px solid
}
#content-silver
{
    BORDER-RIGHT: silver 3px solid;
    BORDER-TOP: silver 8px solid;
    PADDING-LEFT: 10px;
    FONT-SIZE: 14px;
    MARGIN: 10px 10px 10px 10px;
    BORDER-LEFT: silver 1px solid;
    BORDER-BOTTOM: silver 3px solid
}


#content-gold
{
    BORDER-RIGHT: gold 3px solid;
    BORDER-TOP: gold 8px solid;
    PADDING-LEFT: 10px;
    FONT-SIZE: 14px;
    MARGIN: 10px 10px 10px 10px;
    BORDER-LEFT: gold 1px solid;
    BORDER-BOTTOM: gold 3px solid
}

#content-sea
{
    BORDER-RIGHT: turquoise 3px solid;
    BORDER-TOP: turquoise 8px solid;
    PADDING-LEFT: 10px;
    FONT-SIZE: 14px;
    MARGIN: 10px 10px 10px 10px;
    BORDER-LEFT: turquoise 1px solid;
    BORDER-BOTTOM: turquoise 3px solid
}
#content-coral
{
    BORDER-RIGHT: coral 3px solid;
    BORDER-TOP: coral 8px solid;
    PADDING-LEFT: 10px;
    FONT-SIZE: 14px;
    MARGIN: 10px 10px 10px 10px;
    BORDER-LEFT: coral 1px solid;
    BORDER-BOTTOM: coral 3px solid
}
#content-easy
{
    BORDER-RIGHT: peachpuff 3px solid;
    BORDER-TOP: peachpuff 8px solid;
    PADDING-LEFT: 10px;
    FONT-SIZE: 14px;
    MARGIN: 10px 10px 10px 10px;
    BORDER-LEFT: peachpuff 1px solid;
    BORDER-BOTTOM: peachpuff 3px solid
}
#content-pink
{
    BORDER-RIGHT: pink 3px solid;
    BORDER-TOP: pink 8px solid;
    PADDING-LEFT: 10px;
    FONT-SIZE: 14px;
    MARGIN: 10px 10px 10px 10px;
    BORDER-LEFT: pink 1px solid;
    BORDER-BOTTOM: pink 3px solid
}
#toc2
{
    FLOAT: left;
    MARGIN: 20px 0px 10px;
    WIDTH: 200px
}
#toc2 DIV
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px
}
#toc2 DIV.panel
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 90%;
    BACKGROUND: #eee;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px 0px 15px;
    OVERFLOW: auto;
    PADDING-TOP: 2px;
    HEIGHT: 398px
}
#toc2 DIV#tagtitle
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 24px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #666 1px solid;
    moz-border-radius-topright: 7px
}
#toc2 #tagtitle
{
    BACKGROUND: url(tag.gif) #ded4c4 no-repeat 3px 4px
}
#content2
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    MARGIN: 20px 10px 10px 220px;
    PADDING-TOP: 10px
}
#content2 P.descr
{
    FONT-SIZE: 90%;
    MARGIN: 0px 0px 1em
}
.title
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    BACKGROUND: #f0f0f0;
    MARGIN-BOTTOM: 15px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #1e521b 2px solid
}