html,body 
{
    margin: 0;
    padding: 0;
    width: 100%;
}
body
{
    background: #fff;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    color: #868;
}

form 
{
    margin: 0;
    padding: 0;
}

a
{
    color: #868;
    text-decoration: none;
    font-weight: bold;
}
a:hover
{
    text-decoration: underline;
}

div.hr
{
    clear: both;
    border-top: solid 1px #ccc;
    margin-top: 25px;
    padding-top: 20px;
}
div.hr hr
{
    display: none;
}

div.header
{
    min-height: 125px;
    height: auto !important;
    height: 125px;
    clear: both;
    width: 940px;
    margin: 0 auto;
    padding: 0;
}
    div.header div.margintop 
    {
        margin: 0;
        padding: 0;
        width: 940px;
        height: 3px;
        background: transparent url(/images/margin-top.gif) no-repeat top center;
    }
    div.header div.left
    {
        margin: 0;
        padding: 0;
        min-height: 122px;
        height: auto !important;
        height: 122px;
        width: 689px;
        float: left;
        border-right: solid 1px #ba3b9f;
        background: transparent url(/images/margincurve-tl.gif) no-repeat top right;
    }
        div.header div.left h1
        {
            margin: 28px 0 0 0;
            padding: 0 0 0 70px;
            height: 63px;
            width: 120px;
            background: transparent url(/images/logo.gif) 70px top no-repeat;
            text-indent: -5000px;
            float: left;
        }
            div.header div.left h1 a
            {
                display: block;
                height: 100%;
                width: 100%;
            }
        div.header div.left ul.nav
        {
            margin: 28px 0 0 53px;
            padding: 0;
            width: 400px;
            float: left;
            list-style: none;
        }
            div.header div.left ul.nav li
            {
                float: left;
                width: 135px;
                margin: 0 0 1px 43px;
                padding: 0;
                font-weight: bold;
                font-size: 9pt;
            }
                div.header div.left ul.nav li a
                {
                    color: #868;
                    display: block;
                    padding: 2px 10px;
                }
            div.header div.left ul.nav li.selected
            {
                background-color: #ba3b9f;
            }
                div.header div.left ul.nav li.selected div.tl
                {
                    margin: 0; padding: 0; width: 100%; height: 100%;
                    background: transparent url(/images/nav-tl.gif) no-repeat top left;
                }
                div.header div.left ul.nav li.selected div.tr
                {
                    margin: 0; padding: 0; width: 100%; height: 100%;
                    background: transparent url(/images/nav-tr.gif) no-repeat top right;
                }
                div.header div.left ul.nav li.selected div.br
                {
                    margin: 0; padding: 0; width: 100%; height: 100%;
                    background: transparent url(/images/nav-br.gif) no-repeat bottom right;
                }
                div.header div.left ul.nav li.selected div.bl
                {
                    margin: 0; padding: 0; width: 100%; height: 100%;
                    background: transparent url(/images/nav-bl.gif) no-repeat bottom left;
                }
                div.header div.left ul.nav li.selected a
                {
                    color: #fff;
                }
    div.header div.right
    {
        width: 250px;
        float: left;
        background: transparent url(/images/margincurve-tr.gif) no-repeat top left;
        min-height: 48px;
        height: auto !important;
        height: 48px;
        border-left: solid 1px #ba3b9f;
        margin: 0 0 0 -1px;
        padding: 0;
    }
        div.header div.right img
        {
            margin: 40px 0 0 40px;
        }
div.banner
{
    margin: 0;
    padding: 0;
    min-height: 250px;
    height: auto !important;
    height: 250px;
    clear: both;
    background: url(/images/banner-background.gif) repeat-x top left;
}
    div.banner div.bannercontainer
    {
        width: 940px;
        margin: 0 auto;
    }

    div.banner div.left
    {
        margin: 0;
        padding: 0;
        height: 250px;
        width: 689px;
        float: left;
        border-right: solid 1px #ba3b9f;
    }
        div.banner div.left h2 
        {
            margin: 0;
            padding: 0;
            height: 250px;
            width: 689px;
            background: transparent url(/images/banner-left01.jpg) top left no-repeat;
            text-indent: -5000px;
        }
            div.banner div.left h2 a
            {
                display: block;
                width: 100%;
                height: 100%;
            }
    div.banner div.right
    {
        border-left: solid 1px #ba3b9f;
        margin: 0 0 0 -1px;
        padding: 0;
        height: 250px;
        width: 250px;
        float: left;
        background: transparent url(/images/banner-right02.jpg) top left no-repeat;
    }
div.pagecontent
{
    clear: both;
    width: 940px;
    margin: 0 auto;
}
    div.pagecontent div.left
    {
        width: 689px;
        float: left;
        border-right: solid 1px #ba3b9f;
        margin: 0;
        padding: 15px 0 20px 0;
    }
        div.pagecontent div.left div.col1
        {
            margin: 0;
            padding: 0 0 0 50px;
            width: 220px;
            float: left;
        }
        div.pagecontent div.left div.col2
        {
            margin: 0 0 0 28px;
            padding: 0;
            width: 391px;
            float: left;
        }
    div.pagecontent div.right
    {
        width: 200px;
        float: left;
        border-left: solid 1px #ba3b9f;
        margin: 0 0 0 -1px;
        padding: 15px 0 0 20px;
    }
