﻿body
{
    margin: 5px;
    font-family: Arial, Verdana, Sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	color: #000080;
	text-align: left;
}

h1
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-family: Arial, Verdana, Sans-serif;
	font-size: 16pt;
	font-weight: bold;
}

h2
{
    margin: 0px 0px 5px 0px;
    font-family: Arial, Verdana, Sans-serif;
	font-size: 14pt;
	font-weight: bold;
}

h3
{
    margin: 0px 0px 5px 0px;
    font-family: Arial, Verdana, Sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

h4
{
    margin: 0px 0px 5px 0px;
    font-family: Arial, Verdana, Sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

p
{
    font-family: Arial, Verdana, Sans-serif;
	font-size: 10pt;
	color: #000080;
	line-height: 14pt;
}

a, a:visited, a:active
{
    font-family: Arial, Verdana, Sans-serif;
	font-size: 10pt;
	text-decoration: none;
	color: #000080;
}

a:hover
{
	text-decoration: none;
}

a.red, a.red:visited, a.red:active
{
    font-family: Arial, Verdana, Sans-serif;
	font-size: 10pt;
	text-decoration: none;
	color: Red;
}

a.red:hover
{
	text-decoration: underline;
}

a.white, a.white:visited, a.white:active
{
    font-family: Arial, Verdana, Sans-serif;
	font-size: 10pt;
	text-decoration: none;
	color: White;
}

a.white:hover
{
    color:  #000080;
	text-decoration: underline;
}

td.twoColumnLayout
{
    padding: 0px 20px 0px 0px;
}

ul.inBox
{
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

/* background colours */
.bgcolorFFFFFF { background-color: #FFFFFF; }
.bgcolorCB1E2C { background-color: #CB1E2C; }
.bgcolor3E2E85 { background-color: #3E2E85; }
.bgcolor2F4D8D { background-color: #2F4D8D; }
.bgcolorE9EAEC { background-color: #E9EAEC; }

/* borders */
.borderNone { border: none; }
.borderBlue { border: solid 1px #3E2E85; }
.borderRed { border: solid 1px #CB1E2C; }
.borderGreen { border: solid 1px #8FAB22; }
.borderSilver { border: solid 1px Silver; }

.borderBlueTopRight
{
    border-top: solid 1px #3E2E85;
    border-right: solid 1px #3E2E85;
}
.borderBlueTop { border-top: solid 1px #3E2E85; }
.borderBlueBottom { border-bottom: solid 1px #3E2E85; }

/* padding */
.paddingNone { padding: 0px; }
.paddingAll5px { padding: 5px; }
.paddingTop5px { padding-top: 5px; }
.paddingRight5px { padding-right: 5px; }
.paddingBottom5px { padding-bottom: 5px; }
.paddingLeft5px { padding-left: 5px; }

.paddingAll10px { padding: 10px; }

/* margin */
.marginNone { margin: 0px; }
.marginAll1px { margin: 1px; }
.marginTop1px { margin-top: 1px; }
.marginRight1px { margin-right: 1px; }
.marginBottom1px { margin-bottom: 1px; }
.marginLeft1px { margin-left: 1px; }
.marginAll5px { margin: 5px; }
.marginTop5px { margin-top: 5px; }
.marginRight5px { margin-right: 5px; }
.marginBottom5px { margin-bottom: 5px; }
.marginLeft5px { margin-left: 5px; }

/* font */
.fontSize28 { font-size: 28pt; }
.fontSize22 { font-size: 22pt; }
.fontSize18 { font-size: 18pt; }
.fontSize15 { font-size: 15pt; }
.fontSize12 { font-size: 12pt; }
.fontSize10 { font-size: 10pt; }
.fontSize8 { font-size: 8pt; }

.fontWeightBold { font-weight: bold; }
.fontWeight600 { font-weight: 600; }
.fontWeightNormal { font-weight: normal; }

.colorFFFFFF { color: #FFFFFF; }
.colorCB1E2C { color: #CB1E2C; }
.color3E2E85 { color: #3E2E85; }

.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }
.textAlignCenter { text-align: center; }

/* width */

.width284 { width: 284px; }
.width202 { width: 202px; }
.width100 { width: 100px; }

    /* header */
    #siteHeader
    {
        width: 800px;
        height: 100px;
        padding: 0px;
        margin: 0px;
        border: none;
        text-align: left;
        background-image: url(/resources/images/header/bkg-top.jpg);
    }
    
        .shLogo
        {
            margin: 15px 0px 0px 10px;
            width: 250px;
            float: left;
            clear: none;
        }
        
        .shText
        {
            margin-top: 15px;
            color: White;
            font-size: 14pt;
            float: left;
            clear: none;
            line-height: 24pt;
        }
    
    #siteHeaderNav
    {
        width: 800px;
        height: 25px;
        padding: 0px;
        margin-top: 2px;
        border: none;
        text-align: left;
        background-image: url(/resources/images/header/bkg-topnav.gif);
        background-repeat: repeat-x;
        text-align: right;
    }
    
        .headerNavItem
        {
            height: 25px;
            border-left: solid 1px White;
            font-size: 10pt;
            font-weight: bold;
            color: White;
            float: right;
            clear: none;
            padding: 0px 10px 0px 10px;
        }

        /* homepage */
        
        .hpContent
        {
            width: 800px;
            padding: 0px;
            margin: 2px;
            border: none;
            text-align: left;

        }
        
            .hpContentLeftColumn
            {
                width: 500px;
                height: 450px;
                background-image: url(/resources/images/homepage/bkg-left.jpg);
                background-repeat: no-repeat;
                float: left;
                clear: none;
            }
            
                .leftContentText
                {
                    padding: 10px;
                    font-size: 12pt;
                    color: White;
                    font-weight: bold;
                    line-height: 18pt;
                    letter-spacing: 2px;
                }
            
            .hpContentRightColumn
            {
                width: 298px;
                height: 450px;
                background-image: url(/resources/images/homepage/bkg-right.jpg);
                background-repeat: no-repeat;
                margin-left: 2px;
                float: left;
                clear: none;
            }
            
                . redBulletLine
                {
                    width: 20px;
                    height: 10px;
                    background-color: Red;
                }
                
                .hpcrcNavItem
                    {
                        margin: 0px;
                        padding: 0px;
                        color: White;
                        font-weight: bold;
                    }
                    
                    .hpcrcNavItem LI
                    {
                        LIST-STYLE-TYPE: none;
                    }
                    
                    .hpcrcNavItem LI A
                    {
                        text-decoration: none;
                        padding: 15px 5px 15px 5px;
                        DISPLAY: block;
                        width: 288px;
                        color: White;
                    }
                    
                    .hpcrcNavItem LI A:visited
                    {
                        text-decoration: none;
                        padding: 15px 5px 15px 5px;
                        DISPLAY: block;
                        width: 288px;
                        color: White;
                    }
                    
                    .hpcrcNavItem LI A:hover
                    {
                        padding: 15px 5px 15px 5px;
                        DISPLAY: block;
                        width: 288px;
                        background-color: #2F4D8D;
                    }
        
            td.contentHolder
            {
                padding: 5px 0px;
            }
            
            /* leftnav */
            td.leftNav
            {
                width: 146px;
                height: 100%;
                text-align:left;
                vertical-align: top;
            }
            
                .leftNavGroup
                {
                    width: 140px;
                    margin: 0px 0px 10px 0px;
                    border: solid 1px #3E2E85;
                    float: left;
                    clear: both;
                }

                    .leftnavHeaderItem
                    {
                        background-color: #2F4D8D;
                        margin: 0px;
                        padding: 0px;
                        color: White;
                        font-weight: bold;
                    }
                    
                    .leftnavHeaderItem LI
                    {
                        LIST-STYLE-TYPE: none;
                    }
                    
                    .leftnavHeaderItem LI A
                    {
                        text-decoration: none;
                        padding: 2px 5px 2px 5px;
                        DISPLAY: block;
                        width: 130px;
                        color: White;
                        background-color: #2F4D8D;
                    }
                    
                    .leftnavHeaderItem LI A:hover
                    {
                        padding: 2px 5px 2px 5px;
                        DISPLAY: block;
                        width: 130px;
                        background-color: #2F4D8D;
                    }
                    
                    .leftnavItemList
                    {
                        margin: 0px;
                        padding: 0px;
                        background-color: White;
                        TEXT-DECORATION: none;
                    }
                    
                    .leftnavItemList LI
                    {
                        LIST-STYLE-TYPE: none;
                    }
                    
                    .leftnavItemList LI A
                    {
                        text-decoration: none;
                        padding: 2px 5px 2px 5px;
                        DISPLAY: block;
                        width: 130px;
                        background-color: White;
                    }
                    
                    .leftnavItemList LI A:hover
                    {
                        padding: 2px 5px 2px 5px;
                        DISPLAY: block;
                        width: 130px;
                        background-color: #CB1E2C;
                    }
        
            td.secondLevelContent
            {
                width: 644px;
                height: 100%;
                border: solid 1px #2F4D8D;
                background-color: white;
                text-align:left;
                vertical-align: top;
            }
            
                .aboutContent
                {
                    padding: 5px;
                    text-align: left;
                }
        
    /* footer */
    #siteFooter
    {
        width: 800px;
        height: 15px;
        padding: 0px;
        margin: 0px;
        border: none;
        text-align: left;
        position: relative;
    }

        .sfRowFirst
        {
            width: 800px;
            height: 118px;
            background-image: url(/resources/images/footer/Banner_bottom.jpg);
        }
        
        .sfRowSecond
        {
            width: 790px;
            height: 15px;
            background-color: #FF6204;
            margin-top: 0px;
            padding: 5px 5px 5px 5px;
            font-size: 10pt;
        }
        

.ds-comp-tb-head
{
    vertical-align: top;
    background-color: #2F4D8D;
    color: White;
}

.largeRed
{
    color: Red;
    font-size: 14pt;
    font-weight: bold;
}