@charset "utf-8";
/* CSS Document */

* {
padding: 0;
margin: 0;
}

html {
background-color: #020098;
padding: 0;
margin: 0;
color: #FFFFFF;
font-family: Tahoma;
}

#header {
width: 999px;
height: 154px;
margin: 20px auto 0 auto;
background-image: url(images/header.jpg);
}

ul#nav {
list-style-type: none;
width: 999px;
margin: 0 auto 0 auto;
padding: 0;
}

ul#nav li {
display: inline;
margin: 0;
padding: 0;
}

ul#nav li a {
text-decoration: none;
margin: 0;
padding: 0;
}

ul#nav li a img {
border: none;
margin: 0;
padding: 0;
}

#main {
width: 999px;
min-height: 200px;
margin: 0 auto 0 auto;
padding: 20px 0 20px 0;
background-image: url(images/bg.jpg);
}

h1 {
font-size: 20px;
padding-left: 50px;
text-decoration: underline;
}

h2 {
font-size: 16px;
padding-left: 10px;
clear: none;
}

p {
width: 900px;
margin: 0 auto 0 auto;
padding: 10px;
font-size: 14px;
}

p a {
color: #FFFFFF;
}

.info {
width: 900px;
margin: 10px auto 20px auto;
border: 4px solid #FF0000;
color: #FFFFFF;
background-color: #020098;
}

.match {
width: 100%;
border-bottom: 2px solid #FF0000;
color: #020098;
background-color: #FFFFFF;
min-height: 40px;
}

.match img {
float: left;
margin-right: 20px;
}

.fixture {
font-weight: bold;
padding: 5px;
vertical-align: text-top;
}

.date {
font-size: 12px;
}

.editoptions {
float: right;
clear: none;
}

.info p {
padding: 5px;
font-size: 12px;
}

form {
padding: 50px;
}

#footer {
width: 999px;
height: 59px;
margin: 0 auto 20px auto;
background-image: url(images/footer.jpg);
}

#splash {
width: 600px;
height: 500px;
margin: 50px auto 0px auto;
}

#splash .link, #splash .link a {
width: 600px;
font-size: 20px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
margin: 0;
padding: 0;
}

#splash a img {
border: 0;
border: 5px solid #FFFFFF;
}