/* CSS Document */
#side_nav_bkg_treatments{
width: 190px;
height: 700px;
background-image: url(../images/sidenav/side_nav_bkg.jpg);
background-repeat:repeat-y;
}

#sub_nav {
margin-left: 0px;
height: 32px;
width: 172px;
}

#side_nav{
width: 200px;
margin-top:10px;
margin-left:0px;
}

ul#sub {
background:url(../images/sidenav/sub-nav-treatments.png) no-repeat;
margin-left: 9px;
padding: 0;
margin-top:0px;
width: 172px;
height: 480px;
}
#sub span {
display: none;
}

#sub li, #sub a {
height:32px;
display:block;
}

#sub li {
float:left;
list-style:none;
}

#nav-osteopathy {width: 172px;}
#nav-massage {width: 172px;}
#nav-physiotherapy {width: 172px;}
#nav-physician {width: 172px;}
#nav-chiropractic {width: 172px;}
#nav-acupuncture {width: 172px;}
#nav-hypnotherapy {width: 172px;}
#nav-homeopathy {width: 172px;}
#nav-counselling {width: 172px; }
#nav-psychology {width: 172px; }
#nav-nutrition {width: 172px;}
#nav-yoga {width: 172px;}
#nav-chiropody {width: 172px;}
#nav-herbalist {width: 172px;}
#nav-mediation {width: 172px;}

#nav-osteopathy a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px 0px no-repeat; }
#nav-osteopathy a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px 0px no-repeat; }
#nav-massage a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -32px no-repeat; }
#nav-massage a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -32px no-repeat; }
#nav-physician a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -64px no-repeat; }
#nav-physician a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -64px no-repeat; }
#nav-chiropractic a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -96px no-repeat; }
#nav-chiropractic a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -96px no-repeat; }
#nav-acupuncture a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -128px no-repeat; }
#nav-acupuncture a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -128px no-repeat; }
#nav-hypnotherapy a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -160px no-repeat; }
#nav-hypnotherapy a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -160px no-repeat; }
#nav-homeopathy a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -192px no-repeat; }
#nav-homeopathy a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -192px no-repeat; }
#nav-counselling a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -224px no-repeat; }
#nav-counselling a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -224px no-repeat; }
#nav-psychology a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -256px no-repeat; }
#nav-psychology a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -256px no-repeat; }
#nav-nutrition a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -288px no-repeat; }
#nav-nutrition a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -288px no-repeat; }
#nav-yoga a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -320px no-repeat; }
#nav-yoga a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -320px no-repeat; }
#nav-chiropody a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -352px no-repeat; }
#nav-chiropody a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -352px no-repeat; }
#nav-herbalist a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -384px no-repeat; }
#nav-herbalist a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -384px no-repeat; }
#nav-mediation a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -416px no-repeat; }
#nav-mediation a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -416px no-repeat; }
#nav-spare a:hover {background:url(../images/sidenav/sub-nav-treatments.png) -172px -448px no-repeat; }
#nav-spare a:active {background:url(../images/sidenav/sub-nav-treatments.png) -344px -448px no-repeat; }
