/* CSS Document */
#side_nav_bkg_about{
width: 190px;
height: 320px;
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-about.png) no-repeat;
margin-left: 9px;
padding: 0;
margin-top:0px;
width: 172px;
height: 160px;
}
#sub span {
display: none;
}

#sub li, #sub a {
height:32px;
display:block;
}

#sub li {
float:left;
list-style:none;
}

#nav-about {width: 172px;}
#nav-team {width: 172px;}
#nav-news {width: 172px;}
#nav-fees {width: 172px;}
#nav-room {width: 172px;}

#nav-about a:hover {background:url(../images/sidenav/sub-nav-about.png) -172px 0px no-repeat; }
#nav-about a:active {background:url(../images/sidenav/sub-nav-about.png) -344px 0px no-repeat; }
#nav-team a:hover {background:url(../images/sidenav/sub-nav-about.png) -172px -32px no-repeat; }
#nav-team a:active {background:url(../images/sidenav/sub-nav-about.png) -344px -32px no-repeat; }
#nav-news a:hover {background:url(../images/sidenav/sub-nav-about.png) -172px -64px no-repeat; }
#nav-news a:active {background:url(../images/sidenav/sub-nav-about.png) -344px -64px no-repeat; }
#nav-fees a:hover {background:url(../images/sidenav/sub-nav-about.png) -172px -96px no-repeat; }
#nav-fees a:active {background:url(../images/sidenav/sub-nav-about.png) -344px -96px no-repeat; }
#nav-room a:hover {background:url(../images/sidenav/sub-nav-about.png) -172px -128px no-repeat; }
#nav-room a:active {background:url(../images/sidenav/sub-nav-about.png) -344px -128px no-repeat; }