ul#nav {
	width:150px; /*width of the menu*/
	height:380px; /*height of the menu*/
	}
ul#nav li {
	padding:0;
	margin:0;
	text-indent:-9999px;
	list-style:none;
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(../images/menu.jpg) no-repeat;
	}
li#home a {
	width:150px; /*change names to the same id as the menu li and change widths to same as each menu item*/
	height:37px;
	 }
li#about a {
	width:150px;
	height:38px;
	 }
li#canals a {
	width:150px;
	height:38px;
	 }
li#landscapes a {
	width:150px;
	height:38px;
	 }
li#townscapes a {
	width:150px;
	height:38px;
	 }
li#still-life a {
	width:150px;
	height:38px;
	 }
li#drawings a {
	width:150px;
	height:38px;
	 }
li#people a {
	width:150px;
	height:38px;
	 }
li#diary a {
	width:150px;
	height:38px;
	 }
li#contact a {
	width:150px;
	height:38px;
	 }
li#links a {
	width:150px;
	height:38px;
	 }

li#home a:link, li#home a:visited {
	background-position:0px 0px;
	}
li#home a:hover, li#home a:focus {
	background-position:-150px 0px;
	 }
li#about a:link, li#about a:visited {
	background-position:0px -38px;
	}
li#about a:hover, li#about a:focus {
	background-position:-150px -38px;
	}
	
li#canals a:link, li#canals a:visited {
	background-position: 0px -76px;
	}
li#canals a:hover, li#canals a:focus {
	background-position: -150px -76px;
	}

li#landscapes a:link, li#landscapes a:visited {
	background-position: 0px -114px;
	}
li#landscapes a:hover, li#landscapes a:focus {
	background-position: -150px -114px;
	}

li#townscapes a:link, li#townscapes a:visited {
	background-position: 0px -151px;
	}
li#townscapes a:hover, li#townscapes a:focus {
	background-position: -150px -151px;
	}

li#still-life a:link, li#still-life a:visited {
	background-position: 0px -189px;
	}
li#still-life a:hover, li#still-life a:focus {
	background-position: -150px -189px;
	}

li#drawings a:link, li#drawings a:visited {
	background-position: 0px -227px;
	}
li#drawings a:hover, li#drawings a:focus {
	background-position: -150px -227px;
	}

li#people a:link, li#people a:visited {
	background-position: 0px -265px;
	}
li#people a:hover, li#people a:focus {
	background-position: -150px -265px;
	}

li#diary a:link, li#diary a:visited {
	background-position: 0px -303px;
	}
li#diary a:hover, li#diary a:focus {
	background-position: -150px -303px;
	}

li#contact a:link, li#contact a:visited {
	background-position: 0px -342px;
	}
li#contact a:hover, li#contact a:focus {
	background-position: -150px -342px;
	}

li#links a:link, li#links a:visited {
	background-position: 0px -381px;
	}
li#links a:hover, li#links a:focus {
	background-position: -150px -381px;
	}


/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a {
	background-position:-150px 0px;
	}
body#about-page ul#nav li#about a {
	background-position:-150px -38px;
	}
body#canals-page ul#nav li#canals a {
	background-position:-150px -76px;
	}
body#landscapes-page ul#nav li#landscapes a {
	background-position:-150px -114px;
	}
body#townscapes-page ul#nav li#townscapes a {
	background-position:-150px -151px;
	}
body#still-life-page ul#nav li#still-life a {
	background-position:-150px -189px;
	}
body#drawings-page ul#nav li#drawings a {
	background-position: -150px -227px;
	}
body#people-page ul#nav li#people a {
	background-position: -150px -265px
	}
body#diary-page ul#nav li#diary a {
	background-position:-150px -303px;
	}
body#contact-page ul#nav li#contact a {
	background-position:-150px -342px;
	}
body#links-page ul#nav li#links a {
	background-position:-150px -381px;
	}