/**************** CSS Side Navigation: Paradise Unified School District ******************/
#sidenav {
        width: 200px;
        margin: 0;
		padding: 0;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
		background-image: url('../images/sidenav_bg.gif'); 
        }

        #sidenav ul {
                list-style: none;
                margin: 0px 0px 0px 0px;
                padding: 0;
                }

        #sidenav ul li {
                padding: 0;
                margin: 0;
                list-style: none;
                list-style-image: none;
                }

        #sidenav ul li a {
                display: block;
                padding: 0 10px 5px 7px;
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size: 18px;
				font-weight: bold;
                color: #FFF;
                text-decoration: none;
				text-transform:uppercase;
                width: 100%;
				text-align:left;
				border:none;
				background-image: url('../images/sidenav_title2.gif');
					background-position: left top;
					background-repeat: no-repeat;
                }

        html>body #sidenav ul li a {
                width: auto;
                }

        #sidenav ul li a:hover {
                color: #000;
                }

        #sidenav ul li .button {
                color: #FFF;
                }

        #sidenav ul li .button_cp {
                color: #FFF;
				background-image: url('../images/sidenav_title2.gif');
					background-position: left top;
					background-repeat: no-repeat;
                }
				
        #sidenav ul li ul {
                list-style: none;
                margin: 0px 0px 0px 0px;
                padding: 0;
                border-right:0;
                }

        #sidenav ul li ul li {
                
                margin: 0;
                list-style: none;
                list-style-image: none;
                }

        #sidenav ul li ul li a {
                display: block;
                padding: 4px 10px 4px 20px;
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
                color: #3E3224;
                text-decoration: none;
				text-transform:none;
                width: 100%;
				text-align:left;
				border-bottom:dashed 1px #EEEBD9;
				background-image: url('../images/tab_arrow1.gif');
					background-position: 8px 7px;
					background-repeat: no-repeat;
                }

        html>body #sidenav ul li ul li a {
                width: auto;
                }

        #sidenav ul li ul li a:hover {
				color: #3E3224;
				background-image: url('../images/tab_arrow2.gif');
					background-position: 8px 7px;
					background-repeat: no-repeat;
					background-color:#F3F4CF;
                }

        #sidenav ul li ul li .button {
                color: #3E3224;
                }

        #sidenav ul li ul li .button_cp {
				color: #000;
				background-image: url('../images/tab_arrow2.gif');
					background-position: 8px 7px;
					background-repeat: no-repeat;
					background-color:#F3F4CF;
                }

        /*#sidenav li .title {
				display: block;
				padding: 5px 5px 5px 5px;
				border-top: 1px solid #666666;
				background-color: #990000;
				color: #FFFFFF;
				text-decoration: none;
				text-align: center;
				font-weight: bold;
                }*/

        #sidenav ul li ul ul {
                list-style: none;
                margin: 0px 0px 0px 0px;
                padding: 0;
                border-right:0;
                }

        #sidenav ul li ul li ul li .button {
				border: 0;
				padding: 3px 3px 3px 30px;
				background-color: #B1B294;
				color: #000000;
				font-size: 11px;
				background-image: url('../images/tab_arrow3.gif');
					background-position: 18px 7px;
					background-repeat: no-repeat;
                }

        #sidenav ul li ul li ul li .button_cp {
				border: 0;
                padding: 3px 3px 3px 30px;
				background-color: #D6D7C4;
                color: #3E3224;
				font-size: 11px;
				font-weight: bold;
				background-image: url('../images/tab_arrow4.gif');
					background-position: 18px 7px;
					background-repeat: no-repeat;
                }
				
        #sidenav ul li ul li ul li a.button:hover , #sidenav ul li ul li ul li a.button_cp:hover {
				color: #3E3224;
				background-image: url('../images/tab_arrow4.gif');
					background-position: 18px 7px;
					background-repeat: no-repeat;
				background-color:#D6D7C4;
				}
							
        #sidenav ul li ul ul ul {
                list-style: none;
                margin: 0px 0px 0px 0px;
                padding: 0;
                border-right:0;
                }

        #sidenav ul li ul li ul li ul li .button {
				border: 0;
				padding: 3px 3px 3px 40px;
				background-color: #B1B294;
				color: #000000;
				font-size: 11px;
				background-image: url('../images/tab_arrow3.gif');
					background-position: 24px 7px;
					background-repeat: no-repeat;
                }

        #sidenav ul li ul li ul li ul li .button_cp {
				border: 0;
                padding: 3px 3px 3px 40px;
				background-color: #B1B294;
                color: #3E3224;
				font-size: 11px;
				font-weight: bold;
				background-image: url('../images/tab_arrow4.gif');
					background-position: 24px 7px;
					background-repeat: no-repeat;
					
                }
				
        #sidenav ul li ul li ul li ul li a.button:hover , #sidenav ul li ul li ul li ul li a.button_cp:hover {
				color: #3E3224;
				background-color:#D6D7C4;
				background-image: url('../images/tab_arrow4.gif');
					background-position: 24px 7px;
					background-repeat: no-repeat;
				}