@font-face {
    font-family: Verdana ;
    src: url(verdana.ttf);
}
@font-face {
    font-family: VerdanaBold ;
    src: url(verdanab.ttf);
}
@font-face {
    font-family: VerdanaItalic ;
    src: url(verdanai.ttf);
}
@font-face {
    font-family: VerdanaItalicBold;
    src: url(verdanaz.ttf );
}

#container {
    width : 900pt;
    margin-left : auto;
    margin-right : auto;
    padding : 10pt;
    background-color : #f1e6be;
}
#content {
    margin-left : 200pt;
    border-left : solid #eeeeee;
    padding : 10pt;
    min-height : 550pt;
    background-color : #ffffff;
}
#navbar {
    float : left;
    width : 190pt;
}
#navbar ul {
    margin : 0;
    background-color : #f1e6be;
    padding : 0;
    list-style-type : none;
}
#navbar li a {
    font-family : VerdanaBold ;
    font-weight : normal ;
    font-size : 15pt ;
    width : 10em;
    margin : 0.2em 0 0.2em 0;
    padding : 0.2em 0.8em 0.2em 0.6em;
    color : #f1e6be;
}
#navbar li li a {
    width : 9em;
    margin : 0.2em 0 0.2em 0;

}
#navbar ul ul {
    margin-left : 1em
}
#navbar a {
    text-decoration : none;
    background-color : #990000;
    font-family : VerdanaBold ;
    font-weight : normal ;
    display : block;
    border-style : outset;
    border-width : 3pt;
}
#navbar li a:hover {
    border-style : inset;
    font-family : VerdanaBold ;
    font-weight : normal ;
    color : #ffffff ;
    background-color : #660000;
}
#navbar li li a:hover {
    font-family : VerdanaBold ;
    font-weight : normal ;
    background-color : #6a5acd;
    border-style : inset;
}
#navbar li a#current {
    background-color : #708090
}
#navbar li li a#subcurrent {
    background-color : #708090
}
body {
    background-image : url(svra.background2.jpg)
}

td {
    text-align : left;
    font-family : Verdana ;
border-collapse: collapse; border: 1px; box-shadow: 1px 2px 3px #ccc;
}
td.date {
    text-align : left;
background-color : #990000;
color : #ffffff ;
}
td.left {
    text-align : left;
    background-color : #ffffff;
    font-family : Verdana ;
}
td.heading {
    text-align : center;
    vertical-align : bottom;
    background-color : #eeeeee;
}
h1 {
    font-family : VerdanaBold ;
    font-weight : normal ;
    font-size : 30pt;
    font-variant : small-caps;
    background-color : #990000;
    text-align : center;
    border : 2pt solid #f1e6be;
}
p {
    font-family : Verdana ;
    font-size : 14pt;
}
li {
    font-family : Verdana ;
    font-size : 14pt;
}

p.corpinfo {
    font-family : Verdana ;
    font-size : 10pt;
    color : #990000;
    text-align : center;
}
h2 {
    font-family : VerdanaBold ;
    font-weight : normal ;
    font-size : 18pt;
}
h3 {
    font-family : VerdanaBold ;
    font-weight : normal ;
    font-size : 16pt;
}
caption {
    font-family : Verdana ;
    background-color : #eeeeee;
}
div.gold {
    border : 8pt solid #f4eb6f;
    width : 100%;
}
div.gold td {
    width : 50%;
    background-color : #ffffff;
    text-align : left;
    border-top : 4pt solid #f4eb6f;
}
div.gold caption {
    border-bottom : 8pt solid #f4eb6f;
    min-width : 250pt;
    background-color : #000000;
    color : #ffffff;
    font-weight : bold;
}
div.gold table {
    width : 100%
}
div.silver {
    border : 8pt solid #dddddd;
    width : 100%;
}
div.silver td {
    width : 50%;
    background-color : #ffffff;
    text-align : left;
    border-top : 4pt solid #eeeeee;
}
div.silver caption {
    border-bottom : 8pt solid #dddddd;
    background-color : #000000;
    color : #ffffff;
    font-weight : bold;
}
div.silver table {
    width : 100%
}
div.bronze {
    border : 8pt solid #cc9933;
    width : 100%;
}
div.bronze td {
    width : 50%;
    background-color : #ffffff;
    text-align : left;
    border-top : 4pt solid #cc9933;
}
div.bronze caption {
    border-bottom : 8pt solid #cc9933;
    background-color : #000000;
    color : #ffffff;
    font-weight : bold;
}
div.bronze table {
    width : 100%
}
div.friends {
    border : 8pt solid #ccffff;
    width : 100%;
}
div.friends td {
    width : 50%;
    background-color : #ffffff;
    text-align : left;
    border-top : 4pt solid #000000;
}
div.friends td.left {
    width : 50%;
    background-color : #ffffff;
    padding-left : 20pt;
}
div.friends caption {
    border-bottom : 8pt solid #ccffff;
    background-color : #000000;
    color : #ffffff;
    font-weight : bold;
}
div.friends table {
    width : 100%
}
hr {
    visibility : visible;
    color : #990000;
    background-color : #f1e6be;
    border : 3pt;
    height : 3pt;
}
td.c8 {
    background-color : rgb(255, 255, 204)
}
td.c7 {
    background-color : white
}
td.c6 {
    background-color : rgb(204, 255, 255)
}
table.c5 {
    text-align : left;
    width : 100%;
}
td.c4 {
    vertical-align : top;
    text-align : center;
}
span.c3 {
    font-weight : bold
}
td.c2 {
    vertical-align : top
}
img.c1 {
    width : 200pt;
    height : 140pt;
}
div.results td {
    background-color : #ffffff;
    border-bottom : 1pt solid #f1e6be;
    text-align : left;
    padding : 1pt;
    font-family : Verdana;
}
div.results h4 {
    color : #990000;
    background-color : #f1e6be;
    font-family : Verdana ;
}
div.dottedbox {
    border : 2pt dotted rgb(153, 0, 0);
    text-align : center;
    padding-top : 10pt;
}
div.dottedbox h2 {
    font-weight : bold;
    color : rgb(204, 0, 0);
    font-size : 16pt;
}