body {
}

/*Safety sections ID numbers*/

/*
    1 - Water Safety
    2 - Home Safety
    3 - Fire Safety
    4 - Outdoor Safety
    5 - Its an emergency
    6 - Road Safety
    7 - Rail Safety
    8 - Digital Safety
    9 - Personal Safety
*/

/*News*/

.sub-menu-holder#submenuholdernews {
    padding-right: 0;
    background-color: rgb(241, 241, 241);
    border-bottom: solid 2px #808080;
}

div.other-news-menu-container {
    background-color: rgb(241, 241, 241);
}



/*1 - Water Safety*/

.sub-menu-background-holder1 div.sub-menu-holder {
    background-color: rgb(18, 179, 239);
}

.sub-menu-background-holder1 div.sub-menu-level-1-background {
    background-color: rgb(18, 179, 239);
}

.sub-menu-background-holder1 {
    background-color: rgb(191, 235, 251);
}

    .sub-menu-background-holder1 li.head {
        border-top-color: rgb(191, 235, 251);
    }

.main-menu li#\31 {
    border-color: rgb(191, 235, 251);
}

div.mobile-menu-holder h3#\31 {
    border-left-color: rgb(191, 235, 251);
}

div.teachers-accordion h3#\31 {
    background-color: rgb(191, 235, 251);
}

div.teachers-accordion h3.ui-state-active#\31
{
    background-color: rgb(18, 179, 239);
}

div.teachers-accordion h3#\31:hover
{
    background-color: rgb(18, 179, 239);
}

.sub-menu-background-holder1 div.sub-menu-holder li.row:hover {
    background-color: #49c5f3;
}

.sub-menu-background-holder1 div.sub-menu-holder li.row.selected {
    background-color: rgb(191, 235, 251);
    color: rgb(18, 179, 239);
}



/*2 - Home Safety*/

.sub-menu-background-holder2 div.sub-menu-holder {
    background-color: rgb(223, 150, 43);
}

.sub-menu-background-holder2 div.sub-menu-level-1-background {
    background-color: rgb(223, 150, 43);
}

.sub-menu-background-holder2 {
    background-color: rgb(247, 227, 198);
}

    .sub-menu-background-holder2 li.head {
        border-top-color: rgb(247, 227, 198);
    }

.main-menu li#\32 {
    border-color: rgb(247, 227, 198);
}

div.mobile-menu-holder h3#\32 {
    border-left-color: rgb(247, 227, 198);
}

div.teachers-accordion h3#\32 {
    background-color: rgb(247, 227, 198);
}

div.teachers-accordion h3.ui-state-active#\32
{
    background-color: rgb(223, 150, 43);
}

div.teachers-accordion h3#\32:hover
{
    background-color: rgb(223, 150, 43);
}

.sub-menu-background-holder2 div.sub-menu-holder li.row:hover {
    background-color: #e6ae5c;
}

.sub-menu-background-holder2 div.sub-menu-holder li.row.selected {
    background-color: rgb(247, 227, 198);
    color: rgb(223, 150, 43);
}



/*3 - Fire Safety*/

.sub-menu-background-holder3 div.sub-menu-holder {
    background-color: rgb(233, 52, 49);
}

.sub-menu-background-holder3 div.sub-menu-level-1-background {
    background-color: rgb(233, 52, 49);
}

.sub-menu-background-holder3 {
    background-color: rgb(249, 201, 200);
}

    .sub-menu-background-holder3 li.head {
        border-top-color: rgb(249, 201, 200);
    }

.main-menu li#\33 {
    border-color: rgb(249, 201, 200);
}

div.mobile-menu-holder h3#\33 {
    border-left-color: rgb(249, 201, 200);
}

div.teachers-accordion h3#\33 {
    background-color: rgb(249, 201, 200);
}

div.teachers-accordion h3.ui-state-active#\33
{
    background-color: rgb(233, 52, 49);
}

div.teachers-accordion h3#\33:hover
{
    background-color: rgb(233, 52, 49);
}

