/* menus.css are the styles for the DIVs in a website that relate to menu systems only 
and should not contain any typographic or content-related styles for a site. 
The styles within are strictly used to create the menus of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */

/* MAIN NAVIGATION STYLES using DaveyJJ's method of moving background images */
#navtab1 a {
		display: block; width: 248px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/navtab1.gif) 0 0 no-repeat;
}
#navtab1 a:hover {background-position: 0px -43px; text-decoration: none;}
#navtab1on, #navtab1on a, #navtab1on a:hover {
		display: block; width: 248px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/navtab1.gif) 0px -43px no-repeat;
}
#navtab2 a {
		display: block; width: 254px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/navtab2.gif) 0 0 no-repeat;
}
#navtab2 a:hover {background-position: 0px -43px;text-decoration: none;}
#navtab2on, #navtab2on a, #navtab2on a:hover {
		display: block; width: 254px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/navtab2.gif) 0px -43px no-repeat;
}
#navtab3 a {
		display: block; width: 254px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/navtab3.gif) 0 0 no-repeat;
}
#navtab3 a:hover {background-position: 0px -43px;text-decoration: none;}
#navtab3on, #navtab3on a, #navtab3on a:hover {
		display: block; width: 254px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/navtab3.gif) 0px -43px no-repeat;
}
/* for the home page */
#hometab1 a {
		display: block; width: 248px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/hometab1.gif) 0 0 no-repeat;
}
#hometab1 a:hover {background-position: 0px -43px; text-decoration: none;}
#hometab1on, #hometab1on a, #hometab1on a:hover {
		display: block; width: 248px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/hometab1.gif) 0px -43px no-repeat;
}
#hometab2 a {
		display: block; width: 254px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/hometab2.gif) 0 0 no-repeat;
}
#hometab2 a:hover {background-position: 0px -43px;text-decoration: none;}
#hometab2on, #hometab2on a, #hometab2on a:hover {
		display: block; width: 254px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/hometab2.gif) 0px -43px no-repeat;
}
#hometab3 a {
		display: block; width: 254px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/hometab3.gif) 0 0 no-repeat;
}
#hometab3 a:hover {background-position: 0px -43px;text-decoration: none;}
#hometab3on, #hometab3on a, #hometab3on a:hover {
		display: block; width: 254px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/hometab3.gif) 0px -43px no-repeat;
}

/* these four sets of styles are for the quicklinks buttons on the left side of the home page */
#quicklink1 a {display: block;width: 114px; height: 32px; margin: 0; padding: 0; background: url(/en/images/quick1.gif) 0 0 no-repeat;}
#quicklink1 a:hover {background-position: 0px -32px; text-decoration: none;}
#quicklink2 a {display: block;width: 118px; height: 32px; margin: 0; padding: 0; background: url(/en/images/quick2.gif) 0 0 no-repeat;}
#quicklink2 a:hover {background-position: 0px -32px; text-decoration: none;}
#quicklink3 a {display: block;width: 114px; height: 33px; margin: 0; padding: 0; background: url(/en/images/quick3.gif) 0 0 no-repeat;}
#quicklink3 a:hover {background-position: 0px -33px; text-decoration: none;}
#quicklink4 a {display: block;width: 118px; height: 33px; margin: 0; padding: 0; background: url(/en/images/quick4.gif) 0 0 no-repeat;}
#quicklink4 a:hover {background-position: 0px -33px; text-decoration: none;}

/* menus for the right side of the content area on the content pages that list each page in the section */
#leftnav ul {
	margin: 0; padding: 0; list-style-type: none; 
	margin-left: 0px; color:#1C5481;
}
#leftnav li { 
	margin: 0; padding: 0; border-bottom:1px solid #AABFD0;
	font:13px Arial,Helvetica,sans-serif; color:#1C5481;
}
#leftnav li a {
	display: block; color:#1C5481;
	width: 207px; padding: 7px 0px 6px 0px; text-decoration: none;
}
#leftnav li a:hover {color: #6F6F6F;}
.leftnavon {color: #6F6F6F;}

/* menus for the right column of the content pages ... maps, about york region etc */
#rtab1, #rtab2, #rtab3 {height:40px;}
#rtab4 {height:43px;}

#rtab1 a {
		display: block; width: 184px; height: 40px; margin: 0; padding:0; margin-bottom:0;
		background: url(/en/images/rtab_1.gif) 0 0 no-repeat; font:0px; text-decoration:none;
}
#rtab1 a:hover {background-position: 0px -40px; margin: 0; padding:0; margin-bottom:0;}
#rtab2 a {
		display: block; width: 184px; height: 40px; margin: 0; padding:0; margin-bottom:0;
		background: url(/en/images/rtab_2.gif) 0 0 no-repeat; font:0px; text-decoration:none;
}
#rtab2 a:hover {background-position: 0px -40px; margin: 0; padding:0; margin-bottom:0;}
#rtab3 a {
		display: block; width: 184px; height: 40px; margin: 0; padding:0; margin-bottom:0px;
		background: url(/en/images/rtab_3.gif) 0 0 no-repeat; font:0px; text-decoration:none;
}
#rtab3 a:hover {background-position: 0px -40px; margin: 0; padding:0; margin-bottom:0px;}
#rtab4 a {
		display: block; width: 184px; height: 43px; margin: 0; padding:0; margin-bottom:9px;
		background: url(/en/images/rtab_4.gif) 0 0 no-repeat; font:0px; text-decoration:none;
}
#rtab4 a:hover {background-position: 0px -43px; margin: 0; padding:0; margin-bottom:9px;}


/* ----- end template ----- */