/* - - - - - - - - - - - - - - - - - - - - -

Title : Bankstown Sports
URL : http://www.bankstownsports.com.au

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

- - - - - - - - - - - - - - - - - - - - - */

/*----------------------------------------------------------------------------- 
	Table of Contents
   ----------------------
	
	# Global Styles
	
	# Template Styles - Typography styling
	
	# Layout Styles - Wrappers
	
	# Top Navigation  
	
	# Sub/Section Navigation 
	
	# Form Styles
	
	*** JS PLUGIN STYLES ***
	
		# News Scroller
		
			#News Other - Article Manager Styles
		
		# Flash Player Styles
		
	# Search Results Styles
	
-----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------- 
	Global Styles
-----------------------------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, p, form {
	margin: 0; 
	padding: 0;
}

body {
	font: normal 13px/20px Arial, Helvetica, sans-serif;
	color: #333333;
}

img { border: 0; }

.clear { clear: both; height: 0; margin: 0; padding: 0; }


/*----------------------------------------------------------------------------- 
	Template Styles
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5 { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: normal; }

h1 { font-size: 28px; line-height: 31px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }

p, td { font: normal 13px/19px Arial, Helvetica, sans-serif; color: #333333; } 

h1, h2, h3, h4 { padding: 20px 0 10px 0; }

p { padding-bottom: 20px; }

a { color: #ff6e00; }
a:visited { color: #666666; }
a:hover { color: #ff6e00; }

.ss_plugin { z-index: 0; }

hr { 
	border: 0;
	height: 0;
	border-bottom: 1px dotted #ccc;
}

/* Zebra Tables */ 
table.zebraTable {
	border: 0;
	padding:0;
	margin:0;
}

