div#nav-skip { position: absolute;
    top: 3px;
    right: 1em; /* 12/12 */
    z-index: 1;
    background: #363636 url('../../../graphics/ql_rightbottom.gif') no-repeat 100% 100%; }

div#nav-skip p { margin: 0;
    padding: 1px 15px 2px 5px;
    /*background: url('../../../graphics/ql_leftbottom.gif') no-repeat 0 100%;*/ }
    #ie7 div#nav-skip p,
    #ie6down div#nav-skip p { padding-top: 2px; }
    #ie6down div#nav-skip p { padding: 2px 10px;
        background: url('../../../graphics/ql_leftbottom.gif') no-repeat 0 100%; }

/* edit 2011.04.06
   Guan Ming Teo

   Until I can work out the problem with the Quick Links, I'm forcing this here so that 
   the nav-skip will look just fine all on its own. *-/-
div#nav-skip p { padding: 2px 10px; }
/-*- end edit 2011.04.06 */

div#nav-skip a { font-size: 0.916666em; /* 11/12 */
    color: #e2e2e2;
    text-decoration: none; }
div#nav-skip a:focus,
div#nav-skip a:hover,
div#nav-skip a:active { text-decoration: underline; }

#headercontainer .primary,
#footercontainer .internal,
#centrecontainer .internal {
    min-width: 780px;
    max-width: 1200px;
    position: relative;
}

#headercontainer {                  /* Big black block at the top */
    height: 112px;
    border-bottom: 1px solid #c4c4c4;
    background: url('../../../graphics/search-background.gif') repeat-x bottom;
    border-top: 3px solid #69c4d9;  /* B-ST: Faculty colour, default is a light blue */
    background-color: #000000;
}

#headertitle {
    display: block;                 /* For subclasses override background-image, &  */
    float: right;                   /* for oversized titles, reduce margin-top such */
    height: 0px !important;         /* that the baseline stays with the crest.      */
    padding: 37px 0 0 0;
    margin: 37px 11px 0 0;
    overflow: hidden !important;
    background: url('../../../graphics/titles/excellence.gif') no-repeat top right;
    width: 556px !important;        /* Never increase this value (or you'll break IE6 at low widths) */
    display: inline; /*A-DMB*/
}

img#uwa_crest {
    float: left;
    width: 200px;
    height: 54px;
    padding: 12px 0 0 10px;
}

/* 5-2: Quick Links */

#bodycontainer #ql_outer {
    color: #fff;
    position: absolute;
    right: 10.416666em; /* 120/12 */
    padding-left: 5px;
    background: #363636 url('../../../graphics/ql_leftbottom.gif') no-repeat left bottom; }
    #ie6down #ql_outer { display: none; }

#bodycontainer #ql_inner {
    font-size: 0.916666em; /* 11/12 */
    padding: 2px 0;
    background: url('../../../graphics/ql_rightbottom.gif') no-repeat right bottom; }

#ql_inner a {
    color: #e2e2e2;
    text-decoration: none;
    margin: 0 10px 0 2px;
    padding-left: 5px;
    background: url('../../../graphics/ql_linkarrow.gif') no-repeat left center;
}
#ql_inner a:focus, 
#ql_inner a:hover {
    text-decoration: underline;
}
a#ql_button {
    text-decoration: none;
    margin: 1px 5px 0 4px;
    padding-right: 11px;
    background: url('../../../graphics/ql_reticle.gif') no-repeat right center;
}
#ql_extra { padding: 2px 15px 0 5px; }
#ql_list li { display: inline; }
#ql_list, #ql_extra { display:none; }


/* 5-3: Local links block */

#bodycontainer #locallinks { position: relative;
    float: left;
    clear: both;
    height: 25px;
    padding-top: 13px;
    /*line-height: 1.0;   /--* Was this better in some way? */ }
    #ie7 #locallinks { padding-top: 21px; }
    #ie6down #locallinks { width: 50%;
        padding-top: 26px; }

#bodycontainer #locallinks ul {
    display: inline;
}
#bodycontainer #locallinks li {
    display: inline;
    margin: 0 6px 0 8px;
}
#bodycontainer #locallinks li a {
    padding: 0 0 0 14px;
    background: transparent url('../../../graphics/bullet-link.gif') no-repeat left center;
    font-weight: bold;
    text-decoration: none;
    color: #757575;
}
#bodycontainer #locallinks li a:focus, 
#bodycontainer #locallinks li a:hover {
    text-decoration: underline;
}

