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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:64.5%;
	margin:0;
	background:url(../images/grass-bg.jpg) no-repeat 50% 0;
	background-color:#000000;
	background-attachment:fixed;
	color:#ffffff;
}

#container {
	width:944px;
	margin-left:auto;
	margin-right:auto;
}

#container #top-content {
	width:765px;
	margin-top:20px;
}

#container #top-content #introducing-igoal {
	width:765px;
	height:227px;
	background-image:url(../images/introducing-igoal-v2.jpg);
}

#container #top-content #introducing-igoal #igoal-intro {
	width:270px;
	height:190px;
	float:right;
	padding:30px 35px 0 0;
}

#container #top-content #introducing-igoal #igoal-intro p {
	font-size:11px;
	padding:10px 0 0 0;
	margin:0;
	line-height:15px;
}

#container #top-content #introducing-igoal #igoal-intro p.intro-header {
	font-size:16px;
	color:#cc3333;
	padding:0;
	margin:0;
}

#container #top-content #introducing-igoal #igoal-intro a.available-now {
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	line-height:32px;
	padding:0 0 0 20px;
	margin-top:10px;
	width:225px;
	height:32px;
}

#container #top-content #introducing-igoal #igoal-intro a.available-now:hover {
	text-decoration:underline;
}

#container #top-content #goal-links {
	width:765px;
	height:85px;
	background-image:url(../images/goal-links-tab.jpg);
}

#container #top-content #goal-links ul {
	background-image:none;
	margin:0;
	padding:0;
	list-style:none;
}

#container #top-content #goal-links ul li {
	background-image:none;
	margin:0;
	padding:0;
	display:inline;
	float:left;
}

#container #top-content #goal-links ul li a {
	background-image:none;
	color:#ffffff;
	text-decoration:none;
	vertical-align:bottom;
	display:block;
	padding-left:0;
	padding-right:0;
	padding-top:60px;
}

#container #top-content #goal-links ul li a:hover {
	color:#cc3333;
}

#container #top-content #goal-links ul li a.street {
	padding-left:62px;
}

#container #top-content #goal-links ul li a.futsal {
	padding-left:42px;
}

#container #top-content #goal-links ul li a.mini {
	padding-left:52px;
}

#container #top-content #goal-links ul li a.home {
	padding-left:58px;
}

#container #top-content #goal-links ul li a.juinior {
	padding-left:48px;
}

#container #top-content #goal-links ul li a.intermediate {
	padding-left:22px;
}

#container #top-content #goal-links ul li a.youth {
	padding-left:20px;
}

#container #top-content #goal-links ul li a.adult {
	padding-left:50px;
}

#container #top-content #ilite-tab {
	width:736px;
	height:214px;
	background-color:#131313;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:15px;
}

#container #top-content #ilite-tab #ilite-left {
	width:156px;
	height:214px;
	background-image:url(../images/ilite-ps.jpg);
	float:left;
}

#container #top-content #ilite-tab #ilite-centre {
	width:222px;
	height:214px;
	background-image:url(../images/ilite-logo-home.jpg);
	float:left;
}
#container #top-content #ilite-tab #ilite-right {
	width:358px;
	height:214px;
	float:left;
}

#container #top-content #ilite-tab #ilite-right #ilite-button {
	background-image:url(../images/ilite-button.jpg);
	width:266px;
	height:39px;
	float:left;
}

#container #top-content #ilite-tab #ilite-right #ilite-button a.reserve-ilite {
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	line-height:10px;
	padding:15px 0 0 30px;
	margin:0;
}

#container #top-content #ilite-tab #ilite-right #ilite-button a.reserve-ilite:hover {
	text-decoration:underline;
}