div.footer
{
    clear: both;
    width: 940px;
    margin: 0 auto;
    padding: 0;
}
    div.footer div.left, div.footer div.right
    {
        padding-top: 10px !important;
    }
    div.footer div.left
    {
        width: 435px;
        float: left;
        margin: 0;
        padding: 0 0 0 254px;
        border-right: solid 1px #ba3b9f;
        text-align: center;
        font-size: 8pt;
        color: #8e5aa3;
    }
        div.footer div.left p
        {
            margin: 10px 0 0 0;
            padding: 0;
        }
        div.footer div.left ul
        {
            margin: 1px 0 10px 0;
            padding: 0;
            list-style: none;
        }
            div.footer div.left li
            {
                margin: 0 6px 0 0;
                padding: 0 6px 0 0;
                display: inline;
                border-right:  solid 1px #868;
            }
            div.footer div.left li:last-child, div.footer div.left li.last
            {
                border: none;
                margin: 0;
                padding: 0;
            }
            div.footer div.left li a
            {
                font-weight: normal;
                color: #8e5aa3;
            }
    div.footer div.right
    {
        width: 250px;
        float: left;
        border-left: solid 1px #ba3b9f;
        margin: 0 0 0 -1px;
    }
    div.footer div.marginbottom
    {
        clear: both;
        width: 940px;
        height: 3px;
        margin: 0;
        padding: 0;
        background: transparent url(/images/margin-bottom.gif) no-repeat bottom center;
    }




/* CONTENT */

div.pagecontent h3
{
    background: transparent no-repeat top left;
    text-indent: -5000px;
    margin: 0 0 10px 0;
    padding: 0;
}
    div.pagecontent h3 a
    {
        display: block;
        height: 100%;
        width: 100%;
    }

div.pagecontent h4
{
    font-size: 10pt;
}

/* BOX 1 - shaded & corners */

div.pagecontent div.box1
{
    background-color: #f4f1f1;
}
    div.pagecontent div.box1 div.tl
    {
        margin: 0; padding: 0; width: 100%; height: 100%;
        background: transparent url(/images/box1-tl.gif) no-repeat top left;
    }
    div.pagecontent div.box1 div.tr
    {
        margin: 0; padding: 0; width: 100%; height: 100%;
        background: transparent url(/images/box1-tr.gif) no-repeat top right;
    }
    div.pagecontent div.box1 div.br
    {
        margin: 0; padding: 0; width: 100%; height: 100%;
        background: transparent url(/images/box1-br.gif) no-repeat bottom right;
    }
    div.pagecontent div.box1 div.bl
    {
        margin: 0; padding: 0; width: 100%; height: 100%;
        background: transparent url(/images/box1-bl.gif) no-repeat bottom left;
    }
    div.pagecontent div.box1 div.boxcontent
    {
        padding: 10px 20px;
        font-size: 9pt;
        color: #666;
    }
    div.pagecontent div.box1 div.boxcontent h4
    {
        color: #9b4fc2;
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 10pt;
    }
    div.pagecontent div.box1 div.boxcontent p
    {
        margin: 0 0 10px 0;
        padding: 0;
    }
    div.pagecontent div.box1 div.boxcontent a
    {
        color: #9b4fc2;
    }

    /* Colour variations */    

    div.pagecontent div.box1.blue
    {
        background-color: #f1f6f8;
    }
        div.pagecontent div.box1.blue div.tl
        {
            background-image: url(/images/box1-blue-tl.gif);
        }
        div.pagecontent div.box1.blue div.tr
        {
            background-image: url(/images/box1-blue-tr.gif);
        }
        div.pagecontent div.box1.blue div.br
        {
            background-image: url(/images/box1-blue-br.gif);
        }
        div.pagecontent div.box1.blue div.bl
        {
            background-image: url(/images/box1-blue-bl.gif);
        }

        div.pagecontent div.box1.blue div.boxcontent h4
        {
            color: #40a7d1;
        }

        div.pagecontent div.box1.blue div.boxcontent a
        {
            color: #9b4fc2;
        }

    div.pagecontent div.box1.pink
    {
        background-color: #fef3f9;
    }
        div.pagecontent div.box1.pink div.tl
        {
            background-image: url(/images/box1-pink-tl.gif);
        }
        div.pagecontent div.box1.pink div.tr
        {
            background-image: url(/images/box1-pink-tr.gif);
        }
        div.pagecontent div.box1.pink div.br
        {
            background-image: url(/images/box1-pink-br.gif);
        }
        div.pagecontent div.box1.pink div.bl
        {
            background-image: url(/images/box1-pink-bl.gif);
        }

        div.pagecontent div.box1.pink div.boxcontent h4
        {
            color: #ff3399;
        }

        div.pagecontent div.box1.pink div.boxcontent a
        {
            color: #9b4fc2;
        }

/* BOX 2 - white */

div.pagecontent div.box2
{
    background-color: #fff;
    width: 100%;
}
    div.pagecontent div.box2 div.boxcontent
    {
        padding: 10px 40px 0 0;
        font-size: 9pt;
        color: #666;
    }
    div.pagecontent div.box2 div.boxcontent h4
    {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 10pt;
    }
    div.pagecontent div.box2 div.boxcontent p
    {
        margin: 0 0 10px 0;
        padding: 0;
    }
    div.pagecontent div.box2 div.boxcontent a
    {
        color: #9b4fc2;
    }

    /* Colour variations */
    div.pagecontent div.box2.pink div.boxcontent h4
    {
        color: #ff3399;
    }
    div.pagecontent div.box2.blue div.boxcontent h4
    {
        color: #40a7d1;
    }