/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 12 February 2012 05:57:11
*/


.html, body { /* remove vertical scrollbar on homepage -- IE bug?? */
    overflow-x: hidden;
}
body {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #666;
    background-color: #f0f0f0;
    border: 0;
    padding: 0;
    line-height: 1.5;
    margin: 0;
}

ul, ol, li {
    margin: 0;
    padding: 0;
}

img {
  border: none;
  -ms-interpolation-mode: bicubic; /*ie image resize fix!*/
}


a,a:link {
  color: #0551B3 /*#48b*/;
}
a:visited {
  color:  #555 /*#58a*/;
}

a:hover,a:focus, a:active {
  color: #900;
}


.clear {
    clear: both;
}
.hidden {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}
div#container {
    text-align:left
}
div#extracolumn {
    background: transparent;
    z-index: 900;
}

div#container {
    width:960px;
    margin:0
}
div#wrapper {
    float:left;
    width:100%;
    background-color: #f0f0f0;
    padding-bottom: 20px;
}
div#navigation {
    float:left;
    width:250px;
    margin-left:-960px;
    background: transparent;
}
div#extracolumn {
    float:left;
    width:250px;
    margin-left:-250px;
    display: none;
    background: transparent;
}

#homepage_content {
    width: 960px;
}
/* heading styles */

div#header {
    background: #258 url("/__data/assets/image/0020/108623/banner.jpg") top left no-repeat;
}
#heading {
    width: 500px;
    height: 93px;
    float: left;
    background: #069 url("/__data/assets/image/0020/108650/title.jpg") top left no-repeat scroll;
    margin: 0;
    padding: 0;
}
#heading a {
    display: block;
    width: 100%;
    height: 90px;
}
#heading span {
    position: absolute;
    top: -10000px;
    left: -10000px;
}

div#usefullinks {
float: right;
padding: 5px 10px;
text-align: left;
font-weight: bold;
}

/* change the following form#search related items to the form search and submit's own ID */

form#search {
display: block;
margin: 5px 0;
}
form#search input#queries_keywords_query {
    height: 20px;
}
form#search input#searchsubmit, input.image {
    vertical-align: bottom;
}
div#usefullinks a {
    color: #fff;
}
div#usefullinks input#queries_keywords_query {
    width: 7em;
}
/* navigation list */


/* let's give this one a toot */

div#primarynav {
    border-top: 1px solid white;
    background: #377ebd url("/__data/assets/image/0007/108646/tabs-bk.gif") top left repeat-x;
    line-height: 100%;
    padding-top: 3px;
}
div#primarynav ul {
    float:left;
    width:98%;
    line-height:normal;
    list-style-type: none;
    margin: 0 0 0 12px;
    padding:0;
    display: inline;
}
div#primarynav li {
    display:inline !important;
    margin:0;
    padding:2px 0;
}
div#primarynav ul a {
    float:left;
    background:url("/__data/assets/image/0004/108643/sl-tableft.gif") no-repeat left top;
    margin:0;
    padding: 0px 0 0px 9px;
    text-decoration:none;
    color: #fff;
    border-right: 1px solid #6ba5d8;
}
div#primarynav ul a span {
    float:left;
    display:block;
    background:url("/__data/assets/image/0005/108644/sl-tabright.gif") no-repeat right top;
    padding:8px 14px 8px 5px;
    font-weight:bold;
    color:#fff;
    cursor: pointer;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#primarynav a span {
    float:none;
}
/* End IE5-Mac hack */

div#primarynav ul a:hover span, div#primarynav ul a:active span {
    color: #377ebd;
}
div#primarynav ul .now a {
    background-position:0 -125px;
}
div#primarynav ul .now a span {
    background-position:100% -125px;
    color: #377ebd;
    cursor: text;
}
div#primarynav ul a:hover, div#primarynav ul a:active {
    background-position:0% -125px;
}
div#primarynav ul a:hover span, div#primarynav ul a:active span {
    background-position:100% -125px;
}
/* breadcrumbs */
div#breadcrumbs {
    background: #fff;
    padding: 8px 12px;
    color: #666;
    clear: both;
}
div#breadcrumbs a {
    color: #48b;
}

/* footer */
div#footer {
    background: #333;
    color: #ddd;
    font-size: 11px;
    clear: left;
    width: 100%;
    position: relative;
    margin-top: 20px;
}
div#footer a {
    color: #aaa;
}
div#footer h2 {
    font-size: 1.2em;
}
div#login, div#sitetools, div#legal {
    width: 280px;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}
