/*===================
	General Structure
	Generic Things
=====================*/

/* Set the global background and font size */
body {
	background-image: url("../images/page_background.png");
	background-repeat: repeat-x;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:14px;
}

/* Fix the weird 4px margin in ie6
	Luckily ie ignore the important tag (stupid))
*/
#bd {
	margin-top:0px !important;
	margin-top:-4px;

}

#hd {
	height:108px;
}

#subheader img {
	width:952px;
	height: 191px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/*===================
	Content Area
=====================*/

#content{
	border:1px solid #0b6ab8;
	border-bottom:none;
	border-top:none;
	width:950px;
	background-color:#1681d3;
	background-image: url("../images/content_background.png");
	background-repeat:repeat-x;
	padding-top:26px;
	margin-top:-4px;
}

#content #map {
float:left;
}
#map img {
margin-left:26px;
}

#content #text {
	width:379px;
	color:#c1ebf9;
	font-size:1em;
	line-height: 1.5em;
	float:left;
	margin-left:42px;
	margin-top:8px;
}


#text a, #text a:link, #text a:visited,#text a:active {
	color:#c1ebf9;
	border-bottom: 1px solid #c1ebf9;
	text-decoration: none;
}

#text a:hover {
	border-bottom: 1px dotted #c1ebf9;
	color: #fae80a;
}



/*===================
		Footer
=====================*/

#ft {
	background-image: url("../images/footer_background.png");
	background-repeat:repeat-x;
	background-position: bottom;
	background-color:#1681d3;
	width:950px;
	height:50px;
	margin-bottom:20px;
	border: 1px solid #0b6ab8;
	border-top:none;
	clear:both;
	
}

#ft p {
	float:left;
	color:#000033;
	font-size:.8em;
	display: inline;
	margin-top:32px;
	margin-left:26px;
}

#fuel_logo {
	float:right;
	margin-right:8px;
}


/*===================
	Navigation
=====================*/

#nav_menu {
margin-top: 0px;
margin-left:40px;
float:left;
}


#nav_menu #nav {
	list-style: none;
}

#nav_menu #nav li {
	margin: 0px 0px 0px 0px; 
	_margin-top:-4px; /* ie6 will read this */
	.margin-top:-4px; /* ie7 should read this */
	padding: 0px 0px 0px 0px;
    list-style: none;
    height:25px;
	border-bottom: none;
	text-decoration: none;
	}

#nav_menu #nav a {
	padding: 25px 0px 0px 0px;
	float:left;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	width:127px;
	float:left;
	}

/* Thanks to http://nerds.imsafer.com/articles/2006/09/28/css-for-ie6-ie7 for the ie6 ie7 trick */

#nav_menu #nav a:hover {
	background-position: -128px 0px;
	border-bottom: none;
	}

#nav_menu #home a  {
	width:125px;
	margin-top:0px;
	_margin-top:4px;
	background: url(../images/hovers/1home.png) top left no-repeat;
	
}

#what a{
	width:127px;
	background: url(../images/hovers/2what.png) top left no-repeat;
}

#dining a{
	width:127px;
	background: url(../images/hovers/3dining.png) top left no-repeat;
}

#functions a{
	width:127px;
	background: url(../images/hovers/4functionsmod.png) top left no-repeat;
}

#bowls a{
	width:127px;
	background: url(../images/hovers/5bowls.png) top left no-repeat;
}

#events a{
	width:127px;
	background: url(../images/hovers/6events.png) top left no-repeat;
}

#rules a{
	width:127px;
	background: url(../images/hovers/7rules.png) top left no-repeat;
}

#membership a{
	width:127px;
	background: url(../images/hovers/8membership.png) top left no-repeat;
}

#support a{
	width:127px;
	background: url(../images/hovers/9supporting.png) top left no-repeat;
}

#links a{
	width:127px;
	background: url(../images/hovers/10links.png) top left no-repeat;
}

#contact a{
	width:127px;
	background: url(../images/hovers/11contact.png) top left no-repeat;
}

#board a{
	width:127px;
	background: url(http://content.asquithbowlingclub.com.au/images/hovers/honourboards.gif) top left no-repeat;
}