.headerrow {
	font-weight: bold;
	color: #fff;
	background: #333 !important;
}
	.headerrow td { color: #fff; }
	.headerrow p { color: #fff; padding-bottom: 0; }

	.odd { background: #f7f7f7; }
	.even { background: #eeeeee; }
	.white { background: #ffffff !important;}
	
table.zebraTable tr:hover {  background: #ffffff;  } 

/*----------------------------------------------------------------------------- 
	Layout Styles
-----------------------------------------------------------------------------*/
#topNavWrap {
	background: url(../templateimages/top_nav.png) repeat-x;
	height: 38px;
}

#bg { border-bottom: 1px solid #fff; /* Bug fix in IE7 */ }

#bodyWrap {
	width: 985px;
	margin: 0 auto;
}

#headerWrap {
	background: url(../templateimages/header_bg.png) repeat-x;
	height: 110px;
}

	#logo { float: left; width: 480px;  }
	
	#search {
		width: 260px;
		float: right;
		margin-top: 67px;
		padding: 0;
	}
	
		#search .searchbox {
			background: url(../templateimages/search_box.png) no-repeat;
			height:25px;
			width: 182px;
			border:0;
			padding: 8px 5px 2px;
			margin:0;
			font-size: 15px;
			float: left;
		}
		
		#search .searchbtn {
			background: url(../templateimages/search_btn.png) no-repeat;
			height: 36px;
			width:33px;
			border:0;
			padding: 0;
			margin:0 0 0 10px;
			float: left;
			cursor: pointer;
		}
		
	#callOuts  {
		border-top: 1px dotted #ccc;
		padding: 10px 0; 
		text-align: center;
		overflow: auto;
	}
		#callOuts img { padding: 0 0px; }

	#callOutsNew  {
		border-top: 1px dotted #ccc;
		padding: 20px 0px 10px 0px; 
		height: 56px;
		text-align: center;
		overflow: hidden; }
		#callOutsNew a { 
			float: left;
			display: block;
			width: 188px;
			text-align: center;
			font: normal 20px/46px Verdana, Arial, Helvetica, sans-serif;
			padding-bottom: 10px;
			color: #003768;
			text-decoration: none;
			margin-left: 11px; }
			#callOutsNew a.nav-entertainment { margin: 0px; background: url(../images/nav_bg_entertainment.gif) left top no-repeat; }
			#callOutsNew a.nav-dining { background: url(../images/nav_bg_dining.gif) left top no-repeat; }
			#callOutsNew a.nav-membership { background: url(../images/nav_bg_membership.gif) left top no-repeat; }
			#callOutsNew a.nav-promotions { background: url(../images/nav_bg_promotions.gif) left top no-repeat; }
			#callOutsNew a.nav-events { background: url(../images/nav_bg_events.gif) left top no-repeat; }
			#callOutsNew a:hover, #callOutsNew a.cuRRent { background-position: left bottom; color: #ffffff; }


	#subNavWrap {
		padding: 10px 0;
	}		

	#contentWrap {
		padding: 15px 0 20px;
	}
	
		.lhs {
			float: left; 
			width: 700px;
		}
		
		#contentsWrapper { 
			background: url(../templateimages/content_bg_full.png) repeat-y;
			padding: 0px 20px;
		}
		
		#sidebar {
			width: 265px;
			float: right;
		}
		
			#sideBoxTop {
				width: 262px;
				height:31px;
			}
			
				#sideBoxTop h5 { 
					color: #FFFFFF;
					font-size: 16px;
					line-height: 29px;
					padding: 0 10px;
				}
			
			#sideBox {
				background: url(../templateimages/sidebar_bg.png) repeat-y;
				width: 242px;
				padding: 6px 10px 0 10px;
			}
				#sideBox p { padding-bottom: 10px; }
			
			#sideBoxFooter {
				background: url(../templateimages/sidebar_footer.png) no-repeat;
				width: 262px;
				height: 8px;
				margin-bottom: 20px;
			}

	#footerTop {
		background: url(../templateimages/footer_top_bg.png) 0 100% no-repeat;
		height: 57px;
	}
	
	#footer { 
		padding: 25px 0 30px;
		overflow: auto;
	}
	
	#footer h5 {
		font: normal 26px/44px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		color: #000000;
		padding-bottom: 20px;
	}
	
		#footerMain {
			width: 850px;
			float: left;			
		}
		
		/* Footer Nav */		
		#footerMain ul { margin: 0; padding: 5px 2px 0 5px; list-style: none; }

			#footerMain h6 { font: bold 14px Arial, Helvetica, sans-serif; padding: 0 0 5px 5px; }
			
				.footerNav { width: 160px; float:left; padding-right: 10px; }
				
				#footerMain .entertainment a { color: #00a0af; border-bottom: 2px solid #82d1d9; }
				#footerMain .dining a { color: #971417; border-bottom: 2px solid #cb898b;	}
				#footerMain .membership a { color: #3890c2; border-bottom: 2px solid #9ac7e1;	}
				#footerMain .promotions1 a { color: #621a4b; border-bottom: 2px solid #b18ca5;	}
				#footerMain .events-centre a { color: #c6a781; border-bottom: 2px solid #c6a781;	}
				
				.footerNav li { float: left;  }
				
				#footerMain a { 
					color: #666666; 
					text-decoration: none;
					display: block;
					padding: 8px 0;
					line-height: 13px;
					float: left; 
					width: 160px;
				}
				
				#footerMain a:hover { color: #000000; }
		
		#footerRHS {
			width: 110px;
			float: right;
			text-align: right;
			padding-right: 10px;
		}
		
			#footerRHS ul { list-style: none; margin:0;	padding:0; }
			
				#footerRHS ul a { 
					color: #00376a; 
					font: bold 14px/28px Arial, Helvetica, sans-serif;
					text-decoration: none; 
				}
				
				#footerRHS a:hover { color: #000000; }
		
	#footerBottom {
		background: url(../templateimages/footer_bottom.png) top center no-repeat;
		padding: 18px 20px;
	}
	
	.sitesuite { color: #737373; font-size: 12px; }
	.sitesuite a { color: #008dce; text-decoration: none; }
	.sitesuite a:hover { text-decoration: underline; }

/*----------------------------------------------------------------------------- 
	Top Navigation 
-----------------------------------------------------------------------------*/
#topNav {
	list-style: none;
	padding: 0;
	width: 985px;
	margin: 0 auto;
}
	#topNav li { float: left; display: inline; }
	
		#topNav a {
			color: #666666;
			font: bold 12px/38px Arial, Helvetica, sans-serif;
			display: block;
			padding: 0 20px;
			text-decoration: none;
		}
		
		#topNav a:hover { color: #333333; }

