@import url(base.css);


/*****************************************************/
/* Index */
/*****************************************************/
p.news_ingress
{
  width: 400px;
  text-align: left;
  font-size: 10pt;
  font-family: "Trebuchet MS", sans-serif;
  margin: 0px auto 0px auto;
}

h1.news
{
  width: 400px;
  text-align: center;
  font-weight: bold;
  font-size: 14pt;
  font-family: Tahoma, sans-serif;
  margin: 0px auto 0px auto;
}

h2.news
{
  width: 400px;
  text-align: center;
  font-weight: bold;
  font-size: 10pt;
  font-family: Tahoma, sans-serif;
  margin: 0px auto 0px auto;
}

h3.news
{
  width: 400px;
  text-align: center;
  font-weight: bold;
  font-size: 8pt;
  font-family: "Trebuchet MS", sans-serif;
  margin: 5px auto 10px auto;
}


#left
{
	width: 209px;
	float: left;
	border-style: none solid none none;
	border-width: 1px;
	height: 400px;
	border-color: #000000 #999999 #000000 #000000;
}

#middle
{
	width: 430px;
	float: left;
	border-style: none solid none solid;
	border-width: 1px;
	border-color: #000000 #999999 #000000 #999999;
	margin-left: -1px;
	margin-right: -1px;
}

#right
{
	width: 159px;
	float: left;
	border-style: none none none solid;
	border-width: 1px;
	border-color: #000000 #000000 #000000 #999999;	
}

img.heading
{
  border: 0px;
  margin: 0px auto 5px auto;
  display: block;
}

a:link.news_item
{
  font-weight: normal;
}

a:visited.news_item
{
  font-weight: normal;
}

#right img.partner
{
  border: 0px;
  margin-top: 7px;
  margin-bottom: 7px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#right img.deal
{
  border: 0px;
  margin-top: 7px;
  margin-bottom: 7px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#middle img.news
{
  float: right;
  border-width: 1px;
  border-style: solid;
  margin-left: 10px;
  margin-bottom: 5px;
}

#middle hr 
{
  height: 1px;
  width: 80%; 
  text-align: center; 
  color: #C3C3C3;
  background-color: #F4F4F4;
  margin: 15px auto 15px auto;
 }
 
#middle p.read_more
{
  font-weight: bold;
  font-size: 10pt;
  font-family: "Trebuchet MS", sans-serif;
  width: 400px;
  text-align: right;
  margin: 0px auto 0px auto;
}

/* BUG: This container is needed because IE has a problem drawing bullets "outside". The padding takes care of this. */
#news_list
{
  width: 383px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 17px;
}

#middle ul
{
  text-align: left;
  font-size: 8pt;
  font-family: "Trebuchet MS", sans-serif;
  list-style-position: outside;
  margin-bottom: 15px;   
}

/* INCONSISTENCY: The image will not align vertically in a proper manner (difference between browsers). 
   I have a link for a fix for this which uses background image instead. */
#middle li.new
{
  list-style-type: none;
  list-style-image: url(../images/misc/dot.jpg);
}

#middle li.old
{
  list-style-type: none;
}

#middle img.ad
{
  border: 0px;
  margin: 0px auto 10px auto;
  display: block;
}

#left h1
{
  font-family: "Trebuchet MS", sans-serif;
  font-size: 11pt;
  font-weight: bold; 
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
}

#left h2
{
  font-family: "Trebuchet MS", sans-serif;
  font-size: 10pt;
  font-weight: bold; 
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
}

#left p
{
  font-family: "Trebuchet MS", sans-serif;
  font-size: 8pt;
  text-align: center;
  margin: 0px;
}

#left img.team
{
  border: 0px;
  margin: 5px auto 5px auto;
  display: block;
}

#left img.tv
{
  border: 0px;
  margin: 0px auto 5px auto;
  display: block;
}

#im
{
  border: 0px;
  margin: 20px auto 0px auto;
  display: block;
}

#left img.online_reporting
{
  border: 0px;
  margin: 40px auto 0px auto;
  display: block;
}

#left table.standings
{
  width: 170px;
  margin: 0px auto 10px auto;
  padding: 0px;
  border-collapse: collapse;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 8pt;
}

#left tr.standings
{
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}

#left td.team
{
  width: 120px;
  padding: 0px;
  text-align: left;
}

#left td.goals
{
  width: 25px;
  padding: 0px;
  text-align: right;
}

#left td.points
{
  width: 25px;
  padding: 0px;
  text-align: right;
}

#left table.last_round
{
  width: 170px;
  margin: 0px auto 10px auto;
  padding: 0px;
  border-collapse: collapse;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 8pt;
}

#left td.teams
{
  width: 130px;
  padding: 0px;
  text-align: left;
}

#left td.separator
{
  width: 10px;
  padding: 0px;
  text-align: center;
}

#left td.home_goals
{
  width: 15px;
  padding: 0px;
  text-align: right;
}

#left td.away_goals
{
  width: 15px;
  padding: 0px;
  text-align: left;
}

a:link.partner
{
  font-weight: normal;
  text-decoration: none;
  color: #000000;
  background-color: transparent;
}

a:visited.partner
{
  font-weight: normal;
  text-decoration: none;
  color: #000000;
  background-color: transparent;
}

a:hover.partner
{
  font-weight: normal;
  text-decoration: none;
  color: #000000;
  background-color: transparent;
}

#wanted
{
  width: 175px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
}

#eXTReMe
{
  width: 41px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}

#wanted ul
{
  list-style-position: outside;
  font-size: 8pt;
  font-family: "Trebuchet MS", sans-serif;
}

#wanted ul li
{
	margin: 0px 0px 5px 0px;
	padding: 0;
}

#left hr 
{
  height: 1px;
  width: 50%; 
  text-align: center; 
  color: #C3C3C3;
  background-color: #F4F4F4;
  margin: 5px auto 5px auto;
}

#left p.read_more
{
  font-size: 8pt;
  font-family: "Trebuchet MS", sans-serif;
  text-align: middle;
  margin: 0px auto 0px auto;
}

#left img.dog
{
  margin: 0px auto 5px auto;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

#left p.dog
{
  font-size: 8pt;
  font-family: "Trebuchet MS", sans-serif;
  margin: 0px auto 10px auto;
  padding: 0;
  text-align: left;
  width: 175px;
}