/* @group elements */
html, body {
    background: #f0eeed;
    width: 100%;
}

body {
    background: url('../images/html-body.gif') 0 0 repeat-x;
    font: normal 11px/12px arial, tahoma, verdana, sans-serif;
}

p {
    display: block;
    margin: 3px 0 12px 0;
    position: static;
    font-weight: normal;
}

b, strong {
    font-weight: bold;
}

i, em {
    font-style: italic;
}

/* @end */
/* @group wrappers */

div {
    /*border: 1px solid #F00;*/
}

#website {
    width: 980px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
}
/* @end */
/* @group head */
#logo {
    text-align: left !important;
    background: #FFF url('../images/logo.gif') 0 0 no-repeat;
    height: 74px;
    width: 185px;
    display: block;
    margin: 15px;
    float: left;
}

#logo a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: left !important;
}

#logo a span {
    text-indent: -14152px;
    display: none;
    text-align: left !important;
}

#logo img {
    display: none;
}
/* @end */
/* @group body */
#body {
    width: 910px;
    float: right;
}
    /* @group homepage navigation */
    #homepageNavigation {
        background: #FFF;
        height: 245px;
        width: 100%;
    }

    #homepageNavigation span {
        display: block;
        width: 221px;
        height: 190px;
        margin: 0 8px 0 0;
        float: left;
        clear: right;
        outline: none;
        overflow: auto;
        text-decoration: none;
        cursor: default;
        padding: 60px 0 0 0;
    }

    #homepageNavigation span#nav1 {
        background: #a9b304 url('../images/homepageNavigation-a-nav1.jpg') 0 0 no-repeat;
    }

    #homepageNavigation span#nav1.hoverState {
        background: #a9b304 url('../images/homepageNavigation-a-nav1.jpg') 0 -253px no-repeat;
    }

    #homepageNavigation span#nav2 {
        background: #3c9c36 url('../images/homepageNavigation-a-nav2.jpg') 0 0 no-repeat;
    }

    #homepageNavigation span#nav2.hoverState {
        background: #3c9c36 url('../images/homepageNavigation-a-nav2.jpg') 0 -253px no-repeat;
    }

    #homepageNavigation span#nav3 {
        background: #008997 url('../images/homepageNavigation-a-nav3.jpg') 0 0 no-repeat;
    }

    #homepageNavigation span#nav3.hoverState {
        background: #008997 url('../images/homepageNavigation-a-nav3.jpg') 0 -253px no-repeat;
    }

    #homepageNavigation #nav4 {
        background: #0065a2 url('../images/homepageNavigation-a-nav4.jpg') 0 0 no-repeat;
        /*
        display: block;
        width: 221px;
        height: 190px;
        */
        margin: 0;
        /*
        float: left;
        clear: right;
        outline: none;
        overflow: auto;
        text-decoration: none;
        cursor: pointer;
        padding: 60px 0 0 0;
        text-indent: -15612px;
        */
    }

    #homepageNavigation #nav4.hoverState {
        background: #0065a2 url('../images/homepageNavigation-a-nav4.jpg') 0 -253px no-repeat;
    }

    #homepageNavigation span a {
        visibility: hidden;
        display: block;
        float: left;
        clear: both;
        width: 181px;
        color: #FFF;
        text-decoration: none;
        text-transform: capitalize;
        text-align: left;
        padding: 5px 20px;
        font: normal 11px/11px arial, tahoma, verdana, sans-serif;
        cursor: pointer;
        outline: none;
    }

    #homepageNavigation span.hoverState a {
        visibility: visible;
    }

    #homepageNavigation span.hoverState a:hover {
        text-decoration: none;
        color: #FFF;
        font-weight: bold;
    }

    #homepageNavigation span.hoverState a strong {
        visibility: hidden !important;
    }

    #homepageNavigation span.hoverState a:hover strong {
        visibility: visible !important;
    }

    #homepage #main a {
        color: #013377;
        text-decoration: none;
    }
    /* @end */

    /* @group subpage navigation */
    #subpageNavigation {
        background: #FFF;
        height: 26px;
        width: 100%;
    }

    #subpageNavigation span {
        display: block;
        width: 175px;
        height: 24px;
        margin: 0 8px 0 0;
        float: left;
        clear: right;
        outline: none;
        overflow: auto;
        text-decoration: none;
        cursor: pointer;
    }

    #subpageNavigation #nav1 {
        background: #FFF url('../images/subpageNavigation-nav1.gif') 0 0 no-repeat;
        display: block;
        width: 175px;
        height: 24px;
        margin: 0 8px 0 0;
        float: left;
        clear: right;
        outline: none;
        overflow: auto;
        text-decoration: none;
        cursor: pointer;
        text-indent: -14256px;
    }

    #subpageNavigation #nav2 {
        background: #a9b304 url('../images/homepageNavigation-a-nav1.jpg') 0 -253px no-repeat;
    }

    #subpageNavigation #nav3 {
        background: #3c9c36 url('../images/homepageNavigation-a-nav2.jpg') 0 -253px no-repeat;
    }

    #subpageNavigation #nav4 {
        background: #008997 url('../images/homepageNavigation-a-nav3.jpg') 0 -253px no-repeat;
    }

    #subpageNavigation #nav5 {
        background: #0065a2 url('../images/homepageNavigation-a-nav4.jpg') 0 -253px no-repeat;
        margin: 0 !important;
    }

    #subpageNavigation #nav2 ul,
    #subpageNavigation #nav3 ul,
    #subpageNavigation #nav4 ul,
    #subpageNavigation #nav5 ul {
        position: absolute;
        z-index:99;
        width: 174px;
        background: #fff;
        margin: 28px 0 0 0;
        display: none;
        padding: 3px;
        list-style: none;
        text-align: left;
    }

    #subpageNavigation #nav2 ul li,
    #subpageNavigation #nav3 ul li,
    #subpageNavigation #nav4 ul li,
    #subpageNavigation #nav5 ul {
        padding: 2px;
    }

    #subpageNavigation #nav2 ul li a {
        color: #a9b304 !important;
        font: bold 11px/11px !important;
    }

    #subpageNavigation #nav3 ul li a {
        color: #3c9c36 !important;
        font: bold 11px/11px !important;
    }

    #subpageNavigation #nav4 ul li a {
        color: #008997 !important;
        font: bold 11px/11px !important;
    }

    #subpageNavigation #nav5 ul li a {
        color: #0065a2 !important;
        font: bold 11px/11px !important;
    }

    #subpageNavigation  ul li a {
        display: block;
    }

    #subpageNavigation  ul li a:hover {
        font-weight: bold;
    }

    #subnav2, #subnav3, #subnav4, #subnav5 {
        width: 174px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    #pageNavigation {
        width: 170px;
        background: #FFF;
        float: left;
        margin: 0;
    }

    #pageNavigation ul li a.currentCat {
        /* color: #000 !important; */
    }

    #pageNavigation ul li a {
        font-weight: normal;
    }

    #pageNavigation ul li a:hover {
        font-weight: bold;
    }

    #pageNavigation ul li a strong {
        font-size: 13px !important;
    }
    /* @end */

    /* @group subpage body content */
    #subpage #main {
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
        width: 475px;
        margin: 0;
        padding: 5px 25px 25px 25px;
    }

    #subpage #secondary {
        width: 160px;
        background: #FFF;
        float: left;
        margin: 0;
        text-align: right;
        margin: 0 auto;
    }

    #main ul {
        list-style: square outside !important;
        margin: 10px 0px 10px 25px !important;
    }

    #main ul li {
        list-style: square outside !important;
    }

    #subpage #pageNavigation li {
        margin: 15px 0;
    }

    #subpage #searchBear {
        text-align: left !important;
        /*margin-top: 60px;*/
        padding: 0;
    }

    #subpage #searchBear input {
        border: 1px solid #000;
    }

    #subpage #searchBear input#s {
        width: 90px;
        padding: 2px;
    }

    #subpage #searchBear input#sbtn {
        width: 50px;
        padding: 2px;
    }

    #categoryBanner {
        margin: 2px 0 5px 0 !important;
    }

    .category2 {
        background: url('../images/html-body-2.gif') 0 0 repeat-x;
    }

    .category3 {
        background: url('../images/html-body-3.gif') 0 0 repeat-x;
    }

    .category4 {
        background: url('../images/html-body-4.gif') 0 0 repeat-x;
    }

    .category8 {
        background: url('../images/html-body-8.gif') 0 0 repeat-x;
    }

    #breadcrumbs {
        margin: 0 0 20px 0;
    }

        /* @group colour coded links/text */
        .category2 a, .category2 h3, .category2 #breadcrumbs, .category2 #searchBear strong, .category2 #main li {
            color: #aab405 !important;
            text-decoration: none;
        }

        .category3 a, .category3 h3, .category3 #breadcrumbs, .category3 #searchBear strong, .category3 #main li {
            color: #3C9C36 !important;
            text-decoration: none;
        }

        .category4 a, .category4 h3, .category4 #breadcrumbs, .category4 #searchBear strong, .category4 #main li  {
            color: #008896 !important;
            text-decoration: none;
        }

        .category8 a, .category8 h3, .category8 #breadcrumbs, .category8 #searchBear strong, .category8 #main li {
            color: #0366a1 !important;
            text-decoration: none;
        }
        /* @end */
    /* @end */
    /* @group body content */
    #pageImage {
        display: block;
        width: 910px;
        background: #FFF url('../images/sample-image.gif') 0 0 no-repeat;
        height: 150px;
    }

    #searchBear {
        text-align: right;
        background: #FFF;
        padding: 10px;
    }

    #searchBear input {
        border: 1px solid #000;
    }

    #searchBear input#s {
        width: 150px;
        padding: 2px;
    }

    #searchBear input#sbtn {
        width: 50px;
        padding: 2px;
    }

    #bodyContent {
        text-align: left;
        background: #FFF;
        /* padding: 0 25px 5px 25px; */
        /* overflow: auto; */
    }

    #bodyContent h3 {
        font: bold 13px/13px arial, tahoma, verdana, sans-serif;
        color: #005192;
        margin-bottom: 15px;
    }

    #subwrapper {
        padding: 0 25px 5px 25px;
    }

    .highlight {
        color: #005192;
        font: bold;
    }
        /* @group titles */
        #titleBar {
            border-bottom: 1px solid #b5b5b5;
            padding: 10px 0;
            font: normal 18px/18px arial, tahoma, verdana, sans-serif;
            margin: 0 0 10px 0;
            color: #005192;
            text-indent: 200px;
        }
        /* @end */

        /* @group navigation */
        
        #leftWrapper {
            width: 140px;
            float: left;
        }
        
        #navigationBare {
            border-top: 8px solid #013377;
            border-bottom: 8px solid #013377;
            background: #e4e6ef;
            color: #646464;
            padding: 5px;
            width: 100%;
            font: normal 11px/18px arial, tahoma, verdana, sans-serif;
        }

        #navigationBare ul {
            padding: 0 10px;
        }

        #navigationBare li {
            list-style: square;
            margin: 0 10px;
            color: #013377;
        }
        
        #latestNews {
            width: 100%;
            margin: 10px 0;
        }
        
        #latestNews strong {
            background: #FFF url('../images/newsicon.gif') 0 50% no-repeat;
            padding: 0 0 0 24px;
        }
        
        #latestNews strong a {
            color: #013377;
            text-decoration: none;
        }
        
        #latestNews p {
            margin: 5px 0 0 24px;
            color: #000000;
        }
        
        #latestNews p a {
            color: #000000;
            text-decoration: none;
        }
        
        #latestNews p a:hover {
            text-decoration: underline;
        }
        
        /* @end */

        #main {
            float: left;
            margin-left: 50px;
            background: #FFF;
            font: normal 11px/16px arial, tahoma, verdana, sans-serif;
        }

        #homepage #main {
            width: 600px;
        }

        /* @group secondary column */
        #secondary {
            float: left;
            margin-left: 60px;
            background: #FFF;
            width: 250px;
        }

        .secondaryItem strong {
            color: #005192;
            font: bold 10px/10px arial, tahoma, verdana, sans-serif;

        }
        /* @end */
        /* @group navigation */
        #footer {
            background: #FFF;
            padding: 3px;
            border-top: 1px solid #CCC;
            border-bottom: 1px solid #CCC;
            margin: 0 5px;
            clear: both;
            text-align: center;
            color: #BBB;
        }

        #footer a {
            color: #BBB;
            text-decoration: none;
            font: normal 10px/10px arial, tahoma, verdana, sans-serif;
        }
        /* @end */
    /* @end */

    #developedby {
        display: none;
        text-indent: -14625px;
    }
/* @end */

/* @group admin */
#admin input, #admin textarea {
    width: 475px;
}
/* @end */