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

TITLE : NETBALL NORTH HARBOUR

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

DESCRIPTION : Full Site Styles
 
------------------------------------------ */

/* ------------------------------------------
 GLOBALS AND LAYOUT ELEMENTS
------------------------------------------ */

html, body {
	padding: 0;
	margin: 0;
	background: #565656 url(../templateimages/bg_tile.jpg) top left repeat-x;
	}

#container {
	width: 930px;
	margin: 25px auto;
	padding: 15px;
	background: #fff;
	}
	
	#bnnrhome {
		background: url(/images/bnnrhome.jpg) bottom left no-repeat;
		height: 188px;
		}
	
	#bnnr {
		background: url(../templateimages/bnnr.jpg) bottom left no-repeat;
		height: 188px;
		}
		
		#quickLinks {
			float: right;
			width: 360px;
			font: bold 11px Arial, Helvetica, sans-serif;
			color: #858585;
			text-align: right;
			}
			
			#quickLinks a {
				font: bold 11px Arial, Helvetica, sans-serif;
				color: #858585;
				text-decoration: none;
				padding: 0 3px;
				}
			
			#quickLinks a:hover { color: #c2083c; }
		
		#bnnrhome img, #bnnr img {
			float: left;
			margin: 0 0 0 15px;
			border: 0;
			}
		
		#bnnrtxt {
			width: 420px;
			padding: 35px 10px;
			float: left;
			font: normal 30px "Arial Narrow", Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			}

		#bnnrtxt strong { color: #c2083c; font-weight: normal; }
	
	#contentWrap {
		width: 930px;
		margin-top: 10px;
		}
		
		.breadcrumbwrap {
		  padding: 5px;
			font: bold 12px arial, helvetica, sans-serif;
			color: #858585;
			background: #e1e1e1;
		}
		
		.breadcrumbwrap a {
		  text-decoration: none;
		}
		
		#navBar {
			width: 210px;
			float: left;
			}
			
			#navulWrap { background: #ffcc33; }			

			#navul {
				width: 210px;
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				border-bottom: 1px solid #fff;
				}
			
				#navul li { display: inline; }  /* To remove IE's whitespace beneath all list-items - THANKS, Microsoft =) */
			
				#navul li a  {
					margin: 0px;
					padding: 8px 20px;
					display: block;
					font: bold 11px arial, helvetica, sans-serif;
					color: #333;
					text-decoration: none;
					border-top: 1px solid #fff;
					width: 170px;
					}
			
				#navul li a:hover {	background-color: #a9a877; }

					#navul li ul a, #navul li ul a:visited {	
						display: block;
						text-decoration: none;
						text-align: left;
						width: 160px;
						background-color: #dbdbc7;
						}
						
					#navul li ul a:hover { background: #ceceae; }
					#navul li.selected ul a, #navul li.selected ul a:visited {}	
					#navul li.selected ul a:hover {}	
					#navul li ul li { background-color: none; }
					#navul ul ul a { background: #eee; }

					#navul li ul li {
						float: left;
						padding: 0;
						}
					
					#navul li ul {
						position: absolute;
						border-bottom: 0;
						left: -999em;
						height: auto;
						width: 160px;
						margin: -31px 0 0 210px;
						padding: 0;
						background-color: none;
						}
					
					#navul li li {
						width: 150px;
						background-image: none;
						}
					
					#navul li ul ul { margin: -31px 0 0 200px; }
					
					#navul li:hover ul ul,
					#navul li:hover ul ul ul,
					#navul li.sfhover ul ul {
						left: -999em;
						}
					
					#navul li:hover ul,
					#navul li li:hover ul,
					#navul li li li:hover ul,
					#navul li.sfhover ul,
					#navul li li.sfhover ul {
						left: auto;
						z-index: 500;
						}
					
					#navul li:hover, #navul li.sfhover {
						color: #fff;
						position: static;
						}
					
					#navul li ul li:hover, #navul li ul li.sfhover { 
						background-image: none;
						background-color: #c0b79d;
						}

		#homeSideBarWrap {
			width: 230px;
			float: right;
			}
			
			#.omeSideBarBox {
				background: #f5f6f2;
				margin-bottom: 10px;
				}
			
			.homeSideBarBox h2 {
				display: block;
				border: 1px solid #8c8e60;
				background: #9c9c68 url(../templateimages/sidebarheading_bg.jpg) top left repeat-x;
				font: bold 16px Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				color: #fff;
				padding: 7px 11px;
				margin: 0;
				}
			
			.homeSideBarInner {
				width: 200px;
				padding: 15px;
				overflow: hidden;
			}
			
			.homeSideBarBox img { border: 0; }

		#contentHome {
			width: 450px;
			float: right;
			overflow: hidden;
			margin-right: 20px;
			}
		
		#contentMain {
			width: 700px;
			float: right;
			overflow: hidden;
			}
			
			.newsBox h2 {
				display: block;
				border: 1px solid #8c8e60;
				background: #9c9c68 url(../templateimages/sidebarheading_bg.jpg) top left repeat-x;
				font: bold 16px Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				color: #fff;
				padding: 7px 11px;
				margin: 0;
				}
			
			.newsBox h3 {
				font: bold 14px Arial, Helvetica, sans-serif;
				padding: 0px;
				margin: 0;
				}
			
			.newsBox td {
				padding: 11px;
				}
		
	#footer {
		background: #f5f5f5;
		padding: 15px;
		margin-top: 10px;
		}
		
		#footer img {
			float: left;
			margin: 0 10px 0 0;
			display: block;
			}
		
		#footer p {
			margin: 0;
			color: #9f9f9f;
			line-height: 23px;
			font-size: 11px;
			}


.clear {
	clear: both;
	padding: 0;
	margin: 0;
	font-size: 0;
	}

#stats { display: none; }

/* ------------------------------------------
 TEXT FORMATTING
------------------------------------------ */

p, td, th, li {
	font: 12px/19px arial, helvetica, sans-serif;
	color: #333;
	}

p {	margin: 0 0 20px 0; }
ul, table { margin-bottom: 20px; }
th { text-align: left; background: #e5e5e5; }

hr {
	border-top: 1px solid #e4e4e4;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	color: #fff;
	margin: 40px 0;
	height: 0;
	padding: 0;
	}

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

h1 {
	font: normal 25px Arial, Helvetica, sans-serif;
	color: #b30838;
	margin: 0 0 15px 0;
	}
	
	.greyText { font: 14px/20px Arial, Helvetica, sans-serif; color: #999; margin: 0 0 10px 0; }

h2 {
	font: bold 17px Arial, helvetica, sans-serif;
	color: #858585;
	margin: 0 0 15px 0;
	}

h3 {
	font: bold 12px/20px Arial, helvetica, sans-serif;
	margin: 0 0 10px 0;
	color: #999;
	text-transform: uppercase;
	}

h4 {
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	color: #333;
	}

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

a, a:link, a:visited, a:active { color: #858585; }
a:hover { text-decoration: none; }

/*-------------------------------------------
  GENERAL/MISC
-------------------------------------------*/

.imgleft {
	float: left;
	margin: 0 15px 15px 0;
	}

.imgright {
	float: right;
	margin: 0 0 15px 15px;
	}