body
{
    font-size:      12pt;
    font-family:    sans-serif;
    background:     black url("../img/tolex2.png");
    background-attachment: fixed;
    color:          #fc1; /* golden yellow */
}

a[href ^="http:"]
{
    padding-left:   18px;
    background:     transparent url(../img/http-icon.png) no-repeat center left;
}

a[href ^="mailto:"]
{
    padding-left:   20px;
    background:     transparent url(../img/mailto-icon.png) no-repeat center left;
}

a[href $=".mp3"]
{
    padding-left:   21px;
    background:     transparent url(../img/mp3-icon.png) no-repeat center left;
}

a:link    { color: #fe8; font-weight: bold; background-color: transparent; text-decoration: none; }
a:visited { color: #fe8; font-weight: bold; background-color: transparent; text-decoration: none; }
a:hover   
{ 
    color:                  #fe8; 
    background-color:       #558; 
    text-decoration:        none; 
    border-radius:          5px;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
}
a:active  { color: #fe8; background-color: transparent; text-decoration: none; }
a:focus   { color: #fe8; background-color: transparent; text-decoration: none; }

hr
{
    height:     1px;
    color:      #37d; /* light blue */
}

table.footer
{
    font-size:  x-small;
    width:      100%;
    border:     0px;
    margin:     0px;
    padding:    0px;
}

table.footer td
{
    border:     0px;
    margin:     0px;
    padding:    0px;
}

img
{
    border:  0;
    opacity: 1.0;
    filter:  alpha(opacity=100);
}

#main
{
    margin:     5%;
    text-align: justify;
}

.section
{
    height:                 1.5em;
    font-size:              large;
    font-weight:            bold;
    width:                  100%;
    background-image:       url(../img/bg_blue_trans.png);
    padding-left:           .5em;
    padding-top:            .5em;
    border-radius:          10px;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
}

table#logobox
{
    background-image:       url(../img/bg_yellow_trans.png);
    padding:                1em;
    margin-left:            auto;
    margin-right:           auto;
    border:                 1px #000 solid;
    border-radius:          20px;
    -moz-border-radius:     20px;
    -webkit-border-radius:  20px;
}

#logobox img
{
    margin-left:    auto;
    margin-right:   auto;
}

table.videobox
{
    background:             black;
    margin-left:            auto;
    margin-right:           auto;
    padding:                1em;
    border:                 1px #37d solid;
    border-radius:          20px;
    -moz-border-radius:     20px;
    -webkit-border-radius:  20px;
}

.small
{
    text-align:     center;
    font-size:      small;
    font-family:    sans-serif;
    color:          #bb8;
    margin-left:    auto;
    margin-right:   auto;
}

.verysmall
{
    text-align:     center;
    font-size:      xx-small;
    font-family:    sans-serif;
    color:          #886;
    margin-left:    auto;
    margin-right:   auto;
}
.verysmall a:link    { color: inherit; font-weight: bold; background-color: transparent; text-decoration: none; }
.verysmall a:visited { color: inherit; font-weight: bold; background-color: transparent; text-decoration: none; }
.verysmall a:hover   { color: inherit; font-weight: bold; background-color: transparent; text-decoration: underline; }
.verysmall a:active  { color: inherit; font-weight: bold; background-color: transparent; text-decoration: none; }
.verysmall a:focus   { color: inherit; font-weight: bold; background-color: transparent; text-decoration: none; }