/* transpocity.css (last update: 2006/07/01 23:00 ) */


body
{
    margin: 0;
    padding: 0;
    color: #000;
    background-color: #9C0;
    text-align: center;
}

/* for text size option only */
body
{
    font-family: trebuchet, trebuchet ms, sans-serif;
    font-size: 11px;
    line-height: 1.38em;
}
/* end text size option */

/* no duplicate values; not intended to service browsers
   who cannot handle inheritance properly */

h1
{
    font-family: trebuchet, trebuchet ms, sans-serif;
    font-size: 2em;
}

a
{
    text-decoration: none;
}

#layoutTable
{
    display: block;
    position: absolute;
    width: 810px;
    height: auto;
    top: 0px;
    left: 50%;
    margin-left: -405px;
    text-align: left;
}

#pageHeader
{
    /* includes all image headers, drop down menu code, etc. */
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 810px;
    height: auto;
    z-index: 10;
}

#pageHeader img
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}


#pageSidebar
{
    /* versatile block for additional page content and even the dancing images */
    display: block;
    position: absolute;
    text-align: left;

/* settings to modify in page specific stylesheets */
    top: 66px;
    left: 0;
    width: auto;
    height: auto;
}

#pageContent
{
    /* includes all page content; not sure if we want to
       include "innercontent" or merely margin the P tags */
    display: block;
    position: absolute;
    text-align: left;
}

#pageContent img
{
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

#pageContent p
{
    margin: .2em 0 1em 6px;
}

#pageContent a
{
    color: #06c;
    font-weight: bold;
    text-decoration: none;
}

#pageContent a:hover
{
    color: #fff;
}

#pageContent strong
{
    font-style: italic;
    font-weight: bold;
}

#pageFooter
{
    /* includes all footer content, job elements, search bar, etc. */
    display: block;
    visibility: hidden;
    position: absolute;
    top: 520px;
    left: 0;
    width: 810px;
    height: auto;
    z-index: 8;
}

a#tcswitch
{
    display: block;
    position: absolute;
    visibility: visible;
    top: 1px;
    left: 3px;
    width: 14px;
    height: 14px;
    border: none;
    font-size: 10px;
    line-height: 10px;
}

a#tcswitch:hover
{
    width: 10px;
    height: 10px;
    border: 2px #e5f2bf solid;
    background-color: #cf6;
}


#copyright
{
    /* includes logos only */
    display: block;
    visibility: hidden;
    position: absolute;
    top: 590px;
    left: 0;
    width: 100%;
    height: 0;
    font-size: .8em;
    z-index: 0;
}

#logoblock
{
    position: absolute;
    bottom: 0;
    left: 0;
}

#westaclogo
{
    position: relative;
    top: 4px;
    left: -9px;
    margin: 0 -6px 0 0;
    padding: 0;
}

#copyright a
{
    text-decoration: none;
    color: #000;
}

#copyright a:hover
{
    text-decoration: underline;
}

#flashHome
{
    width: 529px;
    height: 412px;
    background: #fff url( /images/main/maincentre.jpg );
}