/**********  LEFT COLUMN  **********/
#container #left-column {
	width:161px;
	margin-top:28px;
	float:left;
}
	/**********  LEFT NAV  **********/
	#container #left-column #main-nav {
		padding:0px 0 0px 0;
	}

	#container #left-column #main-nav ul {
		background:url(../images/nav-bg.png) repeat-y 0 0;
		margin:0;
		padding:0;
		list-style-type:none;
	}

	#container #left-column #main-nav ul li {
		display:inline;
		
	}

	#container #left-column #main-nav ul li a {
		display:block;
		color:#ffffff;
		padding:7px 10px 8px 20px;
		font-size:1.4em;
		text-decoration:none;
		background:url(../images/nav-spacer.png) no-repeat bottom left;
	}

	#container #left-column #main-nav ul li a.active {
		border-right:3px solid #cc3333;
		color:#ff0000;
	}
	
	#container #left-column #main-nav #main-nav-top {
		background:url(../images/nav-bg-top.png) no-repeat 0 0;
		height:15px;
	}
	
	#container #left-column #main-nav #main-nav-bottom {
		background:url(../images/nav-bg-bottom.png) no-repeat 0 0;
		height:15px;
	}
	
	#container #left-column #main-nav ul li ul li a.bottom {
		background:url(../images/nav-sub-last-spacer.png) no-repeat bottom left;
	}

	#container #left-column #main-nav ul li a:hover {
		color:#ff0000;
	}
	
		/**********  SUB NAV  **********/
		#container #left-column #main-nav ul li ul {
			margin:4px 0 0 0;
			padding:0;
			list-style-type:none;
		}
	
		#container #left-column #main-nav ul li ul li {
			display:inline;
			
		}
	
		#container #left-column #main-nav ul li ul li a {
			display:block;
			color:#ffffff;
			padding:2px 10px 6px 40px;
			font-size:1.2em;
			text-decoration:none;
			background:url(../images/nav-sub-spacer.png) no-repeat bottom left;
		}

		#container #left-column #main-nav ul li ul li a.active-sub {
			color:#ff0000;
			border-right:3px solid #cc3333;
		}
	
	/**********  YOU TUBE  **********/
	#container #left-column #youtube {
		margin:6px 0;
	}
	
	/**********  ORDER ONLINE  **********/
	#container #left-column #order-online {
		margin-top:6px;
	}
	
	/**********  PARTNERS  **********/
	#container #left-column #partners {
		margin-top:5px;
	}
	
	/**********  OFFERS  **********/
	#container #left-column #offers {
		margin-top:4px;
	}



