/* Townsville Turf Club CSS - By NQ Webdesign www.nqwebdesign.com */


/* -- GLOBAL RESET
----------------------------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table, embed,object 
{
	margin:0;
	padding:0;
}

embed,object
{
	line-height:0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

p
{
	/*overflow:auto;  Stop IE7 stupid italics & floats bug... BUT MESSES UP IE Mac */
}

/* -- DEFAULT STYLES
----------------------------------------------------------------------------------------------------------*/


p { margin-bottom: 15px; }

h1,h2,h3,h4,h5,h6
{
	font-weight:normal;
	font-size:15px;
	margin-bottom:10px;
	margin-top:10px;
}

ul,ol
{
	margin:5px 0 5px 10px;
}

ul { list-style:square; }


pre,code
{
	font: 10px/16px 'Monaco', 'Courier New', Courier, monospace;
}

form span input,
form span textarea,
form span select
{
	margin: 0;
	font-size: inherit;
	font-family: inherit;
	color:inherit;
	background-color:#FFF;
}

form input:focus,
form textarea:focus,
form select:focus
{
	background-color:#FFFF99;
	color:#CBCB7A;
}

span#nqweb_link
{
	background:url(../images/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
	display:block;
	float:right;
}


/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/

body
{
	background:#FFF;
	color:#000;
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}


div#layout-wrapper
{
	min-width:780px;
	text-align:center;
}

div#primary, div#secondary
{
	margin-left:auto;
	margin-right:auto;
	width:780px;
	text-align:left;

}

div#primary-wrapper
{
	background:#15076B url(../images/layout/primary-wrapper.gif) top repeat-x;
}

div#primary
{
	background:url(../images/layout/primary.gif) top left no-repeat;
}

div#secondary-wrapper
{
	background:#FFF url(../images/layout/secondary-wrapper.gif) top repeat-x;
	padding-top:77px;
}

div#header
{
	text-align:right;
	font-size:11px;
	height:15px;
	overflow:hidden;
	padding-top:5px;
	color:#15076b;
}

div#content, #sidebar { float:left; }
div#content { width:496px; }
div#sidebar { width:284px; }

div#content-inner
{
	padding:32px 10px 15px 20px;
	color:#FFF;
}

div#secondary-content
{
	padding:10px 20px 15px 20px;
	color:#333;
}

div#sidebar
{
	padding:0;
	margin-top:120px;
}

#navigation
{
	background:url(../images/layout/sidebar.gif) center repeat-y;	
}

div#navigation-top
{
	background:url(../images/layout/sidebar-top.gif) top no-repeat;
}

div#navigation-bottom
{
	padding:20px;
	background:url(../images/layout/sidebar-bottom.gif) bottom no-repeat;
}


div#sideExtra
{
	padding:20px 25px 10px 27px;
	color:#FFF;
}

div#footer
{
	font-size:11px;
	color:#15076B;
	padding:5px 20px 10px 20px;
	border-top:1px dotted #777;
}

div#flashcontent
{

}


/* -- NAVIGATION
----------------------------------------------------------------------------------------------------------*/

#navigation ul
{
	list-style:none;
	margin: 0;
	padding:0;
	margin-left:2px;
	width:240px;
}

#navigation ul li
{
	margin-bottom:8px;
}


#navigation a
{
	
	display:block;
	text-decoration:none;
	
	width:170px;
	padding:2px 30px 2px 40px;
	
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	background:url(../images/layout/navigation-bullet.gif) 22px 5px no-repeat;

}

#navigation a small
{
	display:block;
	color:#FFF;
	font-size:11px;
	color:#000;
	font-weight:normal;
}

#navigation a:link, #navigation a:visited
{
	color:#15076B;
	
}	

#navigation a:hover
{
	background-color:#FFEA00;
	border-color:#EEDA01;
	color:#000;
}

/* -- HEADINGS
----------------------------------------------------------------------------------------------------------*/

#primary h1 
{
	font-size:18px;
	line-height:21px;
	font-weight:normal;
	margin-bottom:20px;
	color:#ffea00;
}

#primary h2
{
	font-size:15px;
	font-weight:normal;
	color:#ffea00;
	margin-bottom:5px;
}

#primary h3
{
	font-size:12px;
	font-weight:bold;
	margin-bottom:2px;
	color:#FFF;
}

#secondary h1 
{
	font-size:19px;
	line-height:20px;
	font-weight:normal;
	margin-bottom:20px;
	color:#15076b;
}

#secondary h2
{
	font-size:15px;
	font-weight:normal;
	color:#15076b;
	margin-bottom:5px;
}

#secondary h3
{
	font-size:12px;
	font-weight:bold;
	margin-bottom:2px;
	color:#333;
}


/* -- LINKS
----------------------------------------------------------------------------------------------------------*/

#content a:link, #content a:visited
{
	color:#FFEA00;
}

#content a:hover
{
	background:#FFEA00;
	color:#000;
	text-decoration:none;
}

#secondary-content a:link, #secondary-content a:visited
{
	color:#15076b;
}

#secondary-content a:hover
{
	background:#15076b;
	color:#FFF;
	text-decoration:none;

}

#footer a:link, #footer a:visited, #header a:link, #header a:visited
{
	color:#15076b;
	text-decoration:none;
}

#footer a:hover, #header a:hover
{
	color:#000;
	background-color:#FFEA00;
}

/* -- TABULAR DATA
----------------------------------------------------------------------------------------------------------*/

.tabularData
{
	border-collapse:collapse;
	border:none;
	width:100%;
	border-spacing:0px;
}

.tabularData thead tr
{
	background-color:#0C3257;
}

.tabularData th
{
	color:#FFFFFF;
	padding:4px;
	font-weight:normal;
}
	
.tabularData td
{
	border-bottom:1px solid #D2E2FB;
	padding:4px;
	font-size:11px;
}

.tabularData tbody tr.odd
{
	background-color:#EDF2FE;
}

/* -- TESTIMONIALS
----------------------------------------------------------------------------------------------------------*/

blockquote
{
	margin-top:26px;
	border-bottom:1px dotted #FFF;
	padding-bottom:11px;
}

.bqstart {
     float: left;
     height: 25px;
     margin-top: -20px;
     padding-top: 25px;
     margin-bottom: -20px;
     font-size: 400%;
     color: #ffea00;
	 padding-right:3px;
 }

 .bqend {
     float: right;
	 height:25px;
	 margin-top:-7px;
     font-size: 400%;
     color: #ffea00;
 }
 
 .personName
 {
 	display:block;
	clear:both;
	font-style:italic;
}



/* -- MISC
----------------------------------------------------------------------------------------------------------*/
.clearFloats {
	clear: both;
	height: 0;
	line-height: 0.0;
}

.floatLeft
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.floatRight
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.imgBorder
{
	border:3px solid #5A4CAF;
}

.floatLeftBorder
{
	border:3px solid #5A4CAF;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.floatRightBorder
{
	border:3px solid #5A4CAF;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

span.floatRight img:hover
{
	border-color:#FFEA00;
}
#captions
{
	font-size:10px;
	color:#FFCC00;
	font-style:italic;
}