/**** Side Navigation CSS, Paradise High School ******/
#sidenav {
        width: 200px;
		height:280px;
		vertical-align:top;
		padding: 5px 15px 15px 15px;
        margin: 0px 10px 0px 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #22411F;
        font-weight: bold;
			background-image: url('../images/sidenav_bg.gif');
			background-color:68A766;
			background-position:top left;
			background-repeat:repeat-x;      
        }
		
        #sidenav div {
			background-image: url('../images/sidenav_ul_bg.gif');
			background-position:center top;
			background-repeat:no-repeat;
			}

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

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

        #sidenav ul li a {
			display: block;
			margin: 0 0px 0 0px;
			padding: 0 0 3px 7px;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			color:#22411F;
			text-decoration: none;
			width: 100%;
			text-align:left;
			border-bottom: 1px dashed #197F19;
				background: url('../images/sidenav_arrow.gif') 0 5px no-repeat;
			}

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

        #sidenav ul li a:hover {
                color:#FFC312;
				background: url('../images/sidenav_arrow_cp.gif') 0 5px no-repeat;
                }

        #sidenav ul li .button {
                color:#22411F;
				
                }

        #sidenav ul li .button_cp {
				color:#FFC312;
				background: url('../images/sidenav_arrow_cp.gif') 0 5px no-repeat;
                }
				
        #sidenav ul li ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
				background: none;
                }

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

	#sidenav ul li ul li a {
			display: block;
			margin: 0 0px 0 0px;
			padding: 0 0 3px 7px;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			color:#22411F;
			text-decoration: none;
			width: 100%;
			text-align:left;
			border-bottom: 1px dashed #197F19;
				background: url('../images/sidenav_arrow.gif') 0 5px no-repeat;
                }

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

        #sidenav ul li ul li a:hover {
                color:#FFC312;
				background: url('../images/sidenav_arrow_cp.gif') 0 5px no-repeat;
                }

        #sidenav ul li ul li .button {
                color:#22411F;
                }

        #sidenav ul li ul li .button_cp {
				color:#FFC312;
				background: url('../images/sidenav_arrow_cp.gif') 0 5px no-repeat;
                }

        /*#button li .title {
				display: block;
				padding: 5px 5px 5px 5px;
				border-top: 1px solid #666666;
				background-color: #990000;
				color: #FFC312;
				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: none;
                }

        #sidenav ul li ul li ul li .button {
				padding: 0px 0px 3px 27px;
				font:normal 11px Arial, Helvetica, sans-serif;
				color: #22411F;
				border:none;
			background-image: url('../images/sidenav_bullet.gif');
			background-color:#7AAC76;
			background-position: 18px 4px;
			background-repeat:no-repeat;
                }

        #sidenav ul li ul li ul li .button_cp {
				padding: 0px 0px 3px 27px;
				font:normal 11px Arial, Helvetica, sans-serif;
			background-image: url('../images/sidenav_bullet.gif');
			background-color:#8FB98B;
			background-position: 18px 4px;
			background-repeat:no-repeat;
				color:#22411F;
				border:none;
                }
				
        #sidenav ul li ul li ul li a.button:hover , #sidenav ul li ul li ul li a.button_cp:hover {
				padding: 0px 0px 3px 27px;
			background-image: url('../images/sidenav_bullet.gif');
			background-color:#8FB98B;
			background-position: 18px 4px;
			background-repeat:no-repeat;
				color:#22411F;
				}

        #sidenav ul li ul ul ul {
                list-style: none;
                margin: 0px 0px 0px 0px;
                padding: 0;
                border: none;
                }
							
        #sidenav ul li ul li ul li ul li .button {
				padding: 5px 0px 5px 38px;
				font:normal 11px Arial, Helvetica, sans-serif;
				color: #22411F;
			background-image: url('../images/sidenav_bullet.gif');
			background-color:#7AAC76;
			background-position: 28px 4px;
			background-repeat:no-repeat;
                }

        #sidenav ul li ul li ul li ul li .button_cp {
				padding: 5px 0px 5px 38px;
				font:normal 11px Arial, Helvetica, sans-serif;
			background-image: url('../images/sidenav_bullet.gif');
			background-color:#8FB98B;
			background-position: 28px 4px;
			background-repeat:no-repeat;
				color:#22411F;
                }
				
        #sidenav ul li ul li ul li ul li .button:hover , #sidenav ul li ul li ul li ul li .button_cp:hover {
				padding: 5px 0px 5px 38px;
			background-image: url('../images/sidenav_bullet.gif');
			background-color:#8FB98B;
			background-position: 28px 4px;
			background-repeat:no-repeat;
				color:#22411F;
				}