/* CSS Document */

/* #leftNavigation height = (number of top level links - 1) * height of links + inner div height */
#leftNavigation {padding:0; margin:0; list-style:none; width:100%; border:0px solid #ccc; position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:13px; background-color:#FFFFFF; }

#leftNavigation li.top
{
display:block; 
float:left; 
height:29px; 
line-height:29px; 
width:100%; 
background-image: url(V1_images/leftNavMainMenuBG.jpg);
text-decoration:none;
text-indent:10px; 
overflow:hidden; 
cursor:pointer;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
 
}

#leftNavigation li.top a {
text-decoration:none; 
color:#000000; 
display:block;
}

#leftNavigation li.sub{
display:block; 
float:left; 
height:29px; 
line-height:29px; 
width:100%; 
background-image: url(V1_images/leftNavMainMenuBG.jpg);
text-decoration:none;
text-indent:10px; 
overflow:hidden; 
cursor:pointer;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
color:#FFFFFF; 
}



#leftNavigation li.top a:hover {

background-image: url(V1_images/leftNavMainMenuSelectedBG.jpg);
text-decoration:none; 
color:#FFFFFF; 
}

#leftNavigation li.sub {
background-image: url(V1_images/leftNavMainMenuBG.jpg);
color:#000000; 
}




#leftNavigation li.clicked {color:#000000; background: url(V1_images/leftNavMainMenuSelectedBG.jpg); height:50px;}

/* #leftNavigation li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#leftNavigation li.sub div {background:#FFFFFF; height:1000px; width:100%; font-family: arial; text-indent:0;}

#leftNavigation li div ul {padding:0; margin:0; list-style:none;}
#leftNavigation li div ul li {float:left; height:29px; width:100%;}

#leftNavigation li div ul li a {
padding:0; 
margin:0;
color:#000; 
text-decoration:none; 
background:#fff; 
font-size:13px; 
display:block;  
width:100%; 
text-indent:10px;
border-bottom:0px solid #ddd;
}

#leftNavigation li div ul li a:hover {
color:#FFF; 
color:#336601; background:#FFFFFF url(V1_images/whiteBGBullet.jpg) no-repeat 1px 10px;
border-bottom:0px  solid #ddd;
}



