html { height: 100%; min-height: 100%; margin-bottom: 1px; }

body
{
	margin: 0;
	padding: 0;
	font: 100%/1.4 helvetica, arial, sans-serif;
	color: #444;
	background-image:url('../images/background.gif');
}

#sample-container { clear: left; }








/* -----------------------------------
layout-two-fixed-spread
----------------------------------- */

#layout-two-fixed-spread
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 30px;
}

#layout-two-fixed-spread #head-container
{
	color: #000;
}

#layout-two-fixed-spread #header
{
	margin: 0 auto;
	width: 1254px;
	height: 293px;
	padding: 20px;
	background-image:url('../images/logo.gif');
	background-repeat: no-repeat;
	
}

#layout-two-fixed-spread #header_banner
{
	margin: 0 auto;
	width: 989px;
	height: 103px;
	padding: 20px;
	background-image:url('../images/banner.gif');
	background-repeat: no-repeat;
	position: relative;
	top: 24px;
	left: 130px;
	
}

#layout-two-fixed-spread #header_banner h1 { color: #FC0; margin: 0; visibility: hidden;}

#layout-two-fixed-spread #navigation-container
{
	margin: 0 auto;
	width: 1039px;
	height: 43px;
	padding: 0px;
	/*background-image:url('nav.gif');
	background-repeat: no-repeat;*/
	background-colour: red;
	position: relative;
	top: -16px;
	left: 85px;
	
}


/***********************************
	NAVIGATION
***********************************/


/* NAV */
	
/* Global nav */
	
div#nav	{
	height: 43px;
	width: 1039px;
	margin: 0px auto;
	padding: 0;
	border: 0;
	background: transparent;
	position: relative;

	}
	
div#nav ul#menu	{
	height: 43px;
	width: 1039px;
	background: transparent url(../images/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#nav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 43px;
	display: block;
	}
	
div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
div#nav ul#menu li#current a {
	text-indent: -9999px;
	text-decoration: none;				
	}


#home_nav		{left: 0px; width: 101px;}
#teams_nav		{left: 101px; width: 112px;}
#draw_nav		{left: 213px; width: 100px;} 
#gallery_nav		{left: 314px; width: 140px;}
#merchandise_nav	{left: 455px; width: 211px;}
#club_nav		{left: 667px; width: 199px;}
#sponsors_nav	 	{left: 867px; width: 175px;}


#home_nav 		a:hover {background: transparent url(../images/nav.gif) 0 -43px no-repeat;}
#teams_nav		a:hover {background: transparent url(../images/nav.gif) -101px -43px no-repeat;}
#draw_nav 		a:hover {background: transparent url(../images/nav.gif) -213px -43px no-repeat;}
#gallery_nav 		a:hover {background: transparent url(../images/nav.gif) -314px -43px no-repeat;}
#merchandise_nav		a:hover {background: transparent url(../images/nav.gif) -455px -43px no-repeat;}
#club_nav		a:hover {background: transparent url(../images/nav.gif) -667px -43px no-repeat;}
#sponsors_nav		a:hover {background: transparent url(../images/nav.gif) -867px -43px no-repeat;}


body#home 		#home_nav 		{background: transparent /*url(nav.gif) 0 -69px*/ no-repeat;}
body#teams 		#teams_nav		{background: transparent url(../images/nav.gif) -101px -43px no-repeat;}
body#draw 		#draw_nav 		{background: transparent url(../images/nav.gif) -213px -43px no-repeat;}
body#gallery 		#gallery_nav 		{background: transparent url(../images/nav.gif) -314px -43px no-repeat;}
body#merchandise 	#merchandise_nav	{background: transparent url(../images/nav.gif) -455px -43px no-repeat;}
body#club		#club_nav		{background: transparent url(../images/nav.gif) -667px -43px no-repeat;}
body#sponsors		#sponsors_nav		{background: transparent url(../images/nav.gif) -867px -43px no-repeat;}





#      CONTENT CONTAINERS

#content-container
{
	float: left;
	width: 100%;
	color: #000;
}

#content-container2
{
	margin: 0 auto;
	width: 1190px;
	position: relative;
	top: -35px;
	left: 10px;
}

#content-container3
{
	float: left;
	width: 1190px;
}

#content
{
	color: #000;
	clear: left;
	float: left;
	width: 580px;
	padding: 20px;
	margin: 0 0 0 10px;
	display: inline;
	/* background */
	background: #FFF;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* shading */
	-moz-box-shadow: 13px 3px 18px #666;
	-webkit-box-shadow: 13px 3px 18px #666;
	box-shadow: 13px 3px 18px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color='#666666');
}

#content h2 { margin: 0; }

#aside
{
	float: right;
	width: 400px;
	padding: 20px;
	margin: 0 20px 0 0;
	display: inline;

	/* Background */
	background: #FFF;
        zoom: 1;
        filter: alpha(opacity=80);
        opacity: 0.8;
	color: #000;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;


	/* shading */
	-moz-box-shadow: 13px 3px 18px #666;
	-webkit-box-shadow: 13px 3px 18px #666;
	box-shadow: 13px 3px 18px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color='#666666');
}

#aside h3 { margin: 0; }

#content-1column
{
	clear: left;
	float: left;
	width: 1120px;
	padding: 20px;
	margin: 0 0 0 10px;
	display: inline;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FFF;
        zoom: 1;
        filter: alpha(opacity=80);
        opacity: 0.8;
	color: #000;


	/* shading */
	-moz-box-shadow: 13px 3px 18px #666;
	-webkit-box-shadow: 13px 3px 18px #666;
	box-shadow: 13px 3px 18px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color='#666666');
}


#content-1column h1 { margin: 0; color: #000; text-transform:uppercase;}

#content-1column h2 { margin: 0; }







#sample-container #layout-two-fixed-spread #content-container #content-container2 #content-container3 #content h2 {
	color: #F00;
}
#sample-container #layout-two-fixed-spread #content-container #content-container2 #content-container3 #content h2 {
	color: #F00;
}
