html{
    margin: 0;
    font-family: Roboto, Arial, Calibri, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    position: relative;
}
body
{
background: url("./background.jpeg") no-repeat center bottom;
margin: 0px;
padding: 0px;
}

a
{
color: #650000;
cursor: pointer;
text-decoration: none;
}

a:hover
{
color: red;
text-decoration: none;
}

a:selected
{
color: blue;
text-decoration: none;
}

p, blockquote, li, td, tr, body, textarea, table, th
{
}

img{
    border: none;
}

h1
{
font-size: 26px;
margin: 0px 0px 0px 0px;
}

h2
{
font-family: Arial, Calibri, Verdana, Helvetica, sans-serif;
font-size: 16px;
margin: 0px 0px 0px 0px;
}

div
{
position: relative;
}

strong
{
font-weight: bold;
}

#container
{
background: rgba(255,255,255,0.8);
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 75px;
padding: 30px 30px 300px 30px;
position: relative;
text-align: left;
width: 600px;
}

#back
{
border: none;
margin: 0px;
padding: 0px;
position: relative;
}

.list{
    padding-left: 18px;
    position: relative;
}

a.listitem{
    color: black;
    display: block;
    position: relative;
    margin: 20px 0px;
    border: none;
    clear:both;
}

a.listitem:hover{
    color: #010066;
}

a.listitem .button{
    float: left;
    margin-right: 50px;
    clear: both;
    position: relative;
    border-radius: 10%;
}

.itemlink{
    padding-top: 10px;
}

span.sub{
    color: #555;
}