/* Style sheet City2Net Theme 		*/
/* Theme Moudon left navigation 	*/
/* Copyright 2008 Obtic Sàrl			*/

/****************************/
/*  Block                   */
/****************************/

#MenuLeft { heigth:auto; width:170px; padding: 0; margin:0px; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333; background-color:#ddd; }

/****************************/
/*  Level 1                 */
/****************************/
#MenuLeft ul { list-style: none; margin: 0px; padding: 0px; }
#MenuLeft li { width:145px; margin: 0px; padding:0px; }
#MenuLeft li a { width:145px; margin:0px; display:block; padding: 5px 0px 5px 25px; color: #333; text-decoration: none; font-weight:normal; background-image: url("../Images/Puce_L1.gif"); background-repeat:no-repeat; background-position: 0px 0px 0px 0px; border-bottom: 1px solid #fff; }
#MenuLeft li a:hover { width:145px; background-image: url("../Images/Puce_L1_ov.gif"); background-repeat:no-repeat; background-position: 0px; color:#800; background-color: #bbb; }
#MenuLeft li a.select { font-weight:bold; background-image: url("../Images/Puce_L1.gif"); background-repeat:no-repeat; background-position: 0px; color:#800; background-color: #bbb; }
#MenuLeft li a.select:hover { background-image: url("../Images/Puce_L1_ov.gif"); background-repeat:no-repeat; background-position: 0px; color:#800; }

/****************************/
/*  Level 2                 */
/****************************/
#MenuLeft ul ul { margin-left:0px; }
#MenuLeft li li { width:136px; border:0; margin:0px; padding:0px; }
#MenuLeft li li a { width:136px; padding:5px 0px 5px 15px; color: #666; text-decoration: none; font-weight:normal; border-left: 19px solid #fff; background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 5px 7px; background-color:#ccc; }
#MenuLeft li li a:hover { width:136px; color: #666; background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 5px 7px; background-color: #ddd; }
#MenuLeft li li a.select { font-weight:bold; color:#800; background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 5px 7px; background-color:#bbb; }
#MenuLeft li li a.select:hover { color: #800; background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 5px 7px; background-color: #ccc; }

/****************************/
/*  Level 3                 */
/****************************/
#MenuLeft ul ul ul { }
#MenuLeft li li li { border:0px; border-bottom: 0; margin:0px; padding:0px; }
#MenuLeft li li li a { width:121px; display: block; padding: 2px 5px 2px 25px; color: #666; text-decoration: none; font-weight:normal; background-image: none; background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 15px 3px; background-color: #ddd; }
#MenuLeft li li li a:hover { width:121px; display: block; color:#800; padding: 2px 5px 2px 25px; background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 15px 3px; color:#800; background-color: #eee; }
#MenuLeft li li li a.select { font-weight:bold; background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 15px 3px; background-color:#fff; }
#MenuLeft li li li a.select:hover { background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 15px 3px; background-color:#eee }

/****************************/
/*  Level 4                 */
/****************************/
#MenuLeft ul ul ul ul { }
#MenuLeft li li li li { border:0px; border-bottom: 0; margin:0px; padding:0px; }
#MenuLeft li li li li a { width:106px; display: block; padding: 2px 5px 2px 35px; color: #666; text-decoration: none; font-weight:normal; background-image: none; background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 15px 3px; background-color: #ddd; }
#MenuLeft li li li li a:hover { width:106px; display: block; color:#800; padding: 2px 5px 2px 35px; background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 15px 3px; color:#800; background-color: #eee; }
#MenuLeft li li li li a.select { font-weight:bold; background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 15px 3px; background-color:#fff; }
#MenuLeft li li li li a.select:hover { background-image: url("../Images/BulletLight.gif"); background-repeat:no-repeat; background-position: 15px 3px; }