/*	

	Bendigo Golf Club
	Web Development: The Web Company
	Design: SASI Marketing
	
	CSS Version 1.0
	
	*/


/*	CSS Reset ------------------------------------------------------------------------------------*/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
		margin:0;
		padding:0;
		border:0;
	  	font-family: inherit;
		font-size:100%;
		font-style: inherit;
  		font-weight: inherit;
		vertical-align:baseline;
		background:transparent;
		}
	
	ol, ul {list-style:none;}
	blockquote, q {quotes:none;}
	ins {text-decoration:none;}
	del {text-decoration:line-through;}

	table {
		border-collapse:collapse;
		border-spacing:0;
		}
		
	caption, th, td { 
		text-align:left;
		font-weight:normal;
		}

	td, th {
		vertical-align:middle; 
		}	

	hr {display:none;}
	
	a img { border: none; }
	
	strong {font-weight:bold;}
	em {font-style:italic; }
	

/*	Bendigo Golf Club ----------------------------------------------------------------------------*/
	
	body {
	 	background:rgb(248,247,234) url(images/bg-body.gif) center top repeat-x;
		color:rgb(51,51,51);
		font-family:"lucida grande", verdana, "lucida sans", lucida, "trebuchet ms",  "bitstream vera sans", helvetica, geneva, arial, sans-serif;
		font-size:62.5%;	
		line-height:1;
		min-width:980px;
		}
		

/*	Container ------------------------------------------------------------------------------------*/

	#container {
		margin:0 auto;
		width:980px;
		}

		
/*	Header ---------------------------------------------------------------------------------------*/

	#header {
		background:rgb(255,255,255) url(images/bg-header.gif) 0 82px no-repeat;
		padding:45px 0 0 0;
		position:relative;
		}		
		
	#header img {
		margin:0 10px 0 10px;
		}

	#header h1 {
		position:absolute;
		top:10px;
		left:73px;
		}
		
	#header h1 img {margin:0;}


/*	Header > Navigation --------------------------------------------------------------------------*/

	#navigation {
		background:transparent url(images/bg-navigation.gif) top left no-repeat;
		height:21px;
		width:317px;
		/* Positioning */
		position:absolute;
		top:50px;
		left:635px;
		}
				
	#navigation li {display:inline;}
		
	#navigation a {
		display:block;
		float:left;
		font-size:1px;
		height:21px;
		margin:0 1px 0 0;
		overflow:hidden;
		text-decoration:none;
		text-indent:-9999px;
		}

	/* Navigation: Images */
	#navigation .nav-home a {background-image:url(images/n-home.gif);width:60px;}
	#navigation .nav-upcomingevents a {background-image:url(images/n-events.gif);width:135px;}
	#navigation .nav-weeklyresults a {background-image:url(images/n-results.gif);width:119px;}
	
	/* Navigation: Hover, Active & Focus states */
	#navigation a:hover,
	#navigation a:active,
	#navigation a:focus {background-position:0 -21px;}

		