div#login form label {
    display: block;
    float: left;
    width: 200px;
    line-height: 200%;
    text-align: right;
}
div#login form input.text {
    background: #333;
    color: #ddd;
    border: 1px solid #aaa;
    padding: 1px 2px;
}
div#login form br {
    display: none;
}
div#login form label input {
    width: 120px;
}
div#login form input#log_in_out_button {
    display: block;
    width: 50px;
    margin-left: 10px;
    float: left;
}
/* shuffle some stuff */

div.columns div#extracolumn, div.columns div#content {
    margin-top: 136px;
}
div.columns div#navigation {
    margin-top: 50px;
}
/* for the homepage only */

div.homepage div#welcomebanner {
    height: 54px;
    background: transparent url("/__data/assets/image/0003/108651/welcomebanner.jpg") top left no-repeat;
}
div.homepage div#welcomebanner h1 {
    position: absolute;
    left: -10000px;
}
div.homepage div#welcomebanner img {
    float: right;
    margin: 2px 5px;
}
div#homepagefeatures {
    width: 700px;
    float: left;
}
div#infofor {
    width: 223px;
    float: right;
    margin-top: 8px;
}
div#infofor h2 {
    background: url("/__data/assets/image/0006/263382/homepage-infofor_notext.gif") no-repeat scroll top left;
    height: 28px;/*text-indent: -10000px*/
    margin: 0;
}

div#infofor ol,
div#infofor li {
    margin: 0;
    padding: 0;
}
/* for full width content */


div.legal div#wrapper {
    background: transparent url("/__data/assets/image/0006/108636/legalinfoheader.jpg") top left no-repeat;
}
div.legal div#inpageheader {
    height: 77px;
    position: relative;
}
div#inpageheader h1 {
    text-indent: -10000px;
}
div#inpageheader ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    /* bottom: 1.8em; */ bottom: 0;
    left: 20px;
}
div#inpageheader ul li {
    list-style-type: none;
    display: block;
    float: left;
    padding: 0px 5px;
}
div#inpageheader ul li a {
    text-decoration: none;
    background: #8ad;
    color: #fff;
    display: block;
    margin: 0 3px;
    padding: 3px 8px;
}
div#inpageheader ul li a.now, div#inpageheader ul li a:hover {
    background: #fff;
    color: #68a;
}
/* generics */

/* because there are so many similar-yet-not items here, these styles are to be combo'd */

/* white arrowed links */
a.warr {
    padding: 4px 0px 2px 15px;
    background: transparent url("/__data/assets/image/0018/108621/arrow-white.gif") no-repeat left center;
}
ul.warr li, li.warr {
    list-style-type: none;
    padding: 4px 0px 2px 15px;
    background: transparent url("/__data/assets/image/0018/108621/arrow-white.gif") 0px 8px no-repeat;
}
/* blue arrowed links*/
a.barr {
    padding: 4px 0px 2px 15px;
    background: transparent url("/__data/assets/image/0017/108620/arrow-blue.gif") no-repeat left center;
}
/* add a horizontal mg */
.hspaced {
    margin-right: 8px;
    margin-left: 8px;
}
/* and a vert */
.vspaced {
    margin-top: 8px;
    margin-bottom: 8px;
}
/* undecorated links */
.nodec, .nodec a {
    text-decoration: none;
}
/* add a top dotted border */
.topdotter {
    border-top: 1px dotted #666;
}
/* add a bottom border */
.bottomdotter {
    border-bottom: 1px dotted #666;
}
/* use this on an a or something to display block */
.asblock {
    display: block;
}
div.left-img {
    float: left;
    margin-right: 8px;
}
/* divs of varying widths (don't forget to use .clear if they vary in height) */

div.half {
    width: 46%;
    margin-right: 1%;
    float: left;
}
div.third {
    width: 31%;
    margin-right: 1%;
    float: left;
}
div.quarter {
    width: 23.5%;
    margin-right: 1%;
    float: left;
}
div.angled, div#menu {
    padding-top: 4px;
}
div.angled h2, div.angled h3 {
    margin: 0 3px 6px 6px;
    color: #fff;
    white-space: nowrap;
}
h2.backgroundsifr, h2.whitesifr {
    font-size: 1.35em /*1em*/;
    /*text-transform: uppercase;*/
    padding: 2px 10px;
    margin-top: 0 /*10px*/;
    font-family: "Helvetica Condensed", "Helvetica Narrow", "Arial Narrow", sans-serif;
    letter-spacing: 0em;
}
h2.leaveroomforfeed {
    width: 80%;
}
a.feed {
    float: right;
    margin-right: 10px;
}
.hid {
    position: absolute;
    top: -10000px;
    left: -10000px;
}
/* some more global goodies */

