<style type="text/css">

        body {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 11px;

        color: #333;

        text-align: center;

        margin: 0px;

        padding: 20px 0px 20px 0px;

        }

        #wrapper {

        width: 956px;

        padding: 10px;

        margin: 0px auto 0px auto;

        height: auto;

        text-align: left;

        border: 1px solid #ddd;

        }

        #header {

        margin: 0px;

        padding: 5px 0px 5px 0px;

        height: auto;

        width: auto;

        text-align: center;

        background-color: #f1f1f1;

        }

        #container {

        padding: 0px;

        margin: 10px 0px 0px 0px;

        background-attachment: scroll;

        background-image: url(back.gif);

        background-repeat: repeat-y;

        background-position: 0px 0px;

        height: auto; #default was 1%

        width: auto;

        }

        #left {

        margin: 0px;

        width: 160px;

        padding: 10px 20px 10px 20px;

        float: left;

        }

        #nav {

        margin: 0px;

        padding: 0px;

        list-style-image: none;

        list-style-type: none;

        }

        #nav li {

        margin: 0px;

        padding: 0px;

        display: block;

        background-attachment: scroll;

        background-image: url(bullet.gif);

        background-repeat: no-repeat;

        background-position: 0px 50%;

        }

        #nav li a:link, #nav li a:visited, #nav li a:active {

        color: #666;

        text-decoration: none;

        display: block;

        margin: 0px;

        padding: 3px 15px 3px 15px;

        width: 130px;

        }

        #nav li a:hover {

        color: #999;

        text-decoration: none;

        }

        #center {

        height: auto;

        width: 504px;

        padding: 10px 20px 10px 20px;

        float: left;

        margin: 0px 0px 0px 6px;

        line-height: 1.8em;

        }

        h1 {

        font-size: 14px;

        margin: 0px;

        padding: 0px;

        }

        #right {

        padding: 10px 20px 10px 20px;

        height: auto;

        width: 160px;

        float: left;

        margin: 0px 0px 0px 6px;

        }

        .clearer {

        font-size: 0px;

        line-height: 0px;

        display: block;

        margin: 0px;

        padding: 0px;

        clear: both;

        height: 0px;

        width: auto;

        }

        #footer {

        margin: 10px 0px 0px 0px;

        text-align: left;

        padding: 5px 0px 5px 0px;

        background-color: #f1f1f1;

        }

        #footer p {

        color: #999;

        margin: 0px auto 0px auto;

        padding: 0px;

        }

        #footer a:link, #footer a:visited, #footer a:active {

        color: #999;

        text-decoration: none;

        }

        #footer a:hover {

        color: #ccc;

        text-decoration: none;

        } 

</style>

	<div id="wrapper">

    <div id="container">

        <div id="left">

        <ul id="nav">

            <li><a href="/" title="home">home</a></li>

            {% if user.is_authenticated %}

                <li><a href="/task/browse/" title="tasks">tasks</a></li>

                <li><a href="/textbook/" title="textbook">textbooks</a></li>

                <br />

                <li><a href="/user/notifications/" title="notifications">

                {% if user.unread_notifications.count %}

                    notifications({{user.unread_notifications.count}})

                {% else %}

                    notifications

                {% endif %}

                </a></li>

                <li><a href="/user/requests/" title="Requests">

                {% if user.unread_requests.count %}

                    requests({{user.unread_requests.count}})

                {% else %}

                    requests

                {% endif %}

                </a></li>

                <br>

                <li><a href="/user/view/uid={{user.id}}">my profile</a></li>

                <li><a href="/accounts/logout/">logout</a></li>

            {% else %}

                <li><a href="/accounts/login/" title="login">login</a></li>

            {% endif %}

        </ul>

        </div>

        <div id="center">

            {% block content %}This is the default content{% endblock %}

        </div>

</div>