#topNav li ul { 
	border-top: 1px solid #dadada;
	list-style: none;
	z-index: 100;
 }

#topNav li ul a {
	display: block;
	text-decoration: none;
	text-transform: none;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #543a09d;
	padding: 8px 15px 8px 20px;
	background: #f1f1f1;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #fafafa;	
	 }
	 
#topNav li ul a:hover { color: #000; }

#topNav li ul ul a { background: #ececec }

#topNav li { float: left; padding: 0px; }

#topNav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 182px;
	margin: 0px;
	padding: 0px; }

#topNav li li { width: 182px; }
#topNav li ul ul {	margin: -33px 0 0 182px; }
#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li.sfhover ul ul, #topNav li.sfhover ul ul ul { left: -999em; }
#topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul, #topNav li.sfhover ul, #topNav li li.sfhover ul, #topNav li li li.sfhover ul { left: auto; }
#topNav li:hover, #topNav li.sfhover { position: static; }
#topNav li ul li:hover, #topNav li ul li.sfhover { }


/*----------------------------------------------------------------------------- 
	Sub/Section Navigation 
-----------------------------------------------------------------------------*/
#subNav {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

	#subNav li { float: left; display: inline; }

	#subNav a {
		color: #fff;
		font: normal 12px/30px Arial, Helvetica, sans-serif;
		display: block;
		margin-top: 1px;
		padding: 0 6px;
		text-decoration: none;		
	}
	
	#subNav a.firstcrumb { 	border: none; font-weight: bold; }
	#subNav a.secondcrumb {	border-left: none; }
	#subNav a.last { border-right: none; }

#subNav li ul {  list-style: none; z-index: 100; }

#subNav li ul a {
	display: block;
	text-decoration: none;
	text-transform: none;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #543a09d;
	padding: 8px 15px 8px 20px;
	border-left: none;
	border-right: none;
	 }
	 
#subNav li ul a:hover { color: #000; }

#subNav li ul ul a {  }

#subNav li { float: left; padding: 0px; }

#subNav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 182px;
	margin: 0px;
	padding: 0px; }

#subNav li li {	width: 182px; }
#subNav li ul ul {	margin: -33px 0 0 182px; }
#subNav li:hover ul ul, #subNav li:hover ul ul ul, #subNav li.sfhover ul ul, #subNav li.sfhover ul ul ul { left: -999em; }
#subNav li:hover ul, #subNav li li:hover ul, #subNav li li li:hover ul, #subNav li.sfhover ul, #subNav li li.sfhover ul, #subNav li li li.sfhover ul { left: auto; }
#subNav li:hover, #subNav li.sfhover {	position: static; }
#subNav li ul li:hover, #subNav li ul li.sfhover { }

/*----------------------------------------------------------------------------- 
	News Slider
------------------------------------------------------------------------------*/
#newsBox {
	width: 715px;
	height: 420px;
	position:relative;
	float: left;
	display: block;
	margin: 0 0px 0 -11px;
	left: 0;
	z-index: 0;
}

#newsBox ul { list-style: none; margin: 0; padding: 0; }

	#newsBox h5 { 
		color: #FFFFFF;
		font-size: 16px;
		line-height: 29px;
		margin: 0;
		padding: 0 0 10px 19px;
	}
		
	#newsMain { /* Main LHS news box */
		float: left;
		width: 455px;
		height: 370px;
		margin-left: 22px;
	}
	
		#newsMain li { overflow:hidden; }
		
		#newsMain li.expert { padding: 0 !important; }
		
		.newsImage { text-align: center; }
		.newsImage img {
			padding: 5px 8px 6px 6px;
			background: url(../templateimages/newsImageFrame.png) no-repeat;
		}
		
		#newsMain h2, #newsMain h2 a {
			font: bold 15px Arial, Helvetica, sans-serif;
			margin: 0; padding: 0px 14px 0;
			display: block;		
		}
		
			#newsBox a { color: #ff6e00; text-decoration: none;	}
			#newsBox a:hover { color: #000000; }
			
		#newsBox .post-date { font-size: 12px; }
		#newsMain p { font: normal 12px/15px Arial, Helvetica, sans-serif; margin: 0; padding: 3px 20px 0 27px; }
	
	#newsItems { /* RHS Short News Items */
		float: right;
		width: 200px;
		margin-right: 18px;
	}
	
		#newsItems p { font: normal 13px/15px Arial, Helvetica, sans-serif; padding: 3px 0; margin:0; }
		#newsItems li { border-bottom: 1px dotted #cccccc; padding: 5px 0;}
		#newsItems .post-title a { font-weight: bold !important; }