/**********  RIGHT COLUMN  **********/
#container #main-column {
	background-color:#000000;
	width:783px;
	padding-bottom:20px;
	float:left;
}
	
	/**********  HEADER  **********/
	#container #main-column #header {
		background-color:#000000;
	}
	
	#container #main-column #header #header-logo {
		width:421px;
		float:left;
	}
	
	#container #main-column #header #header-right {
		width:362px;
		float:right;
	}
	
	#container #main-column #header #header-right p {
		width:332px;
		text-align:right;
		font-size:2.0em;
		color:#ffffff;
		vertical-align:bottom;
		padding-right:30px;
		margin:10px 0 5px 0;
		float:right;
	}
	
		#container #main-column #header #header-right p img {
		margin:0 0 0 0;
		vertical-align:bottom;
	}
	
	#container #main-column #header #header-right span {
	color:#ff0000;
	font-size:1.2em;
	font-weight: bold;
	}
		
		#container #main-column #header #header-right #header-nav {
			background:url(../images/header-nav-bg.gif) no-repeat top right;
			font-size:1.2em;
			width:299px;
			height:34px;
			float:right;
			padding-left:10px;
		}
		
		#container #main-column #header #header-right #header-nav ul {
			margin:0;
			padding:0;
			list-style-type:none;
		}
		
		#container #main-column #header #header-right #header-nav ul li {
			margin:0;
			padding:0;
			display:inline;
			float:left;
			line-height:32px;
		}
	
		#container #main-column #header #header-right #header-nav ul li a {
			display:block;
			color:#ffffff;
			padding-left:22px;
			padding-right:15px;
			text-decoration:none;
		}
	
		#container #main-column #header #header-right #header-nav ul li a.accessibility {
			background:url(../images/header-nav-accessibility.gif) no-repeat 0 50%;
		}
	
		#container #main-column #header #header-right #header-nav ul li a:hover.accessibility {
			background:url(../images/header-nav-accessibility-on.gif) no-repeat 0 50%;
		}
	
		#container #main-column #header #header-right #header-nav ul li a.sitemap {
			background:url(../images/header-nav-sitemap.gif) no-repeat 0 50%;
		}
	
		#container #main-column #header #header-right #header-nav ul li a:hover.sitemap {
			background:url(../images/header-nav-sitemap-on.gif) no-repeat 0 50%;
		}
	
		#container #main-column #header #header-right #header-nav ul li a.contact {
			background:url(../images/header-nav-contact.gif) no-repeat 2px 50%;
		}
	
		#container #main-column #header #header-right #header-nav ul li a:hover.contact {
			background:url(../images/header-nav-contact-on.gif) no-repeat 2px 50%;
		}
	
	
	
	/**********  FLASH  **********/
	
	#container #main-column #worldwide {
	}
	
	#container #main-column #video {
	margin:0px;
	width:783px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	
	#container #main-column #videonew {
	margin:0px;
	width:683px;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}
	
	#container #main-column #videonew img {
	}
	
	#container #main-column #videonew #text-container {
		width:273px;
		margin-left:10px;
	}
	
	#container #main-column #videonew #text-container h1 {
		color:#ff0000;
	}
	
	#container #main-column #videonew #text-container p {
		font-size:1.6em;
		color:#ffffff;
	}
	
	/**********  MAIN CONTENT  **********/
	#container #main-column #content {
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
	}
	
	#container #main-column #content .imgleft {
	float:left;
	padding:0 10px 0 0; 
	}
	
	#container #main-column #content .imgright {
	float:right;
	padding:0;
	margin:0;
	}
	
	#container #main-column #content h1.street { 
	color:#ff0000;
	font-size:2.2em;
	margin:0;
	padding:0;
	background:url(../images/h1-bg.gif) repeat-y 0 0;
	}
	
	#container #main-column #content #list {
	float:left;
	width:300px;
	
	}
	
	
	#container #main-column #content ul  {
	list-style:none;
	}
	
	#container #main-column #content ul li  {
	line-height:25px;
	display:block;
	}
	
	#container #main-column #content ul li a {
	}
	
	#container #main-column #content ul li a:hover {
	}
	
	#container #main-column #content .stickers {
	margin-left:40px;
	padding:0; 
	}
	
	#container #main-column #content #home-pic-small {
		float:left;
		width:183px;
		margin-right:20px;
		margin-top:10px;
	}
	
	#container #main-column #content #home-pic-small img {
		border:4px solid #ffffff;
	}
	
	#container #main-column #content h2 {
		color:#ffffff;
		font-size:1.8em;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	#container #main-column #content h2.home {
		color:#ffffff;
		font-size:1.6em;
		font-weight:normal;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	#container #main-column #content h1 {
		color:#ffffff;
		font-size:2.2em;
		margin:0;
		padding-left:12px;
		background:url(../images/h1-bg.gif) repeat-y 0 0;
	}
	
	#container #main-column #content h1.home {
		color:#cc0000;
		font-size:4.0em;
		background-image:none;
		padding-left:0;
		text-align:center;
		margin-bottom:25px;
	}
	
	#container #main-column #content h1.home span {
		color:#ffffff;
		font-size:0.62em;
		font-weight:normal;
	}
	
	#container #main-column #content p {
		color:#ffffff;
		font-size:1.4em;
	}
	#container #main-column #content a {
		color:#ff0000;
	
	}
	
	#container #main-column #content a:hover {
		color:#ffffff;

	}
	
	#container #main-column #content p.red {
		color:#ff0000;
		font-size:1.8em;
		font-weight:bold;
		font-style:italic;
	}
	
	#container #main-column #content ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;	
	
	}
	
	#container #main-column #content li {
	list-style-image: none;
	list-style-type: none;
	display: block;
	font-size: 1.2em;
	color: #FFFFFF;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/readmore-arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
	
	#container #main-column #content li.double {
	background-position: 0 10px;
	}
	
	#container #main-column #content li a {
	color: #FF0000;
	text-decoration: underline;	
	
	}
	
	#container #main-column #content li a:hover {
	color: #FFffff;
	text-decoration: underline;	
	
	}
	
	#container #main-column #content table {
	}
	
	#container #main-column #content table th {
		border-bottom:solid 1px #666666;
		font-size:1.2em;
		padding:4px;
	}
	
	#container #main-column #content table td {
		border-bottom:solid 1px #666666;
		font-size:1.1em;
		padding:4px;
	}
	
	#container #main-column #content .borderleft {
		border-left:1px solid #666666;
	}
	
	#container #main-column #content #approvedpanels  {
		margin:15px 0 0 12px;
		width:660px;
	
	}
	
	#container #main-column #content #approvedpanels .approvedblocks  {
		margin:10px 0 10px 0;
		width:315px;
	
	}
	
	#container #main-column #content .approvedpanels img  {
		width:310px;
		height:66px;
	
	}
	/**********  NEWS  **********/

	#container #main-column #content #ilite-home {
	padding:0;
	margin-top: 20px;
	margin-bottom:20px;
	background:url(../images/ilite-panel-bg.gif) #1e1e1e no-repeat bottom right;
	}

	#container #main-column #content #ilite-home .ilite-image {
	float:left;
	margin-right:15px;
	text-align:center;
	font-size:1.2em;
	}

	#container #main-column #content #ilite-home h2 {
	margin:0 0 15px 0;
	}


	#container #main-column #content #ilite-home #ilite-button {
	background-image:url(../images/ilite-button.jpg);
	width:266px;
	height:39px;
	float:left;
}

	#container #main-column #content #ilite-home #ilite-button a.reserve-ilite {
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	line-height:10px;
	padding:15px 0 0 30px;
	margin:0;
}

	#container #main-column #content #ilite-home #ilite-button a.reserve-ilite:hover {
	text-decoration:underline;
}