.sub-menu-background-holder3 div.sub-menu-holder li.row:hover {
    background-color: #ee6361;
}

.sub-menu-background-holder3 div.sub-menu-holder li.row.selected {
    background-color: rgb(249, 201, 200);
    color: rgb(233, 52, 49);
}



/*4 - Outdoor Safety*/

.sub-menu-background-holder4 div.sub-menu-holder {
    background-color: rgb(62, 184, 133);
}

.sub-menu-background-holder4 div.sub-menu-level-1-background {
    background-color: rgb(62, 184, 133);
}

.sub-menu-background-holder4 {
    background-color: rgb(203, 236, 222);
}

    .sub-menu-background-holder4 li.head {
        border-top-color: rgb(203, 236, 222);
    }

.main-menu li#\34 {
    border-color: rgb(203, 236, 222);
}

div.mobile-menu-holder h3#\34 {
    border-left-color: rgb(203, 236, 222);
}

div.teachers-accordion h3#\34 {
    background-color: rgb(203, 236, 222);
}

div.teachers-accordion h3.ui-state-active#\34
{
    background-color: rgb(62, 184, 133);
}

div.teachers-accordion h3#\34:hover
{
    background-color: rgb(62, 184, 133);
}

.sub-menu-background-holder4 div.sub-menu-holder li.row:hover {
    background-color: #6bc8a1;
}

.sub-menu-background-holder4 div.sub-menu-holder li.row.selected {
    background-color: rgb(203, 236, 222);
    color: rgb(62, 184, 133);
}



/*5 - Its an emergency*/

.sub-menu-background-holder5 div.sub-menu-holder {
    background-color: rgb(166, 27, 40);
}

.sub-menu-background-holder5 div.sub-menu-level-1-background {
    background-color: rgb(166, 27, 40);
}

.sub-menu-background-holder5 {
    background-color: rgb(231, 194, 197);
}

    .sub-menu-background-holder5 li.head {
        border-top-color: rgb(231, 194, 197);
    }

.main-menu li#\35 {
    border-color: rgb(231, 194, 197);
}

div.mobile-menu-holder h3#\35 {
    border-left-color: rgb(231, 194, 197);
}

div.teachers-accordion h3#\35 {
    background-color: rgb(231, 194, 197);
}

div.teachers-accordion h3.ui-state-active#\35
{
    background-color: rgb(166, 27, 40);
}

div.teachers-accordion h3#\35:hover
{
    background-color: rgb(166, 27, 40);
}

.sub-menu-background-holder5 div.sub-menu-holder li.row:hover {
    background-color: #daa1a7;
}

.sub-menu-background-holder5 div.sub-menu-holder li.row.selected {
    background-color: rgb(231, 194, 197);
    color: rgb(166, 27, 40);
}



/*6 - Road Safety*/

.sub-menu-background-holder6 div.sub-menu-holder {
    background-color: rgb(192, 193, 196);
}

.sub-menu-background-holder6 div.sub-menu-level-1-background {
    background-color: rgb(192, 193, 196);
}

.sub-menu-background-holder6 {
    background-color: rgb(238, 238, 239);
}

    .sub-menu-background-holder6 li.head {
        border-top-color: rgb(238, 238, 239);
    }

.main-menu li#\36 {
    border-color: rgb(238, 238, 239);
}

div.mobile-menu-holder h3#\36 {
    border-left-color: rgb(238, 238, 239);
}

div.teachers-accordion h3#\36 {
    background-color: rgb(238, 238, 239);
}

div.teachers-accordion h3.ui-state-active#\36
{
    background-color: rgb(192, 193, 196);
}

div.teachers-accordion h3#\36:hover
{
    background-color: rgb(192, 193, 196);
}

.sub-menu-background-holder6 div.sub-menu-holder li.row:hover {
    background-color: #cbcccf;
}

.sub-menu-background-holder6 div.sub-menu-holder li.row.selected {
    background-color: rgb(238, 238, 239);
    color: rgb(192, 193, 196);
}



