html, body { border: 0; margin: 0; padding: 0; height: 100%}
body {margin: 0; text-align: left; font-family: Arial, sans-serif; font-size: 12px; background-color: #666; text-align:center; background-image:url(../img/page-background.jpg); background-repeat:repeat-y; background-position:center}

#col_1 {width: 217px; overflow:hidden}
#col_2 {width: 463px}
#col_3 {width: 310px}
#col_1, #col_2, #col_3 {float:left; /*padding-bottom: 32767px !important;	margin-bottom: -32757px !important*/}
@media all and (min-width: 0px) {
	#col_1, #col_2, #col_3 {padding-bottom: 0 !important; margin-bottom: 0 !important;}
	#col_1:before, #col_2:before, #col_3:before{content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32757px !important; height: 0;}
}

#nav, #wrapper, #header, #footer {width:990px; margin-left:auto; margin-right:auto; text-align:left}

#nav {height:34px; background-image:url(../img/nav_bg.jpg); background-repeat:repeat-x}

#header {height:168px;}
#header img {}
.hdr_logo{float:left;}
.hdr_ad {background-image:url(../img/nzfc-header2.jpg);display:inline;float:right;height:70px;width:570px;text-align:center;}
.hdr_map{float:right;}

#wrapper:after {content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden}
#wrapper {display:inline-block; float:left;}
#wrapper {position: relative; display:block; overflow: hidden; float: none}
#footer {margin-top:10px; height:38px; background-image:url(../images/footer_bg.jpg); background-repeat:repeat-x}

p {font-size: 12px; width: auto}

h1 {font-size:14px; font-weight: bold; font-family: Trebuchet MS, Arial, sans-serif; background-image:url(../img/titlebar-bg.jpg); height: 25px; background-repeat:repeat-x; padding:0px; padding-left:6px; text-align:left; padding-top:2px;  margin:0px; margin-top:4px; margin-bottom:4px; color:white}
h2 {font-size: 14px; color:#009ece}
h4 {font-size:11px; font-weight: bold; font-family: Trebuchet MS, Arial, sans-serif; background-image:url(../img/titlebar-bg.jpg); height: 25px; background-repeat:repeat-x; padding:0px; padding-left:6px; text-align:left; padding-top:4px;  margin:0px; margin-top:4px; margin-bottom:4px; color:white}

.csc-header {clear:both}

a img {border: none}
a {text-decoration: none}
a:hover {text-decoration: underline}

img a, a img {border-style:none}



/* Menu */
#nav {width: 990px; height: 34px; text-align: left; position: relative; background-image:url(../img/nav_bg.jpg); z-index:5; text-transform:uppercase; font-size:12px; font-family: Arial, sans-serif}
#nav ul {list-style: none; margin: 0; padding: 0; float: left; height:31px}
#nav a, #nav h2 {font: bold 12px/12px arial, helvetica, sans-serif; display: block; margin: 0; color:white}
#nav h2 {padding: 0}
#nav a {color: white; text-decoration: none; padding:0px; margin:0px; padding-left:8px; padding-right:8px; /*line-height:31px*/; border-style-bottom:none; padding-top:6px; padding-bottom:4px}
#nav li {position: relative; background-image:url(../img/divider.jpg); background-repeat:no-repeat; background-position:right; margin-top:1px; padding-top:4px; padding-bottom:6px}
#nav li:hover {position: relative; background-color:red;}
#nav li:hover a {text-decoration:none; }

#nav ul ul a {width: 150px !important; background-color: black; color:white; padding: 4px; margin:0px}
#nav ul ul a:hover {background-color:red}
#nav ul ul {position: absolute; z-index: 500; border-top:1px solid #C51C19; margin-top:4px}
#nav ul ul li {border-bottom:1px solid white; padding:0px; margin:0px; margin-top:-2px}
div#nav ul ul {display: none}
div#nav ul li:hover ul {display: block}
div#nav ul li:hover {margin-bottom:-15px}
div#nav ul ul li:hover {margin-bottom:0px}


/*News*/
.news-latest-title a {margin-left:10px; color: black; width:400px; font-size:14px; font-weight:bold; font-family: Trebuchet MS, Arial, sans-serif}
.news-latest-date {margin-left:10px; color: #FFCE65; width:400px; font-size:12px; font-weight:bold; font-family: Trebuchet MS, Arial, sans-serif; margin-bottom:0px; padding-bottom:0px}
.news-latest-author p {margin-left:10px; margin-top:0px; margin-bottom:0px; padding-top:0px}
.news-latest-subheader {margin:0px; padding:0px}
.news-latest-subheader p.bodytext {margin-top:4px; padding-top:0px; margin-left:10px; margin-bottom:2px}
.news-latest-title br, .news-latest-morelink {margin-left:10px}
.news-latest-item .news-latest-image {margin-left:10px}


.newslistimage {float:left; margin-left: 6px; margin-right: 6px; margin-top: 3px; border: 1px solid #e5e5e5; height: 49px}
.news-list-container {float: left; padding: 0px}
.news-list-container ul {margin-left:0px; padding: 0px; margin-top: 0px; margin-bottom: 0px; height: 56px; /*background-color: #e5e5e5*/}
.news-list-container li a img {border-style:none; margin-right:5px}
.news-list-container li.active a img {border:1px solid black}
.news-list-container li {list-style:none; float:left}

.news-more-container ul {padding-bottom:6px; padding-top:0px; margin-top:0px; margin-left:10px; padding-left:0px; background-image:url(../img/greyfade.jpg); background-repeat:repeat-x; background-color:white}
.news-more-container li {list-style:none; margin-top:4px}
.news-more-container li a {color:black; text-decoration:none}
.news-more-container li a:hover {text-decoration:underline}

#myScrollContainer {width:370px; height:50px; clip: rect(0 868 56 0); overflow:hidden; float:left; padding-top: 2px; margin-left: 30px; background-color: #e5e5e5; position:relative; clear:none}
#myScrollContent {left:0px; top:0px; width:868px; text-align:left}
a.scroll-left, a.scroll-right {z-index:10}
a.scroll-left {background-image:url(../img/left-arrow.gif); display:block; height:21px; width:21px; float:left}
a.scroll-right {background-image:url(../img/right-arrow.gif); display:block; height:21px; width:21px; float:right}

.news-bigint-container {width:300px; overflow:hidden}
.news-bigint-container .news-latest-image {float:left; margin-right: 5px}
body .news-bigint-container .news-latest-title, body .news-bigint-container .news-latest-title a {margin:0px; overflow:hidden;}
body .news-bigint-container .news-latest-title, body .news-bigint-container .news-latest-title a {width: 180px}


.news-list-item img, .news-single-img {float:left; margin-right:10px; margin-bottom:10px; /*border: 4px solid #19087A; border-left-color:#230BBF; border-top-color:#230BBF*/}
.news-list-title, .news-single-title {/*width:400px;*/ float:left}
.news-list-title a, .news-single-title {font-size:14px; color: #19087a; font-weight:bold}
.news-list-date, .news-single-timedata {font-size:11px; color: #666; text-align: right}
.news-list-item, .news-amenu-container {border: 1px solid #19087A; padding:6px; background-color: #ededed; margin-bottom:6px}
.news-list-subheader {font-size:12px}

.news-single-subheader h3 {font-size:12px; font-weight:bold}
.news-single-backlink {font-size:12px}
.news-single-content {font-size:12px}
.news-single-img {float:left; margin-right:10px}	
.news-single-imgcaption {display:none}
.news-single-timedata {width:30px; height:30px}

.news-amenu-container {clear:both}
.news-amenu-container ul {margin-left:0px}
.news-amenu-container ul li dd {margin-left:-40px}
.news-amenu-container ul li {list-style:none}



/* Ladder */
table.spladder {font-family: Arial; font-size: 10px; padding: 0px; margin: 0px; border: none; width: 199px; margin-left: 5px; border-collapse:collapse}
table.spladder th {text-align: center; color: #c81044; font-weight: bold; font-size: 10px; height: 10px}
table.spladder td {padding:0px; text-align:center}
table.spladder tr.sproweven {background-color: #e5e5e5;	height: 11px; padding:0px; margin:0px}
table.spladder tr.sprowodd {height: 10px; padding: 0px; margin: 0px}
table.spladder td.teamname {font-weight: bold}

.spfixture {font-family: Arial; font-size: 10px; color: #456EA2; width: 178px}
.spteams div {display:inline}
.spteams {font-weight: bold; color: #000000; font-size: 11px}

/* National Youth League Ladder */
.standings table.spladder {font-family: Arial; font-size: 12px; padding: 0px; margin: 0px; border: none; width: 750px; margin-left: 5px; border-collapse:collapse}
.standings table.spladder th {text-align: left; color: #c81044; font-weight: bold; font-size: 12px; height: 10px}
.standings table.spladder td {padding:5px; text-align:left}
.standings table.spladder tr.sproweven {background-color: #e5e5e5;	height: 11px; padding:0px; margin:0px}
.standings table.spladder tr.sprowodd {height: 10px; padding: 0px; margin: 0px}
.standings table.spladder td.teamname {font-weight: bold}




/*Field*/
div.field {margin-left: 9px; background-image:url(../img/weeklyteam-bg.jpg); height: 260px; width: 445px}
.field div {position: absolute; color:white; font-size:11px; font-weight:bold}
.field #title {margin-top:8px; margin-left:20px; font-size:14px}
.field #pos1 {margin-left: 52px; margin-top: 130px}
.field #pos2 {margin-left: 119px; margin-top: 55px}
.field #pos3 {margin-left: 142px; margin-top: 105px}
.field #pos4 {margin-left: 141px; margin-top: 159px}
.field #pos5 {margin-left: 111px; margin-top: 206px}
.field #pos6 {margin-left:225px; margin-top: 52px}
.field #pos7 {margin-left:247px; margin-top: 102px}
.field #pos8 {margin-left: 245px; margin-top: 160px}
.field #pos9 {margin-left: 229px; margin-top: 205px}
.field #pos10 {margin-left: 350px; margin-top: 87px}
.field #pos11 {margin-left: 350px; margin-top: 168px}



/*Poll*/
.tx-jkpoll-pi1 {padding-left:10px; padding-right:10px}
.tx-jkpoll-pi1 br {line-height:1px}




/*Golden  Boot*/
#golden_boot #gb1, #golden_boot #gb2, #golden_boot #gb3 {background-repeat:no-repeat; background-position:left center; padding-left: 50px}
#golden_boot #gb1 {background-image: url(../img/gold-ball.jpg)}
#golden_boot #gb2 {background-image: url(../img/silver-ball.jpg)}
#golden_boot #gb3 {background-image: url(../img/bronze-boot.jpg)}
#golden_boot .name {font-weight:bold; color: #10117D}
#golden_boot .team {font-weight:bold; color: #B73D30}



/*Schedule*/
.spfixture {margin-left:10px}
.spteams {width:210px}
.spteams div {margin-left:2px; margin-right:2px; margin-bottom:15px; width:89px; height: 34px; color:white; font-size:1px; background-image:url(../img/score-boxes.jpg); background-repeat:no-repeat}
body .spteams .spteam1 {background-position:top right; margin-right:6px; text-align:right; margin-bottom:0px}
body .spteams .spteam2 {background-position:top left; margin-left:6px; text-align:left; margin-bottom:0px}
.spmatch {border:1px solid gray; padding:5px; width:194px; overflow:hidden; margin-bottom:3px; height:/*100px*/ 88px}
body .spteams .spteam1, body .spteams .spteam2  {width:38px; padding-top:36px; height:20px; /*height: 34px*/; font-size:9px; color:black}
body .spteams div.tid5991716 {background-image:url(../img/waitakere_sml.gif)}
body .spteams div.tid5991713 {background-image:url(../img/teamwell_sml.gif)}
body .spteams div.tid5991718 {background-image:url(../img/otago_sml.gif)}
body .spteams div.tid5991720 {background-image:url(../img/waikato_sml.gif)}
body .spteams div.tid5991711 {background-image:url(../img/canterbury-sml.gif)}
body .spteams div.tid5991714 {background-image:url(../img/hawkes-bay-sml.gif)}
body .spteams div.tid5991717 {background-image:url(../img/youngheart_sml.gif)}
body .spteams div.tid5991715 {background-image:url(../img/auckland_sml.gif)}
#schedule_anchor {display:none}
#schdule_anchor {height: 1px; overflow:visible}
#schedule_anchor div {position:absolute; font-size:12px; font-weight:bold; text-align:center; width: 30px}
#schedule_anchor .csc-header {display:none}
#schedule_anchor #match1links, #schedule_anchor #match2links, #schedule_anchor #match3links, #schedule_anchor #match4links {width:100px; margin-left: 100px; text-align:center}
#match1links a, #match2links a, #match3links a, #match4links a {color: #040092; font-weight:bold; font-size:10px; text-decoration:none}
#match1links {margin-top:68px}
#match2links {margin-top:170px}
#match3links {margin-top:274px}
#match4links {margin-top:378px}
.sptime {margin-top:-6px}


/*.team1name, .team2name {width:38px; overflow:hidden}*/
body .spteams .spteam1, body .spteams .spteam2 {height: 56px; padding-top:0px}

body .spteams .spteam1 .team1name, body .spteams .spteam2 .team2name {width:90px; position:absolute; top: 40px; left:0px; padding-top:0px} 
body .spteams .spteam2 .team2name {left:110px; text-align:left; width: 82px}

#match1score1, #match2score1, #match3score1, #match4score1 {margin-left: 61px}
#match1score2, #match2score2, #match3score2, #match4score2 {margin-left: 125px}
#match1score1, #match1score2 {margin-top: 18px}
#match2score1, #match2score2 {margin-top: 122px}
#match3score1, #match3score2 {margin-top: 226px}
#match4score1, #match4score2 {margin-top: 328px}
#schedule_anchor div#match1status, #schedule_anchor div#match2status, #schedule_anchor div#match3status, #schedule_anchor div#match4status {width:100px; text-align:center; font-size:10px; margin-left:58px}
#match2status {margin-top:103px}
#match3status {margin-top:206px}
#match4status {margin-top:309px}


/*Schedule New*/
.fixture {margin-left:10px}
.fixture .csc-header {display:none}
.fixture p.bodytext {margin:0px; padding:0px}
.match {border:1px solid gray; margin:10px; padding:5px 0;width:194px;/*overflow:hidden;*/ margin-bottom:3px; /*height:100px*/}
.topline {height:30px}
.team1img, .team2img {width:44px; overflow:hidden; float:left}
.team1img {text-align:right}
.team2img {text-align:left}
.vsbox {margin-left:2px; margin-right:2px; margin-bottom:15px; width:100px; height: 34px; background-image:url(../img/score-boxes.jpg); background-repeat:no-repeat; background-position:center; float: left}
.matchstatus {width:100px; text-align:center; font-size:10px; height: 12px; overflow:hidden; margin-top:-3px; margin-bottom:3px}
.matchstatus p {margin:0px;}
.team1score, .team2score {font-weight:bold; width: 36px}
.team1score { text-align:center; float:left}
.team2score {width: 30px; text-align:center; float:right}
.matchdate, .venue, .links {margin-left:10px; width:180px; clear:both}
.matchdate, .venue {color: #456ea2; font-size: 10px}

  .team1name, .team2name {font-size:9px; float:left}
  .team1name {width: 82px; text-align:right}
  .team2name {width: 76px; text-align:; left; margin-left: 34px}




.footerlink {color: #8488ae; padding:6px; float:left}
#quote {float:right; width: 520px}
#quotetitle {font-size:14px; font-weight:bold; margin-bottom:6px; color:red} 
#quote_text {font-size:18px; color: #4E4F7F;  font-weight: bold}
#quote_author {font-size:8px; font-weight:bold; margin-top:4px}
#sp_logo {position: absolute; margin-top: 98px; margin-left:800px}
#copyright {position: absolute; margin-top: 50px; margin-left:20px; font-size:9px; color:#999}





/*Team Pages*/
#topteam_left, #topteam_right{margin:0px; padding:0px}
#topteam_left{float:left; width: 443px; overflow:hidden}
#topteam_right{float:left; width: 310px; overflow:hidden}
#topteamcontainer {width:753px}
#teamjump {
	margin-left: 25px;
	margin-bottom: 10px;
}

.csc-mailform-field {text-align:left; margin:5px; margin-bottom:10px; clear:both}
.csc-mailform-submit {text-align:right}
.csc-mailform label {float: left; width:150px; margin-right:10px; margin-bottom:12px}
.csc-mailform-radio {float: left; border: none;}
span.csc-mailform-label {font-weight:bold}
.csc-mailform-radio fieldset {border: none;}
.csc-mailform-radio legend {display: none;}


#header_spon {}