#container #content #home-video {
	width:473px;
	float:left;
}
	
	#container #main-column #content #home-video h2 {
		color:#ffffff;
		font-size:1.8em;
		margin:0 0 8px 0;
	}
	
	#container #main-column #content #home-video h3 {
		color:#ffffff;
		font-size:1.6em;
		margin:0 0 8px 0;
	}


	#container #main-column #content #news {
	width:373px;
	background-color:#131313;
	padding:15px;
	float:left;
	margin-top: 20px;
	}
	
	#container #main-column #content #news h2 {
		color:#ffffff;
		font-size:1.8em;
		margin:0 0 8px 0;
	}
	
		#container #main-column #content .news-item {
			margin-bottom:0px;
		}
	
		#container #main-column #content .news-item p.headline {
			color:#ffffff;
			font-size:1.6em;
			margin:0 0 4px 0;
		}
	
		#container #main-column #content .news-item .news-img {
			width:100px;
			margin-top:4px;
			margin-right:10px;
			float:left;
		}
	
		#container #main-column #content .news-item .news-img img {
			border:2px solid #333333;
		}
	
		#container #main-column #content .news-item .news-text {
			width:263px;
			float:right;
		}
	
		#container #main-column #content .news-item .news-text p {
			font-size:1.2em;
			margin:2px 0px;
			color:#ffffff;
		}
	
		#container #main-column #content .news-item .news-text a.readmore {
			color:#ff0000;
			padding-left:14px;
			background:url(../images/readmore-arrow.gif) no-repeat 4px 6px;
			text-decoration:none;
		}
	
		#container #main-column #content .news-item .news-text .date {
			color:#f02619;
		}
		
	/**********  REVIEWS  **********/
	#container #main-column #content #reviews {
		width:240px;
		background-color:#131313;
		padding:15px 15px 0 15px;
		float:right;
	}
	
	#container #main-column #content #reviews h4 {
		color:#ffffff;
		font-size:1.8em;
		margin:0 0 4px 0;
	}
	
	#container #main-column #content #reviews p {
		color:#ffffff;
		font-size:1.2em;
	}
	
		#container #main-column #content .review-item {
			background:url(../images/review-quotation-start.gif) no-repeat 0 0;
			margin-bottom:20px;
		}
	
		#container #main-column #content .review-item p {
			color:#ffffff;
			font-size:1.2em;
			margin:0;
			padding-left:15px;
		}
		
		
	/**********  NEWS LETTER  **********/
	#container #main-column #content #newsletter {
		width:240px;
		height:95px;
		background:url(../images/newsletter-bg.gif) no-repeat 0 0;
		padding:15px;
		margin-top:10px;
		float:right;
	}
	
	#container #main-column #content #newsletter h2 {
		color:#ffffff;
		font-size:1.8em;
		margin:0 0 8px 0;
	}

	#container #main-column #content #newsletter form {
		margin:0;
		padding:0;
	}

	#container #main-column #content #newsletter label {
		margin-top:4px;
		display:block;
		float:left;
		width:60px;
		font-size:1.2em;
	}

	#container #main-column #content #newsletter label.submit-label {
		width:152px;
	}
	
	#container #main-column #content #newsletter input {
		float:left;
		width:170px;
		margin-bottom:5px;
		font-size:1.2em;
	}
	
	#container #main-column #content #newsletter .submit {
		width:auto;
	}
	
	
	
	#container #main-column #content #frmErrLetter {
		width:250px;
		background-color:#ffcecf;
		border:1px solid #CC0000;
		padding:10px;
		margin-top:10px;
		float:right;
	}

	#container #main-column #content #frmErrLetter p {
		color:#000000;
		font-size:1.1em;
	}
	
	#container #main-column #content #frmErrLetter ul {
		color:#000000;
		font-size:1.1em;
	}
	
	#container #main-column #content #frmCompleteLetter {
		width:250px;
		background-color:#D7FFD8;
		border:1px solid #006633;
		padding:10px;
		margin-top:10px;
		float:right;
	}
	
	#container #main-column #content #frmCompleteLetter p {
		color:#000000;
		margin:0;
		font-size:1.1em;
	}
	
	#container #main-column #content #frmCompleteLetter ul {
		color:#000000;
		font-size:1.1em;
	}
		
		
	/**********  FOLLOW US  **********/
	#container #main-column #content #followus {
		width:270px;
		margin-top:10px;
		float:right;
	}
	
	#container #main-column #content #followus p {
		color:#ff0000;
		font-size:1.2em;
	}
	

	
