/********* CSS, Side Navigation - Plumas Lake Elementary School District ************/

#button {
        width: 218px;
        padding: 0 0 0 0;
		margin: 0 0 0 0;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFF;
        font-weight: bold;
		background: url('../images/sidenav_repeater.gif') top left repeat-y;      
        }

        #button ul {
                list-style: none;
                margin: 0;
                padding: 0 7px 0 0;
                border: 0;
				min-height:230px;
				background:url('../images/sidenav_watermark.gif') no-repeat;
				background-position: 40px 35px;      
                }
				
		/* for Internet Explorer */
		*html #button ul {
				height:230px;
				}

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

        #button ul li a {
                display: block;
                padding: 0px 5px 10px 13px;
                color: #FFF;
                text-decoration: none;
                width: 100%;
				text-align:left;
				text-transform: uppercase;
				font-size: 16px;
				font-style:none;
				background-image: url('../images/sidenav_title.gif');
					background-position: top left;
					background-repeat: repeat-y;
                }

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

        #button ul li a:hover {
                color: #FFF;
                }

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

        #button ul li .main_cp {
                color: #FFF;
                }
/********************************** 2nd level ****************************************/				
        #button ul li ul {
                list-style: none;
                margin: 0 0 0 0;
                padding: 0 0 0 1px;
                border: none;
				background: url(none);
				min-height:auto;
                }

		/* for Internet Explorer */
		*html #button ul li ul {
				height:auto;
				}

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

        #button ul li ul li a {
                display: block;
                padding: 5px 5px 5px 13px;
				border-bottom: 1px solid #648AB3;
                color: #FFF;
                text-decoration: none;
                width: 100%;
				text-align:left;
				text-transform: none;
				font-size: 12px;
				background-image: url('../images/arrow_static.gif');
					background-position: 5px 10px;
					background-repeat: no-repeat;
                }

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

        #button ul li ul li a:hover {
                color: #062241;
				background-image: url('../images/arrow_hover.gif');
					background-position: 5px 10px;
					background-repeat: no-repeat;
					background-color:#F1BD78;
                }

        #button ul li ul li .main {
                color: #000000;
                }

        #button ul li ul li .main_cp {
                color: #062241;
				font-weight: bold;
				background-image: url('../images/arrow_hover.gif');
					background-position: 5px 10px;
					background-repeat: no-repeat;
					background-color:#F1BD78;
                }


        /*#button 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;
                }*/
/********************************** 3rd level ****************************************/				
        #button ul li ul ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
				background: url(none);
				min-height:0;
                }

		/* for Internet Explorer */
		*html #button ul li ul li ul {
				height:auto;
				}

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

        #button ul li ul li ul li a {
				font-size:11px;
				border: 0;
				padding: 3px 5px 3px 23px;
				background-color: #8093A8;
				color: #FFF;
				background-image: url('../images/bullet_sub.gif');
					background-position: 13px 9px;
					background-repeat: no-repeat;
                }

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

        #button ul li ul li ul li a:hover {
                color: #000;
				background-image: url('../images/bullet_sub.gif');
					background-position: 13px 9px;
					background-repeat: no-repeat;
					background-color:#F1BD78;
                }

        #button ul li ul li ul li .main {
                color: #000000;
                }

        #button ul li ul li ul li .main_cp {
                color: #000;
				padding: 3px 5px 3px 23px;
				font-weight: bold;
				background-image: url('../images/bullet_sub.gif');
					background-position: 13px 9px;
					background-repeat: no-repeat;
					background-color:#F1BD78;
                }
 
 /*
        #button li .sub1_cp {
				border: 0;
                padding: 5px 6px 5px 20px;
				background-color: #d9d9d9;
                color: #990000;
				font-weight: bold;
				background-image: url('../images/mouseover_sub.gif');
					background-position: 10px 0px;
					background-repeat: no-repeat;
                }
				
        #button li a.sub1:hover , #button li a.sub1_cp:hover {
				background-image: url('../images/mouseover_sub.gif');
					background-position: 10px 0px;
					background-repeat: no-repeat;
				}
*/							

/********************************** 4th level ****************************************/				
        #button ul li ul ul ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
                }

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

        #button ul li ul li ul li ul li a {
				border: 0;
				padding: 3px 5px 3px 36px;
				background-color: #6C7D90;
				color: #FFF;
				background-image: url('../images/bullet_sub.gif');
					background-position: 25px 9px;
					background-repeat: no-repeat;
                }

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

        #button ul li ul li ul li ul li a:hover {
                color: #000;
				background-image: url('../images/bullet_sub.gif');
					background-position: 25px 9px;
					background-repeat: no-repeat;
					background-color:#F1BD78;
                }

        #button ul li ul li ul li ul li .main {
                color: #000000;
                }

        #button ul li ul li ul li ul li .main_cp {
                color: #000;
				padding: 3px 5px 3px 36px;
				background-image: url('../images/bullet_sub.gif');
					background-position: 25px 9px;
					background-repeat: no-repeat;
					background-color:#F1BD78;
                }



/*
        #button li .sub2 {
				border: 0;
				padding: 5px 6px 5px 30px;
				background-color: #e4e4e4;
				color: #000000;
				background-image: url('../images/bullet_sub.gif');
					background-position: 20px 0px;
					background-repeat: no-repeat;
                }

        #button li .sub2_cp {
				border: 0;
                padding: 5px 6px 5px 30px;
				background-color: #e4e4e4;
                color: #990000;
				font-weight: bold;
				background-image: url('../images/mouseover_sub.gif');
					background-position: 20px 0px;
					background-repeat: no-repeat;
					
                }
				
        #button li a.sub2:hover , #button li a.sub2_cp:hover {
				background-image: url('../images/mouseover_sub.gif');
					background-position: 20px 0px;
					background-repeat: no-repeat;
				}
*/