/*	Content --------------------------------------------------------------------------------------*/

	#content {
		background:transparent url(images/bg-content.gif) 412px 0 no-repeat;
		margin:0 10px 0 140px;
		padding:30px 0;
		}
		
	.column {
		/*	Column class - basic dimensions for the three column setup on the Home page. */
		width:250px;
		float:left;
		margin:0 25px 0 0;
		}
		
	body#type-content .column {
		/*	Column class redefined - for the two column setup on the Upcoming Events 
			and Weekly Results page */
		margin:0 30px 0 0;
		width:380px;
		}		

	/* Link styles */
			
	#content a:link, 
	#content a:visited {
		color:rgb(0,102,102);
		text-decoration:underline;
		}
		
	#content a:hover,
	#content a:active {
		color:rgb(0,51,102);
		text-decoration:underline;
		}			
	
	#content h2 {
		/*	Image based headings: Introduction | Upcoming Events | Weekly Results */
		margin-bottom:10px;
		}

	#content h3 {
		/*	Headings (Weekly Results): Men | Ladies */
		color:rgb(37,72,30);
		font-family:"times new roman", times, georgia, "liberation serif", "bitstream vera serif", serif;
		font-size:2.4em;
		line-height:1;
		margin:20px 0 5px 0;
		}
		
	#content #single h4 
	{
		color: #25481E;
		font-family:"times new roman", times, georgia, "liberation serif", "bitstream vera serif", serif;
		font-size: 3.5em;
		margin: 20px 0 5px 0;
	}
	
	#content #single 
	{
		padding-right: 20px;
	}
		
	body#type-content #content #c2 h3 {
		margin-left:10px;
		}

	body#type-home #content h3 {
		/*	<h3> headings redefined for their slightly odd use on the Home page */
		color:rgb(0,0,0);
		font-family:"helvetica neue", arial, helvetica, "liberation sans", "lucida grande", "bitstream vera sans", verdana, "trebuchet ms", san-serif;
		font-size:1.1em;
		line-height:1.6;
		margin:0 0 10px 0;
		}
		
	#content p {
		color:rgb(51,51,51);
		font-family:"helvetica neue", arial, helvetica, "liberation sans", "lucida grande", "bitstream vera sans", verdana, "trebuchet ms", san-serif;
		font-size:1.1em;
		line-height:1.6;
		margin:10px 0 0 0;
		}
		
	#content strong {color:rgb(0,0,0);}

	/*	Results-Set styles */		

	.results-set {
		border-top:1px solid rgb(234,229,191);
		padding:10px;
		}

	.odd	{background:rgb(252,251,245);}	
	.even 	{background:transparent;}	
	.last 	{border-bottom:1px solid rgb(234,229,191);}
		
	.results-set h4 {
		/*	For the Date and Event headings */
		color:rgb(51,51,51);
		font-family:"helvetica neue", arial, helvetica, "liberation sans", "lucida grande", "bitstream vera sans", verdana, "trebuchet ms", san-serif;
		font-size:1.2em;
		line-height:1.5;
		margin:0;	
		}
		
	#content .results-set p {
		/*	Redefining the #content p style in this context */
		margin:5px 0 0 0;
		}

	/*	For simplicity, a light-weight <table> is used to layout the results */
	
	.results-set table {
		color:rgb(51,51,51);
		font-family:"helvetica neue", arial, helvetica, "liberation sans", "lucida grande", "bitstream vera sans", verdana, "trebuchet ms", san-serif;
		font-size:1.1em;
		margin:5px 0 0 0;
		}
	
	.results-set th 	{width:5em;}
	.results-set td 	{padding:4px 0;}
		
	#content .results-set table strong {color:rgb(132,179,30);}

	.results-set table em {
		color:rgb(51,51,51);
		font-style:normal;
		font-weight:bold;
		}
		

/*	Join Our Mailing List ------------------------------------------------------------------------*/

	#register 
	{
		clear:both;
		background:transparent url(images/bg-register.gif) top left repeat-x;
		height:42px;
		width:100%;
		}
		
	#register div {
		margin:0 auto;
		width:960px;
		}
	
	/*	Again a light-weight table is used to layout the Join Our Mailing List form. */
	
	#register table {
		margin:0 0 0 130px;
		width:830px;
		}
	
	#register th, #register td {vertical-align:middle;}
	#register th {width:222px;}
	
	#register label {
		color:rgb(0,51,0);
		font-family:"helvetica neue", arial, helvetica, "liberation sans", "lucida grande", "bitstream vera sans", verdana, "trebuchet ms", san-serif;
		font-size:1.1em;
		line-height:1.4;
		margin:0 5px 0 10px;
		}	

	.yourname, 
	.youremail {
		border:1px solid rgb(153,204,153);
		color:rgb(51,51,51);
		font-size:1.1em;
		height:16px;
		margin:0;
		padding:1px 2px;
		width:146px;
		}
		
	.join {
		height:22px;
		margin:0 30px 0 5px;
		width:52px;
		}

	.msg 
	{
		padding-top: 15px;
		text-align: center;
	}
		
/*	Footer ---------------------------------------------------------------------------------------*/	

	#footer {
		background:rgb(255,255,255);
		clear:both;
		padding:10px 0;
		}
		
	#footer div {
		margin:0 auto;
		width:960px;
		}

	#footer .humeiser {
		float:right;
		margin:0 30px 0 0;
		}

	#footer p {
		color:rgb(153,153,153);
		font-family:"helvetica neue", arial, helvetica, "liberation sans", "lucida grande", "bitstream vera sans", verdana, "trebuchet ms", san-serif;
		font-size:1.1em;
		line-height:1.5;
		margin:0 0 0 130px;
		}
		
	#footer a:link, 
	#footer a:visited {color:rgb(55,117,143);}
		
	#footer a:hover,
	#footer a:active {color:rgb(0,51,102);}		
		
	#footer a#twc:link,
	#footer a#twc:visited {
		color:rgb(153,153,153);
		text-decoration:none;
		}

	#footer a#twc:hover,
	#footer a#twc:active {
		color:rgb(51,51,51);
		text-decoration:underline;
		}