#newsBox .rss, #newsBox .view-articles { top: 382px; position: absolute; }
#newsBox .rss {  float: left; }
#newsBox .view-articles { float: right; right: 25px; }



/*----------------------------------------------------------------------------- 
	Form Styles
------------------------------------------------------------------------------*/

#newsletter_subscriber_form input { margin-bottom: 5px; padding: 5px; }

#newsletter_subscriber_form .hide { display: none; }

.submitBtn { 
	float: right; 
	color: #000000; 
	font-weight: bold; 
	margin: 10px 0 0 0;
	border: 0;
	width: 110px;
	height: 32px;
	background: url(../templateimages/submitBtn.png) no-repeat;
	cursor: pointer;
}


/*----------------------------------------------------------------------------- 
	News Scroller Controller
------------------------------------------------------------------------------*/

.scrollable {  /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 453px; 
    height:500px;
} 

	.scrollable ul { /* Root Element for scrollable items */
		width:20000em; /* this cannot be too large */
		position:absolute; 
		padding: 0;
		margin:0;
	} 

	.scrollable li { /* a single item. */
		display: inline; 
		width: 455px;
		float:left;
	} 
	
	#newsBox .post-date { display: none; }

.scrollable .nextBtn { /* positioning the buttons */
	position: absolute;
	top: 320px; 
	right: -18px;
	z-index: 2;
}

.scrollable .backBtn { /* positioning the buttons */
	position: absolute;
	top: 320px; 
	left: -27px;
	z-index: 2;
}

/*----------------------------------------------------------------------------- 
	News Other
------------------------------------------------------------------------------*/

ul.posts li.exerpt {
	padding: 10px 0 0 !important;
}

/* Category View */ 
.exerpt h2 {
	font-size: 18px !important;
	line-height: normal !important;
	text-decoration: none;
	padding-top: 10px !important;
}

.posts h1 a, .exerpt h2 a {
/*	color: #ff6e00;*/
	text-decoration: none;
}

.post-meta { font-size: 12px !important; padding-top: 5px; }
.post-summary-image {
	float: left; display: block; width: 320px;
}

.post-summary-container {  display: block; float: right; width: 330px; }

ul.posts li.exerpt .post-summary img { border: 0 !important; }

.post-summary-image img, .articleImg { 
	padding: 4px; 
	border: 1px solid #eee !important; 
	float: left;
	margin: 10px 20px 10px 0;
}

/*----------------------------------------------------------------------------- 
	Flash Player Styles
------------------------------------------------------------------------------*/

/* styling of the container. */ 
a.videoPlayerSmall { 
    display:block; 
    width: 242px; 
    height:180px;  
    text-align:center; 
    border:1px solid #999; 
	background: #2e2e2e;
} 

a.videoPlayerLarge { 
    width: 640px; 
    height:360px;  
    display:block; 
    text-align:center;  
    border:1px solid #999; 
	background: #2e2e2e;
} 
 
/* play button */ 
a.videoPlayerSmall img, a.videoPlayerLarge img {  
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.videoPlayerSmall:hover, a.videoPlayerLarge:hover { 
    border:1px solid #000; 
}

/* Overlay Large Player - NO USING*/
.overlay {
	background:url(/persistent/templateimages/overlay_white.png) no-repeat;
	margin: 0; 
	padding: 0;
	list-style: none;
	padding:40px;	
	width:512px;  
	display:none;
}

.overlay div.close {
	background:url(/persistent/templateimages/overlay_close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

a.player { 		
	display:block;
	height:288px;			
}


/*----------------------------------------------------------------------------- 
	Search Results Styles
------------------------------------------------------------------------------*/
.search-form input { padding: 3px; }

.searchtitle {	padding: 25px 0 8px 0;}
.searchtitle a {
	font: normal 18px "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}


.metadata { border-bottom: 1px dotted #ccc; padding-bottom: 15px; }