/*7 - Rail Safety*/

.sub-menu-background-holder7 div.sub-menu-holder {
    background-color: rgb(255, 242, 137);
}

.sub-menu-background-holder7 div.sub-menu-level-1-background {
    background-color: rgb(255, 242, 137);
}

.sub-menu-background-holder7 {
    background-color: rgb(255, 238, 191);
}

    .sub-menu-background-holder7 li.head {
        border-top-color: rgb(255, 238, 191);
        color: rgb(143, 143, 143);
    }

    .sub-menu-background-holder7 li {
        color: rgb(143, 143, 143);
    }

.main-menu li#\37 {
    border-color: rgb(255, 238, 191);
}

div.mobile-menu-holder h3#\37 {
    border-left-color: rgb(255, 238, 191);
}

div.teachers-accordion h3#\37 {
    background-color: rgb(255, 238, 191);
}

div.teachers-accordion h3.ui-state-active#\37
{
    background-color: rgb(255, 242, 137);
    color: rgb(143, 143, 143);
}

div.teachers-accordion h3#\37:hover
{
    background-color: rgb(255, 242, 137);
    color:#000;
}

.sub-menu-background-holder7 div.sub-menu-holder li.row:hover {
    background-color: #fffacf;
}

.sub-menu-background-holder7 .sub-menu-holder li.row a {
    color: rgb(143, 143, 143);
}

.sub-menu-background-holder7 div.sub-menu-holder li.row.selected {
    background-color: rgb(255, 238, 191);
}



/*8 - Digital Safety*/

.sub-menu-background-holder8 div.sub-menu-holder {
    background-color: rgb(141, 49, 182);
}

.sub-menu-background-holder8 div.sub-menu-level-1-background {
    background-color: rgb(141, 49, 182);
}

.sub-menu-background-holder8 {
    background-color: rgb(224, 200, 236);
}

    .sub-menu-background-holder8 li.head {
        border-top-color: rgb(224, 200, 236);
    }

.main-menu li#\38 {
    border-color: rgb(224, 200, 236);
}

div.mobile-menu-holder h3#\38 {
    border-left-color: rgb(224, 200, 236);
}

div.teachers-accordion h3#\38 {
    background-color: rgb(224, 200, 236);
}

div.teachers-accordion h3.ui-state-active#\38
{
    background-color: rgb(141, 49, 182);
}

div.teachers-accordion h3#\38:hover
{
    background-color: rgb(141, 49, 182);
}

.sub-menu-background-holder8 div.sub-menu-holder li.row:hover {
    background-color: #a761c7;
}

.sub-menu-background-holder8 div.sub-menu-holder li.row.selected {
    background-color: rgb(224, 200, 236);
    color: rgb(141, 49, 182);
}



/*9 - Personal Safety*/

.sub-menu-background-holder9 div.sub-menu-holder {
    background-color: rgb(246, 133, 220);
}

.sub-menu-background-holder9 div.sub-menu-level-1-background {
    background-color: rgb(246, 133, 220);
}

.sub-menu-background-holder9 {
    background-color: rgb(253, 222, 246);
}

    .sub-menu-background-holder9 li.head {
        border-top-color: rgb(253, 222, 246);
    }

.main-menu li#\39 {
    border-color: rgb(253, 222, 246);
}

div.mobile-menu-holder h3#\39 {
    border-left-color: rgb(253, 222, 246);
}

div.teachers-accordion h3#\39 {
    background-color: rgb(253, 222, 246);
}

div.teachers-accordion h3.ui-state-active#\39
{
    background-color: rgb(246, 133, 220);
}

div.teachers-accordion h3#\39:hover
{
    background-color: rgb(246, 133, 220);
}

.sub-menu-background-holder9 div.sub-menu-holder li.row:hover {
    background-color: #f8a1e4;
}

.sub-menu-background-holder9 div.sub-menu-holder li.row.selected {
    background-color: rgb(253, 222, 246);
    color: rgb(246, 133, 220);
}