ul.nostyle li, ol.nostyle li, li.nostyle {
    list-style-type: none;
}
ul.in-line li, ol.in-line li {
    display: inline;
}
div.topborder {
    padding: 4px;
    background: #fff;
    margin-top: 14px;
}
div.storywidget a.subscribe {
    padding: 0px 0px 0px 20px;
    margin: 0 4px;
    background: transparent url("/__data/assets/image/0004/108634/icon-feed.gif") center left no-repeat;
    float: left;
    width: 40%;
    font-size: 0.95em
}
div.storywidget span.more {
    padding: 0 0 2px 0;
    margin: 0 4px;
    width: 40%;
    float: right;
    text-align: right;
    font-size: 0.95em;
}
/* Showcase items */

.sc-main {
    min-height: 74px;
    padding: 5px 5px 10px 5px;
}
/* textcontent is for large collections of text, adjusting paragraphs and the like, all of which were reset elsewhere. add it to anything that would need 

normal text treatment. some other items are in here to relate to forms and other widgets you might expect in here. */


.bodycopy {
    background: #fff;
    padding: 12px 24px;
}
.textcontent p, .textcontent ul, .textcontent ol,
#homepage_content p, #homepage_content ul, #homepage_content ol, {
    margin: 0.5em 0 !important;
}
.textcontent ol, .textcontent ul {
    margin-left: 3.8em;
}
.textcontent table {
    width: 80%;
    margin: 0.5em 1em;
}
.textcontent h2, .textcontent h3 {
    color: #444;
}
.textcontent form input, .textcontent form textarea {
    border: 1px solid #ccc;
    background: #f8f8;
}
.textcontent form label {
    position: relative;
}
/* coloured elements to be split into separate colour scheme items later. you will also need to have customised sifr background colours in the parsefile. at 

the moment though I am using IDs to switch these. */


/* for now don't make angled headers wider than 350 pixels or the background will cut off */

div.ais div.angled, div.ais div#menu {
    background: #fff url("/__data/assets/image/0007/108619/angleheader-red.gif") top left no-repeat;
}
div.contact div.angled, div.contact div#menu {
    background: #fff url("/__data/assets/image/0005/108617/angleheader-blue.gif") top left no-repeat;
}
div.participating div.angled, div.participating div#menu {
    background: #fff url("/__data/assets/image/0006/108618/angleheader-green.gif") top left no-repeat;
}
div.ais div#aislogo {
    position: absolute;
    top: 21px;
    right: 20px;
    z-index: 400;
}
div.ais div#wrapper {
    background: transparent url("/__data/assets/image/0004/108616/ais-header.jpg") top left no-repeat;
}
/* topborder is one of those combo classes - the id'd ones here are for the homepage */
div.ais div.topborder, div#athletesandcoaches {
    border-top: 4px solid #d00;
}
div.participating div.topborder, div#findasport {
    border-top: 4px solid #8c4;
}

div#tagcloud {
   width: 470px;
}

div.topborder, 
div#tagcloud,
div#popularLinks {
    border-top: 4px solid #69c;
}
div#featuredsponsor {
    border-top: 4px solid #aaa;
}
div.participating div#wrapper {
    background: transparent url("/__data/assets/image/0019/108640/participating-header.jpg") 0px 0px no-repeat;
}
div#athletesandcoaches, 
div#tagcloud, 
div#popularLinks,
div#featuredsponsor, 
div#findasport {
    background: #fff;
    padding: 5px 0;
}

div#popularLinks table td {
  width: 50%;
  padding: 5px;
}

div.contact {
    background: transparent url("/__data/assets/image/0007/108628/contact-header.jpg") 0px 0px no-repeat;
}
/* topborder is one of those combo classes */
div#ais div.topborder {
    border-top: 4px solid #d00;
}
div#participating div.topborder {
    border-top: 4px solid #8c4;
}
div#participating {
    background: transparent url("/__data/assets/image/0019/108640/participating-header.jpg") 0px 0px no-repeat;
}
/* fix me: these colours need doing for the other colour schemes - more images need to be cut. */



