/* css for left navigation ------------------------------------------------------------------------------ */
ul#nav-left {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
    }
ul#nav-left li {
	height: 24px;
    padding: 0;
	float: left;
	}
ul#nav-left li#nav-left01 a, 
ul#nav-left li#nav-left01 a:visited {
	width: 100px;
	height: 24px;
	display: block;
    background: url(../images/nav-about01.gif) no-repeat;
    }
ul#nav-left li#nav-left01 a:hover {
    background: url(../images/nav-about01on.gif) no-repeat;
    }
ul#nav-left li#nav-left02 a, 
ul#nav-left li#nav-left02 a:visited {
	width: 100px;
	height: 24px;
	display: block;
    background: url(../images/nav-about02.gif) no-repeat;
    }
ul#nav-left li#nav-left02 a:hover {
    background: url(../images/nav-about02on.gif) no-repeat;
    }
ul#nav-left li#nav-left03 a, 
ul#nav-left li#nav-left03 a:visited {
	width: 100px;
	height: 24px;
	display: block;
    background: url(../images/nav-about03.gif) no-repeat;
    }
ul#nav-left li#nav-left03 a:hover {
    background: url(../images/nav-about03on.gif) no-repeat;
    }



/* css for left navigation - ON STATE ------------------------------------------------------------------- */
ul#nav-left li#nav-left01 a#on, 
ul#nav-left li#nav-left01 a:visited#on {
	width: 100px;
	height: 24px;
	display: block;
    background: url(../images/nav-about01set.gif) no-repeat;
}
ul#nav-left li#nav-left01 a:hover#on {
    background: url(../images/nav-about01set.gif) no-repeat;
}
ul#nav-left li#nav-left02 a#on, 
ul#nav-left li#nav-left02 a:visited#on {
	width: 100px;
	height: 24px;
	display: block;
    background: url(../images/nav-about02set.gif) no-repeat;
}
ul#nav-left li#nav-left02 a:hover#on {
    background: url(../images/nav-about02set.gif) no-repeat;
}
ul#nav-left li#nav-left03 a#on, 
ul#nav-left li#nav-left03 a:visited#on {
	width: 100px;
	height: 24px;
	display: block;
    background: url(../images/nav-about03set.gif) no-repeat;
}
ul#nav-left li#nav-left03 a:hover#on {
    background: url(../images/nav-about03set.gif) no-repeat;
}



/* css for next/previous navigation --------------------------------------------------------------------- */
ul#nav-next {
	padding: 0;
	margin: 0 0 0 12px;
	list-style: none;
	line-height: 1em;
    }
ul#nav-next li {
	height: 29px;
    padding: 0;
	float: left;
	}
ul#nav-next li#nav-next01 a, 
ul#nav-next li#nav-next01 a:visited {
	width: 62px;
	height: 29px;
	display: block;
    background: url(../images/nav-prev.gif) no-repeat;
    }
ul#nav-next li#nav-next01 a:hover {
    background: url(../images/nav-prev-on.gif) no-repeat;
    }
ul#nav-next li#nav-next02 a, 
ul#nav-next li#nav-next02 a:visited {
	width: 62px;
	height: 29px;
	display: block;
    background: url(../images/nav-next.gif) no-repeat;
    }
ul#nav-next li#nav-next02 a:hover {
    background: url(../images/nav-next-on.gif) no-repeat;
    }