/* 5-4: Search form */
#bodycontainer form#uwasearch fieldset { position: relative;
    float: right;
    clear: right;
    height: 29px;
    padding-top: 9px;
} #ie7 form#uwasearch fieldset {
    height: 30px;
    padding-top: 8px; /* spacing discrepancy */
}
    #ie6down form#uwasearch fieldset { height: 30px;
        padding-top: 15px; }

#bodycontainer form#uwasearch dl {
    display: inline;
    margin: 0;
}
#bodycontainer form#uwasearch dl dd,
#bodycontainer form#uwasearch p {
    float: left;
    display: inline;
    margin: 0;
}

#bodycontainer form#uwasearch dl dt {
    position: absolute;
    left: -10000px;
    top: -10000px;
    visibility: hidden;
}

#bodycontainer form#uwasearch dl dd input,
#bodycontainer form#uwasearch dl dd select {
    margin: 0;
    padding: 1px;
    border: 1px solid #7f9db9;
} #ie7 form#uwasearch dl dd input,
  #ie6down form#uwasearch dl dd input {
    margin: -1px 0 0;
    padding: 2px; /* spacing discrepancy */
}

#bodycontainer form#uwasearch dl dd select#query {
    margin-right: 2px;
    margin-left: 4px;
    padding: 0;
}

#bodycontainer form#uwasearch p input#submitsearch {
    margin: -1px 8px 0 0;
} #ie7 form#uwasearch p input#submitsearch,
  #ie6down form#uwasearch p input#submitsearch {
    margin-top: 0; /* spacing discrepancy */
}

#bodycontainer #navcontainer {
    float: left;
    display: inline;
    position: relative;
    width: 182px;
    min-height: 32em;
    margin-left: -182px;
    padding: 2.6em 0 3em 0;
    } #ie6down #navcontainer {
    height: 32em;
}

/* ---ul/li--- */
#navcontainer ul {
    margin: 0 9px 0 8px;
    list-style-image: none;
    line-height: 1.15;
    } #ie6down #navcontainer ul {
    height: 1%;
}
#navcontainer ul ul {
    margin: 0 0 1.8em 0;
}
#navcontainer ul ul ul {
    margin: 0.25em 0 0 15px;
    padding-bottom: 0.2em;
    background: url('../../../graphics/dots-lightgrey.gif') repeat-x left bottom;    /* Colour: light grey */
}
#navcontainer ul ul ul ul {
    margin: 0 0 0 10px;
    padding-bottom: 0;
    background: none;
}
#navcontainer li {
    margin: 0;
    padding: 1px 0 0 0;
    border-bottom: 1px solid #D7D7D7;
    } #ie6down #navcontainer li {
    height: 1%;
}
#navcontainer li li {
    padding: 0;
    border-bottom: 0;
}

/* ---a--- */
#navcontainer a {
    display: block;
    padding: 0.3em 0 0.55em 15px;
    text-decoration: none;
    font-weight: bold;
    background: url('../../../graphics/nav-arrow.gif') no-repeat left 5px;
    } #ie6down #navcontainer a {
    height: 1%;
}
#navcontainer a:visited { color: #0864a5; }
#navcontainer a:focus,
#navcontainer a:hover { text-decoration: underline; }
#navcontainer a.pageon {
    font-weight: bold;
    background-image: url('../../../graphics/nav-arrow-current.gif');
}
#navcontainer a.pageon,
#navcontainer a:visited.pageon {
    color: #746114;
}
#navcontainer ul ul a,
#navcontainer ul ul a.pageon {
    padding-left: 0;
    margin-left: 15px;
    font-size: 0.916666em; /* 11/12 */
    font-weight: normal;
    background: url('../../../graphics/dots-lightgrey.gif') repeat-x left bottom;    /* Colour: light grey */
    border-bottom-width: 0;
}
#navcontainer ul ul a.pageon {
    font-weight: bold;
}
#navcontainer ul ul ul a,
#navcontainer ul ul ul a.pageon {
    margin-left: 0;
    padding: 0.2em 0 0.4em 10px;
    font-weight: normal;
    background: url('../../../graphics/nav-triangle.gif') no-repeat 1px 7px;
}