div#menu ul li.now a, div#menu ul a:hover {
    background: #158 url("/__data/assets/image/0006/108645/sublistarrow.gif") center left no-repeat;
    color: #fff;
}
div#menu li.hier {
    border-top: 1px dotted #158;
    font-weight: bold;
    background: transparent url("/__data/assets/image/0008/108638/menu-hier.gif") top left no-repeat;
}
div#menu ul ul {
    padding-left: 1em;
    margin-bottom: 1em;
    border-bottom: 1px dotted #158;
    background: transparent url("/__data/assets/image/0009/108639/menu-hier-bottom.gif") bottom left no-repeat;
    font-weight: normal;
}
div#menu ul ul li {
    background: transparent url("/__data/assets/image/0006/108645/sublistarrow.gif") center left no-repeat;
}
/* left and right columns */

/* contents of the rightmost extra bar */
div#help {
    background: #8be url("/__data/assets/image/0018/108630/helpbackground.gif") bottom left no-repeat;
    width: 230px;
    height: 114px;
    color: #fff;
    margin-bottom: 1em;
}
div#help h2 {
    display: block;
    padding: 5px 10px;
    margin: 0;
    text-transform: uppercase;
}
div#help ul li {
    list-style-type: none;
    margin-left: 1em;
    font-size: 14px;
}
div#help ul li a {
    color: #fff;
}

div#followUs {
    background: transparent url('/__data/assets/image/0006/452490/social_media_container.png') no-repeat scroll left top; 
    padding: 8px; 
    margin-top: 7px;
}

div#followUs h2 {
    margin: -25px 0 0 8px;
    padding: 2px 5px;
    color: #609DD3;
    text-transform: uppercase;
}

div#didyouknow {
    width: 230px;
    padding-top: 30px;
    margin-bottom: 5px;
    background: transparent url("/__data/assets/image/0009/263385/bubble_top_notext.gif") top left no-repeat;
}
div#didyouknow div#didyouknowinner {
    padding-bottom: 35px;
    background: transparent url("/__data/assets/image/0003/108624/bubble_bottom.gif") bottom left no-repeat;
}
div#didyouknow h2{
    margin: -25px 0 0 8px;
    padding: 5px 5px 0;
    color: #609DD3;
    text-transform: uppercase;
}
div#didyouknow p.fact {
    font-size: 1.4em;
    padding: 5px 10px;
    margin: 5px;
    line-height: 1.1em;
}
div#didyouknow ul li {
    list-style-type: none;
    margin-left: 1em;
}
div#bythenumbers {
    background: #8be url("/__data/assets/image/0010/263386/quicknumbers_top_notext.gif") top left no-repeat;
    width: 230px;
    padding-top: 30px;
    color: #fff;
}
div#bythenumbers h2 {
    color: #fff;
    margin: -28px 0 3px 8px;
    text-transform: uppercase;
}
div#bythenumbersinner {
    background: #8be url("/__data/assets/image/0020/108641/quicknumbers_bottom.gif") bottom left no-repeat;

}
div#bythenumbers div.number {
    padding: 3px 5px;
}
div#bythenumbers div.number {
    border-top: 1px dotted #9cf;
}
div#bythenumbers span.figure {
    font-size: 2.3em;
    font-weight: bold;
    width: 65px;
    float: left;
    text-align: right;
    margin-top: -5px;
}
div#bythenumbers span.description {
    width: 140px;
    float: right;
    clear: right;
    line-height: 1.2em;
    font-size: 12px;
}
div#bythenumbers a {
    color: white;
}
/* left */

/* left sidebar, menu */
div#menu {
    background: #fff;
    margin: 0px 12px;
}
div#menu ul {
    position: relative;
    background: #fff;
}
div#menu ul li {
    list-style-type: none;
    /* padding: 4px 12px; */
border-top: 1px dotted #aaa;
    background: #fff url("/__data/assets/image/0007/108637/menuclip.gif") top left no-repeat;
}
div#menu ul li a {
    color: #666;
    text-decoration: none;
    display: block;
    padding: 3px 12px;
}
/* little profiles */

.miniprofile {
    padding: 7px;
}
.miniprofile img {
    float: left;
    border: 4px solid #ddd;
    margin: 0 7px 7px 0;
}
/* you will need to replace this form's input and select style names with whatever the search form will be called. */
div.miniprofile form {
    line-height: 200%;
    text-align: right;
    font-weight: bold;
}
div.miniprofile form input#athletename, div.miniprofile form select#athletesport {
    border: 1px solid #aaa;
    background: #eee;
    color: #333;
    width: 160px;
    padding: 2px;
    margin-left: 4px;
}
/* sifr! */


