/* GENERAL TAB STYLING */

#nav {
    position: relative;
    _left: 40px;
    _top: -76px;
}

#left_tabs {
    position: absolute;
    bottom: -1px; /* must be same thickness as tab border */
    left: 174px; /* based on width and padding of logo */
}

#right_tabs {
    position: absolute;
    right: 305px;
    bottom: -1px; /* must be same thickness as tab border */
}

#nav ul.tabs a, #nav ul.tabs a:visited {
    color: white; /* unselected tab text colour */
    font-weight: bold;
    text-decoration: none;
    zoom: 1;
}

#nav ul.tabs a {
    color: white; /* unselected tab text colour */
    background-color: #999; /* unselected tab colour */
}

#nav ul.tabs a:hover {
    color: white; /* unselected tab text hover colour */
    background-color: #5b80b2;
}

#nav ul.tabs li {
    list-style-type: none;
    display: inline;
    padding: 5px 0 4px;
    margin: 0 1px; /* to compensate for border */
}

#nav ul.tabs li a {
    padding: 5px 12px;
}

#nav ul.tabs {
    margin: 0 0 5px;
}

body.listings_section #nav #tab_listings a,
body.events_section #nav #tab_events a,
body.help_section #nav #tab_help a {
    background-color: #5b80b2; /* selected tab colour */
}

#subnav {
    overflow: hidden;
    background: #EEE; /* tab colour */
    border-bottom: 1px solid #CCC;
}

#subnav ul {
    margin: 0 0 0 20px;
    padding: 0;
}

#subnav ul li {
    display: inline;
    list-style-type: none;
}

#subnav ul a:link, #subnav ul a:visited {
    float: left;
    font-weight: bold;
    text-decoration: none;
    color: #444;
    padding: 4px 20px;
}

#subnav ul a:hover {
    color: #000;
    background: #CCC;
}