/* Hiding the Home element */
#navcontainer ul li:first-child { position: absolute;
    left: -10000px;
    top: -10000px; }
    #ie6down #navcontainer ul li a#site-home { position: absolute;
        left: -10000px;
        top: -10000px; }
#navcontainer ul li ul li:first-child { position: static; }

#centrecontainer2col .internal {
    max-width: 1018px;  /* 1200 minus left column width */
    min-width: 598px;   /*  780 minus left column width */
    position: relative;
    border-left: 182px solid white;
}

#bodycontainer #pagecontainer {
    float: left;
    width: 100%;
    padding: 0;
    }
    #ie6down, 
    #ie6down #pagecontainer {
    height: 1%;
}

#bodycontainer #pagecontentbox {
    margin: 0 0 2.7em 0;
    padding: 0 30px;
    min-height: 20em;
    background-color: #fff;
    border-left: 1px solid #d7d7d7;
  /*overflow: hidden;*/
    word-wrap: break-word;
}
    #ie6down #pagecontentbox { height: 20em; }

/**** 5-6: Page container ****/
/* 5-6-1: Breadcrumbs */
#bodycontainer ol#breadcrumbs { position: absolute;
    left: 0;
    top: 14px; }

/* 5-6-2: Page banner */
#bodycontainer #pagebanner {
    margin: 43px 0 20px;
    padding: 19px 0 22px 15px;
    background: #ede7d3 url('../../../graphics/page-banner-dotoverlay.gif') repeat-y top right;
    border-left: 15px solid #69c4d9;
}

#pagebanner h1 {
    color: #564c23;
    font: normal 208.3333%/1.1 Georgia, serif;  /* 25/12 */
    margin: 0;
}


/* 5-7: Footer block */

#footercontainer {
    clear: both;
    border-top: 1px solid #c4c4c4;
    background: url('../../../graphics/footer-background.jpg') repeat-x;
    height: 219px;
    font-size: 0.916666em;    /* 11/12 */
}
#footercontainer .internal {
    background: url('../../../graphics/footer-watermark.gif') no-repeat;
    padding: 27px 0 0 0;
    overflow: visible;
    height: 219px;
}
#bodycontainer #footercontainer .column,
#bodycontainer #footercontainer #page_info {
    border-right: 1px solid #c4c4c4;
    float: left;
    width: 142px;
    padding: 0 14px 0 21px;
    min-height: 168px;
}

#bodycontainer #footercontainer #footerfirstcol {
    width: 147px;
}
#footerfirstcol .shifter {
    position: relative;
    height: 4em;
}

#footercontainer .internal h3 { font-size: 1em; /* 11/11 */ }

#footercontainer #footerfirstcol h3 { font: normal normal normal 1.363636em/1.1 Georgia, serif;    /* 15/11 */ }

#footercontainer li {
    line-height: 1.15;
    margin-bottom: 0.45em;
}
#page-info {
    float: left;
    width: 218px;
    padding-left: 23px;
    padding-right: 0;
    position: relative;
}
#page-info p {
    margin-bottom: 0.8em;
    font-weight: bold;
}

#page-info dl dd { margin-bottom: 0.5em; }

img#info_arrow {
    position: absolute;
    left: 0;
}
#footercontainer a {
    color: #5c5c5c;
    text-decoration: none;
}
#footercontainer a:focus,
#footercontainer a:hover { text-decoration: underline; }


#pagecontent ul.toc { margin-left: 0;
    list-style-image: none;
    /*list-style-position: inside;*/ }
    #ie7 ul.toc, 
    #ie6down ul.toc { /*padding-left: 2.5em;*/ /* 30/12 */
        /*list-style-position: outside;*/ }

#pagecontent ul.toc li { margin-left: 0;
    padding: 0.333333em 0 0.583333em; /* 4/12, 7/12 */
    border-bottom: 1px solid #d8d8d8; }

#pagecontainer ul.toc li h4 {
    margin-top: 0.3em;
    margin-bottom: 0.1em;
}

#pagecontent ul.toc li a, 
#pagecontent ul.toc li a:visited { text-decoration: none; }

#pagecontent ul.toc li a:focus, 
#pagecontent ul.toc li a:hover, 
#pagecontent ul.toc li a:active { text-decoration: underline; }