Android : Tabs now showing in DrawerLayout

i am trying to use DrawerLayout and Tabs . I have made a layout as given below:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <include
        android:id="@+id/tool_bar"
        layout="@layout/tool_lay"
        ></include>
    <android.support.v4.widget.DrawerLayout
        android:layout_below="@+id/tool_bar"
        android:id="@+id/DrawerLayout"
        android:elevation="7sp"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/frame_layout">

    <com.deals.UI.SlidingTabLayout
        android:id="@+id/tabs_events"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:elevation="2dp"
        android:background="@color/white"
        />
    <android.support.v4.view.ViewPager
        android:id="@+id/pager_events"

        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:layout_weight="1"
        />
    </FrameLayout>

    <ListView
        android:layout_width="320dp"
        android:layout_height="match_parent"
        android:id="@+id/navigation_list"
        android:background="#ffffff"
        android:layout_gravity="left"
        ></ListView>
</android.support.v4.widget.DrawerLayout>
</RelativeLayout>

Everything is working fine except the Fragments of the ViewPager are coming over the SlidingTabLayout. Can anybody suggest how the pager fragments come below the SlidingTabLayout. Kindly update.