<div id="sidebar">
        <p>
            <div class="parent">
		        <ul>
			        <li><a href="#" style="color:#FFF; font-size:16px; font-weight:bold; text-decoration:none;"> Head of Departments </a></li>
                </ul>
            </div>
        </p>
        <div class="down">
			<div class="list">
                <ul style="margin-left:20px">
                    <li><a href="?type=ExamPass" style="color:#FFF; font-size:14px;">Semester Exam Pass</a></li>
                <br/>
            </div>
        </div>
            
        <div class="down">
			<div class="list">
                <ul style="margin-left:20px">
                    <li><a href="?type=attendance" style="color:#FFF; font-size:14px;">Semester Exam Attendance</a></li>
                <br/>
            </div>
        </div>
        
        <div class="down">
			<div class="list">
                <ul style="margin-left:10px">
                    <li><a href="?type=sheet" style="color:#FFF; font-size:14px;">Spread Sheets</a></li>
                <br/>
            </div>
        </div>
        
         <p style="display:block">
    <div class="parentout">
		<ul>
			<li><a href="?type=logout" style="color:#FFF; font-size:16px; font-weight:bold; text-decoration:none;"> Log Out </a></li>
            </ul>
            </div></p>
			 <!--Position for more menu list-->
</div>
		
	</div>
	
	
<!--<div id="sidebar">-->
<!--        <p>-->
<!--            <div class="parent">-->
<!--		        <ul>-->
<!--			        <li><a href="#" style="color:#FFF; font-size:16px; font-weight:bold; text-decoration:none;"> Admission Officers </a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--        </p>-->
<!--        <div class="down">-->
<!--			<div class="list">-->
<!--                <ul style="margin-left:20px">-->
<!--                    <li><a href="?type=admission_officer" style="color:#FFF; font-size:14px;">Admitted Students</a></li>-->
<!--                    <li><a href="?type=admin_acceptance" style="color:#FFF; font-size:14px;">Acceptance Payment</a></li>-->
<!--                    <li> <a href="?type=admin_schoolfees" style="color:#FFF; font-size:14px;">School Fees </a></li>-->
                    <!--<li> <a href="?type=verification" style="color:#FFF; font-size:14px;">Verify Payments</a></li>-->
<!--                    <li> <a href="?type=applicant" style="color:#FFF; font-size:14px;">Applicant</a></li>-->
<!--                    <li><a href="?type=RegStudent" style="color:#FFF; font-size:14px;">Course Registration</a></li>-->
<!--                <br/>-->
<!--            </div>-->
<!--        </div>-->
            
        
<!--         <p style="display:block">-->
<!--    <div class="parentout">-->
<!--		<ul>-->
<!--			<li><a href="?type=logout" style="color:#FFF; font-size:16px; font-weight:bold; text-decoration:none;"> Log Out </a></li>-->
<!--            </ul>-->
<!--            </div></p>-->
			<!-- Position for more menu list-->
<!--</div>-->
		
	<!--</div>-->