/**********  FOOTER  **********/
#footer {
	width:728px;
	margin-left:auto;
	margin-right:auto;
	padding-left:212px;
	padding-top:10px;
}

	#footer #info {
		width:500px;
		float:left;
		font-size:1.2em;
	}

	#footer #info p {
	color:#CCCCCC;
	}
	
	#footer #info strong {
		color:#ff0000;
		font-size:1.2em;
	}

	#footer #info ul {
		margin:0;
		padding:0;
		list-style-type:none;
	}

	#footer #info ul li {
		margin:0;
		padding:0;
		display:inline;
		float:left;
	}

	#footer #info ul li a {
		display:block;
		border-right:1px solid #ff0000;
		color:#ffffff;
		padding-left:8px;
		padding-right:8px;
		text-decoration:none;
	}
	
	#footer #info ul li a:hover {
		text-decoration:underline;
		color:#ffffff;
	}

	#footer #info p.website {
		color:#666666;
	}

	#footer #info p.website a {
		color:#666666;
		text-decoration:none;
	}

	#footer #info p.website a:hover {
		text-decoration:underline;
		color:#ff0000;
	}

	#footer #logo {
		width:160px;
		float:right;
	}
	
	

	
	
	
/**********  SEPERATE STYLES  **********/
.clearfix {
	margin:0;
	padding:0;
	clear:both;
}

hr {
	border:0;                   /* for FF; border reset */
	background:transparent;     /* for Opera and Safari; remove default hr color */
	font-size:0px;             /* for FF to mimic the fix "margins" on hr in IE */
	border-top:1px solid #333333;
	height:1px;
	margin-top:12px;
	margin-bottom:12px;
}

.img-float-left {
	float:left;
}

.img-float-right {
	float:right;
}