@charset "utf-8";
/* 

Author(s):      Anton Triyanto - Antzcreations
Born:           8 July 2008
Last modified:  23 August 8008 (by Anton Triyanto)

*/

/* IE fixes */
* html em, * html cite {font-style:normal;font-weight:normal}
* + html em, * + html cite {font-style:normal;font-weight:normal}

/*TYPOGRAPHY*/

/*GLOBAL WHITESPACE RESET*/
	html, body,
	h1, h2, h3, h4, h5, h6,
	p,
	table, caption, tr, td, th,
	ul, ol, li, dl, dt, dd,
	form, legend, fieldset	{ margin: 0; padding: 0;}



/*BASIC ELEMENTS*/
	p, ul, ol, dl		{ margin: 0.8em 0;}
	ul, ol, dd		{ padding-left: 30px;}
	li ul, li ol		{ padding: 0 0 5px 15px;}
	table			{ margin: 1.2em 0;}
	body			{ font-size: 76%; line-height: 1.3em; font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;}
	table			{ font-size: 100%;} /*IE 5.5 text too big bugfix*/
	h1			{ font-size: 1.7em; margin: 1.3em 0 1.3em; line-height: 1.5em;}
	h2			{ font-size: 1.4em; margin: 1.3em 0 1.3em; line-height: 1.5em;color:#333}
	h3			{ font-size: 1.3em; margin: 1.3em 0 1em; line-height: 1.3em; font-weight: bold;color:#333}
	h4			{ font-size: 1.3em;	margin: 0.3em 0 0em; line-height: 1.3em; font-weight: bolder; color:#333;}
	p			{ font-size:  1em;}

	address			{ font-style: normal;}
	label			{ font-weight: bold;}
	caption			{ font-weight: bold; text-align:left;}
	tr, td, th		{ vertical-align:top; text-align:left;}
	img			{ vertical-align:top;}

/*SPECIAL ELEMENTS*/
	img 		{ border: 0;}


/*DEFAULTS:COLORS (closely related to typography)*/
	body			{ background: white;}
	a, a *			{ color: #693;font-weight:bold;text-decoration:none}
	a:hover			{text-decoration:underline}
	a:visited, a:visited *	{ color: #693;font-weight:bold}


/*BACKGROUND*/
body{background:white url(img/bg-gradient.png) repeat-y scroll center top}

/* wrapper */
#wrapper{width:800px;margin:0 auto;text-align:left}
#content-wrapper{width:780px;margin:0 auto;text-align:left;padding:10px 10px 0 10px;float:left}
#content {width:520px;float:right}
#sidebar{float:left;width:250px}
#footer{clear:both;width:780px;padding:10px;margin-bottom:20px;font-size:0.9em;border-top:1px solid #ccc}

/*BRANDING*/
#header        { width:800px;background:url(img/site-sprite.png) no-repeat 0 0;height:113px;padding-top:15px;}
#header h1 {clear:both;margin:0;padding:0}
#header h1 a	{ text-indent: -9999px; text-decoration: none; display: block;overflow:hidden}
#header h1 a	{ background:url(img/site-sprite.png) no-repeat -34px -15px;width:90px;height:90px;margin:0 0 0 34px}

/* Main Navigation */
#nav { height:44px; clear:both;background:transparent url("img/site-sprite.png") repeat-x scroll 0 -218px; text-indent:-9999em;padding:0;margin:0}
	#nav li { float:left; list-style-type:none;height:44px}
	#nav a { background:transparent url("img/site-sprite.png") no-repeat 0 -129px;display:block;height:44px }
   #nav .nHome { width:57px; background-position:0 -129px}
		#nav .nHome:hover, #nav .nHome:active, #nav .selected .nHome { background-position:0 -173px }
	#nav .nOur-Club { width:75px; background-position:-57px -129px }
		#nav .nOur-Club:hover, #nav .nOur-Club:active, #nav .selected .nOur-Club { background-position:-57px -173px }
	#nav .nNews { width:57px; background-position:-132px -129px }
		#nav .nNews:hover, #nav .nNews:active, #nav .selected .nNews { background-position:-132px -173px }
	#nav .nNetball { width:64px; background-position:-189px -129px }
		#nav .nNetball:hover, #nav .nNetball:active, #nav .selected .nNetball { background-position:-189px -173px }
	#nav .nWomens-Football { width:127px; background-position:-253px -129px }
		#nav .nWomens-Football:hover, #nav .nWomens-Football:active, #nav .selected .nWomens-Football { background-position:-253px -173px }
	#nav .nMens-Football { width:107px; background-position:-381px -129px }
		#nav .nMens-Football:hover, #nav .nMens-Football:active, #nav .selected .nMens-Football { background-position:-381px -173px}
	#nav .nBaseball { width:73px; background-position:-489px -129px }
		#nav .nBaseball:hover, #nav .nBaseball:active, #nav .selected .nBaseball { background-position:-489px -173px }
	#nav .nRavens-Gear { width:100px; background-position:-562px -129px }
		#nav .nRavens-Gear:hover, #nav .nRavens-Gear:active, #nav .selected .nRavens-Gear { background-position:-562px -173px}
	#nav .nSponsors { width:77px; background-position:-663px -129px }
		#nav .nSponsors:hover, #nav .nSponsors:active, #nav .selected .nSponsors { background-position:-663px -173px }
	#nav .nForms { width:61px; background-position:-740px -129px }
		#nav .nForms:hover, #nav .nForms:active, #nav .selected .nForms { background-position:-740px -173px }

	#nav .nContact { width:75px; background-position:-801px -129px }
		#nav .nContact:hover, #nav .nContact:active, #nav .selected .nContact { background-position:-801px -173px }


/*sub navigation */
*html #sub-nav{position:absolute;left:414px;top:172px;z-index:5}
#sub-nav{font-size:12px;position:relative;text-indent:0;background:#eeeeee;margin:0;padding:0;z-index:1}
#sub-nav li {margin:0;clear:left;padding:0;height:24px;width:90px}
#sub-nav li a{background:#000000;padding:5px;height:14px;color:#99cc33}
#sub-nav li a:hover{background:#99cc33;text-decoration:none;color:#FFFFFF}
	

/*modules */
.module{border:1px solid #ccc;background:#fff;margin:0 0 10px 0 ;padding:0;float:left;position:relative;width:248px}
.module-item{border-bottom:1px dashed #ccc;margin:10px 15px 10px 15px;padding-bottom:10px}
.module-item-last{border:none;margin:10px 15px 15px 15px}
.module h2{color:#333;padding:6px 15px 0px 15px;letter-spacing:-1px}
.module h3{font-size:1.1em;font-weight:bold;margin:0 0 2px 0}
.module p{margin:0;font-size:0.9em;padding:0}
.module cite{	font-size:0.9em;font-weight:bold;	color:#999;	font-style: normal;}

.module.results p{font-size:1em;margin-bottom:15px}
.module.results h3{font-family: Georgia, "Times New Roman"; font-style: italic;font-size:1.2em;margin:0 20px 15px 0;padding:0}


/*contact dl*/
.module-item-last dl{margin:15px 0 15px 0}
.module-item-last dt{font-size:1.1em;font-weight:bold}
.module-item-last dd{margin:0;padding:0;font-size:1.1em;line-height:1.2em}

/*module titles*/
.latest-news, .pic-of-the-week, .news, .current-contact, .results-table, .the-board, .ground-info, .rego-info{background:transparent url("img/site-sprite.png") no-repeat;padding:0;margin:0;height:32px}
.latest-news {background-position: 0 -264px}
.pic-of-the-week{background-position: -251px -264px}
.news{background-position:-500px -264px}
.current-contact{background-position:0 -305px}
.results-table{background-position:-251px -305px}
.the-board{background-position:-500px -305px}
.ground-info{background-position:0 -348px}
.rego-info{background-position:0 -392px}


/*FLOATING*/
.floatright {float:right}
.floatleft {float:left}


/*sponsors*/
*+html #sponsors{margin-top:10px}
#sponsors {border:1px solid #ccc;float:left;margin:0 10px 10px 10px;width:768px;padding:5px;background:#fff;display:inline;float:left}
#nav-sponsors {background:#fff;text-indent:-9999em;padding:0;margin:0 0 0 6px;display:block}
	#nav-sponsors li { float:left; list-style-type:none;margin:0 5px 5px 0;display:inline}
	#nav-sponsors a { background:transparent url("img/sponsors-sprite.png") no-repeat 0 0;display:block;height:60px ;width:88px;display:block;border:1px solid #fff;}

   	#nav-sponsors .logo1 {background-position:0 0}
   	#nav-sponsors .logo1:hover{ background-position:0 -180px;border:1px solid #ccc}
	
 	#nav-sponsors .logo2 {background-position:-90px 0}
   	#nav-sponsors .logo2:hover{background-position:-90px -180px;border:1px solid #ccc}

	#nav-sponsors .logo3 {background-position:-180px 0}
   	#nav-sponsors .logo3:hover{ background-position:-180px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo4 {background-position:-270px 0}
   	#nav-sponsors .logo4:hover{background-position:-270px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo5 {background-position:-360px 0}
   	#nav-sponsors .logo5:hover{ background-position:-360px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo6 {background-position:-450px 0}
   	#nav-sponsors .logo6:hover{ background-position:-450px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo7 {background-position:-540px 0}
   	#nav-sponsors .logo7:hover{ background-position:-540px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo8 {background-position:-630px 0}
   	#nav-sponsors .logo8:hover{ background-position:-630px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo9 {background-position:0px -60px}
   	#nav-sponsors .logo9:hover{ background-position:0px -240px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo10 {background-position:-90px -60px}
   	#nav-sponsors .logo10:hover{ background-position:-90px -240px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo11 {background-position:-180px -60px}
   	#nav-sponsors .logo11:hover{ background-position:-180px -240px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo12 {background-position:-270px -60px}
   	#nav-sponsors .logo12:hover{ background-position:-270px -240px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo13 {background-position:-360px -60px}
   	#nav-sponsors .logo13:hover{ background-position:-360px -240px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo14 {background-position:-450px -60px}
   	#nav-sponsors a.logo14:hover{ background-position:-450px -240px;border:1px solid #ccc
	}

	#nav-sponsors .logo15 {background-position:-720px 0}
   	#nav-sponsors .logo15:hover{ background-position:-720px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo16 {background-position:-540px -60px}
   	#nav-sponsors .logo16:hover{ background-position:-540px -240px;border:1px solid #ccc
	}

	#nav-sponsors .logo17 {background-position:-630px -60px}
   	#nav-sponsors .logo17:hover{ background-position:-630px -240px;border:1px solid #ccc
	}

	
.floatleft.sponsored{font-size:0.7em;margin:0 0 0 6px;color:#666;width:760px;text-transform:uppercase}


/*antzcreations */
.floatright.antzcreations {color:#333;}
.floatright.antzcreations a, .floatright.antzcreations a *{color:#333;font-weight:bold;padding:2px}
.floatright.antzcreations a:hover{color:#CC0000;text-decoration:none}

/*dbasplus*/
.dbasplus {color:#333333;margin-right:5px}
.dbasplus a, .floatright.dbasplus a *{color:#333333;font-weight:normal;padding:2px}
.dbasplus a:hover{color:#CC0000;text-decoration:none}

/*woff*/
.woff {border:1px solid #ccc;background:#fff;width:168px;padding:0;margin:5px 5px 10px 0;float:left}
* html .woff-last, * html .woff{margin-bottom:5px}
.woff-last{float:left;padding:0;margin:5px 0 10px 0;border:1px solid #ccc;width:168px;background:#fff}
.woff img, .woff-last img{padding:0;margin:0;width:168px;height:128px}
.woff p, .woff-last p{margin:0;font-size:0.9em;padding:0 10px 15px 10px}
.woff h3, .woff-last h3{font-size:1.1em;font-weight:bold;margin:10px 0 5px 0;padding:0 10px 0 10px }

/*woff wide*/
.woff-wide {border:1px solid #ccc;background:#fff;width:518px;padding:0;margin:0 0 10px 0;float:left;padding:0 0 15px 0}
.woff-wide h3{font-family: Georgia, "Times New Roman"; font-style: italic;font-size:1.2em;margin:0 20px 5px;padding:0}
.woff-wide h4{font-family: Georgia, "Times New Roman"; font-style: italic;font-size:1em;margin:0 20px 5px;padding:0}
.woff-wide p{margin:15px 20px 5px}
.woff-wide .hr{clear:both;height:1px;border-bottom:1px dashed #ccc;display:block;overflow:hidden;margin:15px}
.woff-wide iframe{border:1px solid #ccc;margin:0 5px 0 15px;float:left;clear:left}
#content .woff-wide .ground-info, #content .woff-wide .rego-info{margin:0 0 15px 0;padding:0;padding:6px 15px 0px 15px;letter-spacing:-1px;font-size:1.4em;font-weight:bold}
#content h2{letter-spacing:-1px;font-size:1.8em;font-weight:normal;margin:15px 20px 5px 20px;padding:0}

/*woff single*/
.woff-single{border:1px solid #ccc;background:#fff;width:778px;padding:0;margin:0 0 10px 0;float:left;padding:0 0 15px 0}
.woff-single h3{font-family: Georgia, "Times New Roman"; font-style: italic;font-size:1.2em;margin:0 20px 5px;padding:0}
.woff-single p{margin:15px 20px 5px}
.woff-single h2{letter-spacing:-1px;font-size:1.8em;font-weight:normal;margin:15px 20px 5px 20px;padding:0}

/*listing*/
#listing {background:#fff;padding:0;margin:30px 0 0 20px;display:block}
#listing li {list-style-type:none;margin:0 19px 20px 0;float:left}
#listing h3{width:170px;font-family: Georgia, "Times New Roman"; font-style: italic;font-size:1.2em;margin:10px 0 ;padding:0}
#listing p{width:170px;margin:5px 0 0;padding:0}
#listing span{font-size:14px;font-weight:bold;color:#693}
/*#listing span:before{content: "$";}*/

/*button*/
#buttons {background:#sfff;padding:0;margin:0;display:block}
#buttons li {list-style-type:none;}
*html #buttons li {border:1px solid #fff} 
*+html #buttons li {border:1px solid #fff}

#buttons a { background:transparent url("img/site-sprite.png") no-repeat 0 0;display:block}
#buttons .download{background-position:-527px -350px;width:148px;margin:15px;padding:8px 10px 12px 65px;font-size:1.2em;color:#333;height:19px}
		#buttons .download:hover, #buttons .download:active { background-position:-527px -393px;text-decoration:none;color:#fff}
		#buttons span{float:left;margin:-45px 0 0 250px;font-weight:bold;font-size:1.2em}
		

#buttons .archive{background-position:-527px -350px;width:148px;margin:5px 0 15px -2px;padding:11px 10px 9px 65px;font-size:1.2em;color:#333;height:19px}
		#buttons .archive:hover, #buttons .archive:active { background-position:-527px -393px;text-decoration:none;color:#fff}


/*lists*/
#content ul li{margin:0 0 0 5px;padding:0;line-height:1.8em}

		

/*feature*/
#feature{width:520px;position:relative;margin-bottom:5px}
#feature img{clear:both}
#feature .caption {float:left;width:500px;background:transparent url('img/bg-caption.png') repeat scroll 0pt 0pt;bottom:0pt;padding:10px;position:absolute;color:#fff;display:block;min-height:45px}
*+html #feature .caption{margin:20px 0 0 -523px}
*html #feature .caption {margin:20px 0 0 -523px;background:#000;filter:Alpha(Opacity=80)}

#feature .caption h2, #feature .caption p{margin:0;padding:0;color:#fff}
#feature .caption h2 {font-size:20px;letter-spacing:-1px;font-weight:normal;margin-top:-5px;line-height:1.1em}
#feature .caption p{font-size:0.9em}

/*hide accessibility text*/
.access { position:absolute; left:-9999em }  /* hide accessibility text */
	br.access { display:none }
	
/*hide/show text*/
.hidden { display: none; }
.unhidden { display: block; }

/*form*/
form{margin-left:20px}
form input{margin:0;padding:0}
form input#name{margin:5px 0 0 67px}
/*form input#lastname{margin:5px 0 0 40px}*/
form input#contactnum{margin:5px 0 0 8px}
form input#email{margin:5px 0 0 69px}
form textarea#comments{margin:-20px 0 0 106px;height:100px;display:block;font-family:arial}
form label.comment{margin:10px 0 0 0;display:block;width:50px}
form input#submit{margin:5px 0 0 105px}
form label#error{color:red;margin:0 0 0 105px}