/******************** 
 STYLE.css
 @author Anthony Macali
 ********************/
  body { margin:0; font:12px Arial; }

/******************** 
 GLOBAL
 ********************/
   a { text-decoration:none; }
   strong { font-weight:bold; }
 
  .clear { clear:both; height:1px; line-height:1px; }
  .left { float:left; }
  .right { float:right; }
  
/******************** 
 CONTAINER
 ********************/ 
  .container { width:960px; margin:auto; }  
  #content { float:left; width:640px; padding-left:10px; margin:20px 0 20px 0; }
  #pane { float:right; width:270px; padding-right:10px; margin:20px 0 20px 0;}
  
  #pane a.sponsor img { width:270px; margin-bottom:20px; }

/******************** 
 BANNER
 ********************/
  #banner { height:110px; background-color:#1b1b1b; }
  #banner img.logo { float:left; height:60px; margin-top:25px; margin-right:16px; }
  #banner a.header { float:left; line-height:106px; color:#FFF; font-size:5em; font-family:'Oswald', sans-serif; }

/******************** 
 MENU
 ********************/  
  .nav-top { background-color:#959595; height:32px;  }
  .nav-bottom { background-color:#cc3333; height:32px; }
   
  #menu { z-index:3; height:32px; }
  #menu li { float:left; margin-right:8px; }  
  #menu li a { display:block; height:32px; padding:0 12px; line-height:31px; color:#fff; font-weight:bold; font-size:1.4em; }
  #menu li a { text-shadow:1px 1px 0 #515151; }
  
  #menu li.active a, #menu li a:hover { background-color:#cc3333; }  
  
  /* submenu */
  #submenu { display:block; padding-left:12px; } 
  #submenu li { float:left; margin-right:20px; }  
  #submenu li a { display:block; height:32px; line-height:31px; color:#fff; font-size:1.1em; }
  #submenu li a:hover { color:#ccc; }  
  #submenu li.active a { color:#ccc; }

/******************** 
 Content
 ********************/
  h1 { font-size:2.5em; margin-bottom:2px; }  
  h2 { font-size:1.4em; text-indent:1px; margin-bottom:16px; } 
  h3 { font-size:1.1em; font-weight:bold; text-indent:8px; line-height:2em; }
  h3 { border-top-left-radius:3px 2px; border-top-right-radius:3px 2px; }
  h3 img { height:18px; float:right; margin:4px 8px; }
  h4 { font-size:1.4em; line-height:2em; padding-top:12px; }
    
  /* Variables */
  h1 { color:#a22222; }
  h2 { color:#999; }
  h3 { color:#fff; background-color:#1b1b1b; } 
  h4 { color:#1e88d2; }        
  
  p { font-size:1.2em; line-height:1.4em; margin-bottom:10px; padding-left:1px; }  

/*******************************************************************************
 Table
 ******************************************************************************/   
  table { width:100%; margin-bottom:20px; border:1px solid #eeeeee; border-top:0; }                                  
  table tr { border-top:1px solid #eeeeee; }
  table th { line-height:2.2em; font-size:0.8em; color:#cc3333; font-weight:bold; }
  table td { line-height:2.1em; }                                 

  /* Links */
  td a { color:#1e88d2; }
  td a:hover { text-decoration:underline; }   
    
  /* Odd and even row numbers */
  .odd { background-color:#f8f7f2; }
  .even { background-color:#fff; } 

  /* Jumpers */
  td.JUMPER { width:24px; }
  td.JUMPER img { height:20px; vertical-align:middle; margin-top:-3px; }
  
/*******************************************************************************
 Quicklinks
 ******************************************************************************/      
  #pane h2 { margin-bottom:0; line-height:2.2em; font-size:0.8em; background-color:#eeeeee; text-indent:6px; text-transform:uppercase; font-weight:bold; }     
  
  table.quicklinks { font-size:0.9em; }
  table.quicklinks td.ICON { width:32px; vertical-align:middle; text-align:center; }
  table.quicklinks td { color:#1e88d2; }
   
/*******************************************************************************
 Fixture and Results
 ******************************************************************************/
  table.fixture td.START_TIME { width:130px; color:#666; text-align:left; font-size:0.9em; text-indent:6px; }  
  table.fixture td.HOME { width:140px; padding-right:4px; text-align:right; }
  table.fixture td.HOME_SCORE { width:30px; text-align:right; }  
  table.fixture td.V { width:12px; text-align:center; }
  table.fixture td.VS { width:80px; text-align:center; font-weight:bold; }  
  table.fixture td.AWAY { width:140px; }
  table.fixture td.AWAY_SCORE { width:30px;}  
  table.fixture td.VENUE, table.fixture TD.REPORT { width:150px; text-align:center; font-size:0.9em; } 

/*******************************************************************************
 Ladder
 ******************************************************************************/    
  table.ladder td { text-align:center; }  
  table.ladder td.POS { width:40px; color:#666; }
  table.ladder td.TEAM  { text-align:left; }
  table.ladder td.VAL { width:40px; }
  table.ladder td.PERCENTAGE { width:70px; }
  table.ladder td.PTS { width:40px; font-weight:bold; }

/*******************************************************************************
 Club
 ******************************************************************************/  
  table.life-members td { text-indent:6px; }
   
  table.premierships td.YEAR { text-align:center; width:60px; }
  table.premierships td.NAME { width:140px; }


/*******************************************************************************
 Sponsors
 ******************************************************************************/  
  div.rect { border-bottom:1px solid #eeeeee; padding-right:16px; }
  div.rect img { float:left; padding:16px 24px 16px 16px; height:100px; }
   
  div.rect p { margin-bottom:0 !important; }
  div.rect a { color:#1e88d2; }
  div.rect a:hover { text-decoration:underline; }
  

/*******************************************************************************
 News Article
 ******************************************************************************/  
  
  img.article-photo { margin-left:10px; }
  p.preview { padding:8px 12px; margin-top:16px; }
  div.html { padding:0 12px; }
  p.author { padding:8px 12px; color:#1e88b2; }
  
  
/*******************************************************************************
 Home
 ******************************************************************************/
  .box-1 { width:340px; height:153px; float:left; margin-right:16px; border:1px solid #dedede; overflow:hidden; }
  .box-1 .img { margin-right:4px; width:145px; margin:10px; float:left; height:104px; }
  
  .box-1 p { margin-top:10px; margin-bottom:2px !important; padding-right:10px; }
  .box-1 a { color:#1e88d2; }
  .box-1 a:hover { text-decoration:underline; }
  
  p.DATE { color:#1e88d2 !important; margin-bottom:4px; }
  .box-2 { width:284px; float:left; }
  
  /* feature */
  .box-3 { padding:4px; background-color:#f2f2f2; width:144px; float:left; height:269px; font-size:0.9em; color:#606060; margin-right:10px; margin-bottom:10px; }
  .box-3 img { display:block; margin-bottom:5px; }
  .box-3 p { padding:1px 2px; margin-bottom:3px !important; }
  .box-3 a { padding:1px 2px; color:#1e88d2; }
  .box-3 a:hover { text-decoration:underline; }

  
/******************** 
 NEWS PREVIEW
 ********************/
	div#feature_list { width:640px; height:248px; overflow:hidden; position:relative; background-color:#f2f2f2; margin-bottom:15px; }
	div#feature_list ul { position:absolute; top:0;  }
  
  /* output */
	ul#output { left:0; position:relative; width:448px; height:248px; padding:4px; }
  ul#output img { width:444px; height:240px; }
	ul#output li { position:absolute; }
	
	ul#output li a { position:absolute; bottom:0; right:0; color:#fff; width:424px; height:54px; background:url(/images/opacity-65.png); padding:8px; line-height:1.5em; }
  /* colour RED */
  ul#output li a span { color:#1e88d2; }   
  ul#output li a:hover { background:url(/images/opacity-60.png); }                      
  ul#output li a:hover span { border-bottom:1px dotted #1e88d2; }
  
  
  /* tabs */
	ul#tabs { right:0; z-index:2; width:184px; padding:4px; }
	ul#tabs li { overflow:hidden; margin-bottom:4px; }	
	ul#tabs li a { font-weight:bold; text-decoration:none; display:block; outline:none; color:#333; background-color:#d1d1d1; padding:8px; height:41px; line-height:1.3em; }

	ul#tabs li a:hover {  background-color:#d9d9d9; }
  /* colour RED */
	ul#tabs li a.current { background-color:#cc3333; color:#fff !important; font-size:1.2em;  }
	ul#tabs li a.current:hover { cursor:default; }	
	ul#tabs li a span { display:block; }

  
/******************** 
 FOOTER
 ********************/
  #footer { border-top:1px solid #eeeeee; background-color:#f8f7f2; }
  #footer .container { padding:10px 0; }
  
  #footer a.sponsor { float:left; display:block; margin-left:10px; }
  #footer a.sponsor img { height:50px; }
  
  #footer ul { float:right; margin-right:10px; margin-top:6px; }
  #footer ul li { text-align:right; color:#666; line-height:1.5em; }
  #footer ul li.copyright { font-size:0.95em; }
  
/******************** 
 STICKY FOOTER
 ********************/
  * {margin:0;padding:0;} 
  html, body, #wrap {height:100%;}
  body > #wrap {height:auto; min-height:100%; }
  #main { padding-bottom:70px; }  /* must be same height as the footer */
  
  #footer { position:relative; margin-top:-71px; /* negative value of footer height */ height:70px; clear:both; } 

  /* CLEAR FIX*/
  .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; }
  .clearfix { display:inline-block; }
  /* Hides from IE-mac \*/
  * html .clearfix { height:1%; }
  .clearfix { display:block; }
  /* End hide from IE-mac */