@charset "utf-8";

/* CSS Document */









/************************************************ HEADER CSS *********************************************************/





	/***** HEADER WIDTH *****/



		#header_container {

			width: 1204px;

			height: 131px;

			background: url(images/header_background.png) repeat-x;

		}





	/***** HEADER LOGO *****/



		#header_logo {

			width: 538px;

			height: 131px;

			background: url(images/header_logo.png) no-repeat;

			float: left;

		}





	/***** HEADER MENU CONTAINER - WIDTH AND POSITION *****/



		#header_menu_buttons {

			

			font-family: Arial, Helvetica, sans-serif;

			float: left;

			width: 666px; /* Width of container for MAIN MENU on right of logo container above.

						 (Page width) 1204px - 538px (logo container width) = 666px */

			font-size: 12px;

			line-height: normal;

			font-weight: 700;

		}





	/***** HEADER - MAIN MENU PADDING (POSITION) SETTINGS ******/



		#header_menu_buttons ul {

			margin: 0;

			padding: 96px 0px 0px 265px; /* Padding from TOP of page/Right/Padding below Mmenu/Padding from the left*/

			list-style: none;

		}





	/***** HEADER - MAIN MENU BUTTONS IMAGES, SPACINGS *********/



		#header_menu_buttons a {

			float: left;

			background: url(images/header_menu_button_left.png) no-repeat left top; /*Left edge part of button image. */

			margin: 0 5px 0 0; /* 5px spacing between menu buttons */ 

			padding: 0 0 0 8px;

			text-decoration: none;

		}



		#header_menu_buttons a span {

			float: left;

			display: block;

			background: url(images/header_menu_button_right.png) no-repeat right top; /* centre and right part of button image. */

			padding: 7px 13px 8px 8px;

			color: #FFF;

		}





				/****** Commented Backslash Hack hides rule from IE5-Mac*********/



					#header_menu_buttons a span {

					float: none;

					}



				/********************* End IE5-Mac hack **************************/







	/***** MOUSE OVER HEADER MAIN MENU ACTIONS *****/





		#header_menu_buttons a:hover {

			background-position: 0% -31px; /*button gfx are dual height images. This moves image down 31px to display 

															mouse over graphic for the left hand edge of the button. */

		}



		#header_menu_buttons a:hover span {

			background-position: 100% -31px; /*button gfx are dual height images. This moves image down 31px to display 	

													mouse over graphic for the middle and right edge of the button. */

			color: #000; /* Changes colour of the button text to black on mouse over */

		

		}







/*************************************************** LEFT COLUMN CSS ****************************************************/



		span.match_times{

			font-family: Arial, Helvetica, sans-serif;

			font-size: 13px;

			color: #CCC;

						

		}



		#content_left_column {

			

			width: 200px;

			height: auto;

			float: left;

			margin: 2px 0px 0px -2px;

			text-decoration: none;

			border:1px solid #242c32;

 			border-radius:5px;



		}

			

		#content_left_column_clock {

			

			width: 190px;

			height: 70px;

			font-family: Arial, Helvetica, sans-serif;

			font-size: 15px;

			text-align: left;

			float: left;

			margin: 10px 0px 10px 10px;	

			color: #83b3c9;

		}

		

		#content_left_column_gametracker {

			

			width: 190px;

			height: auto;

			float: left;

			margin: 10px 0px 5px 5px;		

		}

		

		#content_left_column_subtitles{

			

			width: 190px;

			height: 20px;

			float: left;

			text-align: left;

			margin: 10px 0px 5px 10px;			

			font-family: Arial, Helvetica, sans-serif;

			font-size: 16px;

			font-weight: 500;

			color: #83b3c9;

			

		}

		

		

		#content_left_column_match_clock {

			

			width: 160px;

			height: 35px;

			font-family: Arial, Helvetica, sans-serif;

			font-size: 14px;

			padding: 0px 0px 0px 20px;

			text-align: left;

			float: left;

			margin: 10px 10px 5px 10px;	

			color: #51667D;	

		}

		

		#content_left_colum_utc_clock_container {

			

			width: 190px;

			height: 20px;

			font-family: Arial, Helvetica, sans-serif;

			font-size: 14px;

			text-align: left;

			color: #CCC;

			float: left;

			margin: 5px 0px 0px 0px;

		}

		



		#content_left_column_utc_clock_title {

			



			font-family: Arial, Helvetica, sans-serif;

			font-size: 13px;

			text-align: left;

			float: left;

			color: #51667D;	

	

		}

		

		

				





/*************************************************** FOOTER CSS ****************************************************/





	/***** FOOTER CONTAINER *****/



		#footer_container {

			width: 1204px;

			height: auto;

			float: left;

			background: url(images/footer_background.png) repeat-x;

			/*clear: both;*/

                                                  color:#666;

		}



		a.linkcolor:link { color: #BEBEBE;}

 		a.linkcolor:visited { color: #999;}

 		a.linkcolor:hover { color: #000000;}







		#footer_container_left_block {

			width: 580px;

			height: 72;

			float: left;

			margin: 10px 0px 20px 10px;

			text-align: left;

		}

		



		#footer_container_right_block {

			width: 600px;

			height: 72;

			float: left;

			margin: 15px 10px 0px 0px;

			text-align: right;

		}





/******************* FORUM SIDEBAR AND MAIN CONTENT PAGE CSS - CODE IN overall_header.css in styles template **********************/



		



		table#mainbody{ 

			width:1204px; 

			margin: 0px;

			padding: 0px 0px 0px 5px;

			vertical-align:top;

			background-color: rgba(35,35,35,96);



		

		}

		

		td#left_sidebar{

			

			width:200px;

			vertical-align:top;

			padding: 3px 3px 0px 0px;

		}

		

		td#right_column{



			vertical-align:top;

			width: 986px;

			display:block;

		}