html, body {
margin:0;
padding:0;
font-family:lucida,verdana,sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
background-color:#ffffff;
}

a {
font-family:tahoma,lucida,verdana,sans-serif;
font-size:12px;
font-weight:normal;
color:#6699cc;
}

a:link 
{
text-decoration:none;
color:#4477aa;
}

a:visited {
text-decoration:none;
color:#4477aa;
}

a:hover {
text-decoration:none;
color:#333333;
background:transparent;
}

a:active {
color:#0066CC;
background:transparent;
}

a img {
text-decoration:none;
border:none;
padding:0;
margin:0;
}

table {
margin-left: auto;
margin-right: auto;
width: 400px;
background-color: #efefef;
border: 1px #000243 solid;
font-size: 16px;
text-align: center;
}

caption {
margin-left: auto;
margin-right: auto;
font-weight: bold;
background-color: #000243;
color: #ffffff;
}

th, td {
padding: 10px;
font-size: 12px;
width: 50%;
text-align: left;
}

input, textarea {
width: 80%;
border: 1px #000000 solid;
background-color: #ffffff;
}

input:focus, textarea:focus {
background-color: #8fffff;
}

.header {
margin:0;
padding: 0;
height: 240px;
color: #ffffff;
background: url('bg-gala-magica.png') 0 0 repeat-x;
text-align: center;
}

.blackbar {
margin:0;
padding: 0;
height: 8px;
background-color: #000000;
}

.main {
margin:0;
background-color: #ffffff;
}

.options {
padding: 40px;
font-size: 16px;
text-align: center;
}

.button, .ilist {
margin:20px;
}

.ilist {
margin: 0 0 0 40px;
text-align: left;
width: 300px;
}

.button img, .ilist img {
vertical-align:middle;
}

.button a, .ilist a {
font-size: 16px;
color: #000000;
}

.button a:hover, .ilist a:hover {
font-size: 16px;
color: #7f7f7f;
}

.text {
margin-top: 20px;
margin-left: 10%;
width: 80%;
}

.hr {
clear: both;
margin-left: 10%;
width: 80%;
height: 1px;
border-bottom: 1px #000000 dotted;
}