/* These are standard sIFR styles... do not modify */
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}
.sIFR-replaced {
    visibility: visible !important;
}
.siFR-replaced img {
    visibility: visible !important;
}
span.sIFR-alternate {
    /*position: absolute;*/
left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
/* Hide Adblock Object tab:the text should show up just fine,not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
    display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text 

metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues 

you may run into are usually fixed by tweaking these decoy styles */


/*
.sIFR-hasFlash h2.sIFR-replaced {

letter-spacing: 0px;
font-size: 14px;
clear: none;
overflow: none;
padding: 0px;
}*/
.sIFR-hasFlash h2.sIFR-replaced, h2.sIFR-replaced {
    letter-spacing: -0.02em;
    clear: none;
    overflow: none;
    padding: 0px;
    font-family: Arial !important;
    font-size: 14px !important;/*text-transform: uppercase !important;*/
}
h2.sIFR-replaced span {
    padding-left: 0 !important;
}
.sIFR-hasFlash div#menu h2 {
    width: 200px;
    font-size: 12px;
    letter-spacing: -5px;
}
/*
.sIFR-hasFlash h2.whitesifr,
.sIFR-hasFlash h2.backgroundsifr {
visibility: hidden;
font-size: 14px;
letter-spacing: -5px;
}
.sIFR-hasFlash div#didyouknow h2.sifrblue {
visibility: hidden;
height: 13px;
margin-bottom: 7px;
letter-spacing: -5px;
width: 90%;

}
.sIFR-hasFlash div#bythenumbers h2 {
height: 18px;
margin-bottom: 8px;
width: 90%;
} */




/* Actual menu CSS starts here */
/* Moved into CSS file from parse file */

ul.menu {
    margin:0;
    padding:0;
    list-style:none;
    width: 223px;
    background: #fff;
}
ul.menu li {
    display:block;
    margin:0;
    padding:0;
    border-bottom: 1px solid #ddd;
    margin-bottom:1px;
    background: #fff url("/__data/assets/image/0004/108652/whitegrad.gif") bottom left repeat-x;
}
ul.menu > li > a {
    display:block; 
    padding:2px 5px 2px 18px;
    color:#777;
    font-weight: bold;
    text-decoration:none;
    background: transparent url("/__data/assets/image/0018/108621/arrow-white.gif") 6px 6px no-repeat;
}
ul.menu > li > a:focus, ul.menu > li > a:active {
    background-color: transparent;
    outline: none;
    background-image: url("/__data/assets/image/0019/108622/arrow-white-down.gif");
    background-position: 6px 6px;
    background-repeat: no-repeat;
}
ul.menu li ul li {
    background: #fff;
    border-bottom: 1px solid #fff;
}
ul.menu ul li a {
    padding-left:25px;
    border-bottom: none !important;
    background:#fff url("/__data/assets/image/0006/108627/chevron.gif") 15px 6px no-repeat;
    /*color: #48b;*/
    text-decoration: underline;
    font-weight: normal;
}
.hidden {
    display:none;
}
ul.menu a.menumore {
    margin-top: 5px;
    margin-bottom: 5px;
}
#feature-stories {
    width: 700px;
    background-color: #d6e7f7;
    padding-left: 16px;
    padding-bottom: 10px;
    padding-right: 16px;
}
#image-right-gallary #image-caption, #image-left-gallary #image-caption {
    padding: 0.3em 0.5em;
    background-color: #48b;
}
#rss-feed-links {
    width: 732px;
    height: 19px;
    margin: 0px 0px 0px 0px;
    background: #c4daee url("/__data/assets/image/0018/141723/homepage-icon-feed.gif") center left no-repeat;
}
#rss-feed-links a.subscribe {
    padding: 0px 0px 0px 35px;
    margin: 0 4px;
    float: left;
    width: 40%;
    font-size: 0.95em
}
#rss-feed-links span.more {
    padding: 0 0 2px 0;
    margin: 0 8px;
    width: 40%;
    float: right;
    text-align: right;
    font-size: 0.95em;
}

.defaultView {
    border-top: 1px dotted #EEEEEE;
   display: block;
   padding: 10px;
}

.mobileView {
    border-top: 1px dotted #EEEEEE;
    display: none;
    padding: 10px;
}