body{
text-align: center; /*centers our layout in some browsers*/
}

#container{
margin-top: 20px;
width: 800px; /*The width of our layout*/
margin-left: auto;
margin-right: auto;
/*Margin left and right set to auto center's our layout*/
text-align: left; /*Resets the text alignment*/
}

#homeImage{
margin-top: 10px;
margin-bottom: 10px;
width: 563px; 
height: 216px;
margin-left: 10px;
border:1px solid black;
}

#titleContainer{
width: 800px;
height: 140px;
margin-bottom: 1px;
background-image:url(images/title.jpg);
}

#leftTitle{
position: relative;
float: left;
width:   160px;
background-color: #D1A757;
height: 30px;
}

leftNavImage{
position: relative;
float: left;
width:   140px;
height: 30px;
}

nextFixtureImage{
position: relative;
float: left;
width:   140px;
height: 30px;
}

lastResultImage{
position: relative;
float: left;
width:   140px;
height: 30px;
}

#leftMainContainer{
position: relative;
float: left;
width:   158px;
background-color: #ffffff;
height: 448px;
font-family: Tahoma;
border:1px solid black;
color:#D1A757;
}

#leftMain{
position: relative;
float: left;
background-color: #ffffff;
font-family: Trebuchet MS;
color:#D1A757;
font-size: 12px;
font-weight:bold;
margin-left: 10px;
margin-top: 4px;
}

#mainTitle{
position: relative;
float: left;
width:   460px;
background-color: #ffffff;
height: 30px;
font-family: Trebuchet MS;
color: #ffffff;
text-align: center;
}

#main{
position: relative;
float: left;
width:   636px;
background-color: #ffffff;
height: 448px;
font-family: Trebuchet MS;
font-size: 12px;
color: #ffffff;
text-align: center;
overflow:auto;
border:1px solid black;
margin-left: 2px;
}

#mainPadded{
margin-left: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-top: 2px;
float: left;
width:   620px;
background-color: #ffffff;
height: 444px;
font-family: Trebuchet MS;
font-size: 12px;
color: #000000;
text-align: left;
overflow:auto;
background-image:url(images/squadFaded.jpg);
padding-left: 6px;
padding-right: 6px;
}

#rightTitle{
position: relative;
top: auto;
float: right;
width:   180px;
background-color: #333333;
height: 30px;
}

#rightMain{
position: relative;
top: auto;
float: right;
width:   180px;
background-color: #333333;
height: 450px;
color:#D1A757;
}

#bottom{
position: relative;
top: auto;
float: right;
width:   800px;
background-color: #000000;
height: 60px;
color: #000000;
margin-top: 1px;
}

#bottomNav{
margin-top: 10px;
background-color: #000000;
font-family: Trebuchet MS;
font-size: 12px;
color: #4D4D4D;
text-align: center;
}

#pageHeader{
width: 150px;
float: left;
}

A.tdNavigation {
font-family: Trebuchet MS;
font-size: 12px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

A.tdNavigation:hover {
font-family: Trebuchet MS;
font-size: 12px;
color:#990033;
font-weight:bold;
text-decoration:none;
}

A {
font-family: Trebuchet MS;
font-size: 12px;
color:#D1A757;
font-weight:bold;
text-decoration:none;
}

A:hover {
font-family: Trebuchet MS;
font-size: 12px;
color:#990033;
font-weight:bold;
text-decoration:none;
}

#nextFixture{
float: left;	
position: relative;
width: 798px;
margin-bottom: 1px;	
border:1px solid black;
}

#nextFixtureImage{
float: left;	
position: relative;
width: 140px;
height: 30px;	
}

#nextFixtureContent{	
font-family: Trebuchet MS;
font-size: 13px;
color: #000000;
text-align: left;
width: 658px;
position: relative;
float: right;
margin-top: 6px;
}

#latestResult{
float: right;	
position: relative;
width: 798px;
margin-bottom: 1px;	
border:1px solid black;
}

#latestResultImage{
float: left;	
position: relative;
width: 140px;
height: 30px;
}

#latestResultContent{
font-family: Trebuchet MS;
font-size: 13px;
color: #000000;
text-align: left;
width: 658px;
position: relative;
float: right;
margin-top: 6px;
}

textarea {
font-family: "Trebuchet MS";
font-size: 13px;
color:#000E77;
background-color: #FFFFFF
}

select {
font-family: "Trebuchet MS";
font-size: 13px;
color:#000E77;
background-color: #FFFFFF
}

input {
font-family:"Trebuchet MS";
font-size:13px;
color:#000E77;
}