body {
    font-family: Verdana, Arial;
    font-size: 10pt;
    background-color: #afbd21;
    /*
    background-color: #a4987f;
    
    */
    
    
    background-color: #8c8e09;
    background-color: #aea591;
    background-color: #cbc7b0;
}

#logo img {
    border: 0px;
}

#leftMenuContainer {
    background-color: #afbd21;
}

#leftMenu {
    font-family: Arial;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
}

#leftMenu .leftMenuItem a {
    color: white;
}

#leftMenu .leftMenuItem.active {
    background-color: #8c8e09;
}

#leftMenu .leftMenuItem:hover {
    background-color: #c6d626;
}

#leftMenu .leftMenuItem.leftMenuItemSubMenu {
    background-color: #8284ac;
    border-bottom: 0px;
}

#leftMenu .subMenu {
    background-color: #8284ac;
    border-bottom: 3px solid #8284ac; 
}

#leftMenu .subMenu .subMenuItem {
    background-color: #d3d4e1;
}

#leftMenu .subMenu .subMenuItem a {
    color: #000000;
    font-weight: normal;
}

#leftMenu .subMenu .subMenuItem.active,
#leftMenu .subMenu .subMenuItem:hover {
    background-color: #abadce;
}

p {
    margin-top: 9px;
    margin-bottom:9px;
}

#body {
    background-color: #FFFFFF;
}

#pageContentContainer {
    background-color: #ECEFCF;
}

#pageContentContainer .sidekick {
    float:right;
    margin:12px;
    margin-top:0px;
    height:150px;
    width: 140px;
    border: 1px;
}


.mceContentBody h1,
#pageContentContainer h1 {
    font-size: 16px;
    color: #A83E3C;
}

.mceContentBody h2,
#pageContentContainer h2 {
    font-size: 14px;
    color: #A83E3C;
    margin-bottom:4px;
}

.mceContentBody h3,
#pageContentContainer h3 {
    font-size: 12px;
    color: #A83E3C;
}

.mceContentBody h4,
#pageContentContainer h4 {
    font-size: 12px;
    color: #A83E3C;
}


.kitc-page #pageContentContainer h1 {
    color: #023d5f;
}

.kitc-page #pageContentContainer h2 {
    color: #023d5f;
}


#pageContentContainer img.hero {
    width:600px;
    height:205px;
}

.iccLogo {
    border: 0px;
}

#lastUpdated {
    clear: both;
    color: #666666;
    text-align: right;
    /*margin-top: 30px;*/ /* removed due to new inline logos */
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #666666;
    width: 100%;
    font-size: 11px;
}

#printInfo {
    display:none; 
}

.mceContentBody .noSpace,
.mceContentBody span img,
.mceContentBody div img,
.mceContentBody table img,
.mceContentBody #lastUpdated img {
    padding: 0px;
}

.mceContentBody a {
    color: #06373b;
}

.mceContentBody .mceDocumentLink {
    color: #666666;
    text-decoration: none;
    white-space: nowrap;
}

.mceContentBody .mceDocumentLink img {
        vertical-align:middle;
        margin-bottom:4px;
        border: 0px;
        padding:0px;
}

.mceContentBody .mceDocumentLink .mceDocumentDesc {
    color: #06373b;
    font-weight: normal;
    text-decoration: underline;
}

#accessibility {
    color: #666666;
    margin-top: 20px;
    clear: both;
    font-size: 11px;
}
#accessibility a,
#lastUpdated a {
    color: #666666;
}


/****************************************************************/
/* Content Boxes                                                */
/****************************************************************/

#pageContentContainer .contentLeft ul li {
    margin-left: -6px;
    background-image: url("images/bullet.gif");
}

#pageContentContainer .block div,
#pageContentContainer .contentLeft div {
    background-color: #ECF1EF;
    background-image: url("images/gradient_green.jpg");
    background-repeat: repeat-x;
    background-position: bottom;
    margin-bottom: 0px;
}
#pageContentContainer .contentLeft p,
#pageContentContainer .contentLeft ul {
    margin: 4px;
    margin-bottom: 0px;
    padding: 0px;
    
}

#pageContentContainer .contentLeft form {
    
    margin-top: 0px;
    margin-bottom: 4px;
}

#pageContentContainer .block h2,
#pageContentContainer .contentLeft h2 {
    margin: 0px;
    padding: 3px;
    padding-left: 4px;
    clear: none;
    font-size: 11px;
    background-color: #235D45;
    color: white;
}
#pageContentContainer .contentLeft {
    float: left;
    clear: left;
    width: 150px;
    margin-right: 10px;
}
#pageContentContainer .contentCentre {
    margin-right: 6px;
    clear: none;
    float: left;
    width: 394px;
}

#pageContentContainer .contentLeft div p {
    margin: 0px;
    margin-bottom: 4px;
    margin-top: 2px;
}

#pageContentContainer .contentCentre h2 {
    margin: 0px;
    padding: 3px;
    padding-left: 4px;
    clear: none;
    font-size: 11px;
    background-color: #235D45;
    color: white;
}

#pageContentContainer .contentCentre div {
    background-color: #ECF1EF;
    margin-bottom: 0px;
    background-image: url("images/gradient_green.jpg");
    background-repeat: repeat-x;
    background-position: bottom;
    margin-bottom: 11px;
}



#pageContentContainer .categoryColumn {
    /*
    float: left;
    width: 350px;
    margin: 0px;
    margin-right: 6px;
    */
    
    margin-top: 0px;
    margin-bottom: 0px;
    
}

#pageContentContainer .categoryColumn li {
    /*list-style-type: disc;*/
}


/*****************************************************************************/
/* Noticeboard Styles
/*****************************************************************************/

.mceContentBody .noticeboard {
    clear: both;
    margin-top: 5px;
    width:100%;
}

.mceContentBody .noticeboard td {
    background-color: transparent;
    border: 0px;
    border-top: 1px solid #ECEFCF;
    border-bottom: 1px solid #ECEFCF;
    padding: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top;
}

.mceContentBody .noticeboard td.hover {
    background-color: #F0F0F0;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.mceContentBody .noticeboard h4 {
    margin-top: -2px;
    margin-bottom: 4px;
    font-size: 11px;
}

.mceContentBody .noticeboard p {
    font-size: 11px;
}

.logout {
    color: #000000;
    text-align:right;
    position:relative;
    top: -45px;
    left: 580px;
    width: 200px;
}

#pageContentContainer .prompt {
    color: black;
    font-size:12px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 20px;
}

#pageContentContainer .error {
    color: red;
    font-size:12px;
    font-weight: normal;
    margin-bottom: 0px;
}



.directorySearch-location {
    display: none;
}

.directorySearch {
    width: 350px;
    margin-bottom: 10px;
}

form {
    margin: 0px;
}


.directorySearch,
.directoryResults {
    font-size: 12px;
    border: 1px solid #ABA790;
}

.directorySearch {
    
}

/**************************************************************************************/
/* PIE/ASLAN Clear float hack - http://www.positioniseverything.net/easyclearing.html */
/*           (aka the most amazing css hack ever)                                     */

.directoryResults .result:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.directoryResults .result {display: inline-block;}

/* Hides from IE-mac \*/
* html .directoryResults .result  {height: 1%;}
.directoryResults .result {display: block;}
/* End hide from IE-mac */

/**************************************************************************************/


.directoryResults .breadcrumb {
    padding: 4px; 
    margin-bottom: 8px;
    font-size: 10px;
}

.directoryResults .result {
    padding: 0px 4px 4px 4px; 
    margin: 0px 4px 4px 10px;
}

#pageContentContainer .directoryResults .result h4 {
    font-size: 15px;
}

.directorySearch-category,
.directoryResults .result {
    padding-bottom: 20px;
}

.rewards-card-participant {
    float: right; 
    margin: 0px 10px 10px 10px; 
    width: 150px;
}

.rewards-card-participant img {
    border: 0px;
}

.rewards-card-participant .caption {
    font-size: 9px;
}





/******************************* HOLIDAY CALENDAR **************************************/

    .kitc-page #holiday-calendar-wrapper {
        width: 555px;
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 1px 0px;
        /*border-bottom: 2px solid #814c92;*/
        background-color: #ebe7d0;
        background-color: #814c92;
        background: #033e60; /* url('calendar-border-bottom.gif') no-repeat bottom;*/
        text-align: center;
        -moz-border-radius: 9px;
    }

    .kitc-page #holiday-calendar {
        -moz-border-radius: 4px;
        width: 521px;
        background-color: #dcddde;
        padding: 10px;
        margin: 5px auto 5px auto;
        height: 300px;
        overflow: auto;
        border: 1px solid #fff;
        text-align: left;
    }

    @media Print {
        .kitc-page #holiday-calendar {
            height: auto;
        }
    }

    .kitc-page #holiday-calendar-wrapper h2 {
        margin: 0px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
        text-align: center;
        color: #dcddde;
        width: 100%;
        /*background: url('calendar-border-top.gif');*/
        /*border-bottom: 2px solid #814c92;*/
    }

    .kitc-page #holiday-calendar-wrapper h2 .purple {
        color: #814c92;
        color: #ffffff;
    }

    .kitc-page #holiday-calendar .event {
        -moz-border-radius: 2px;
        background-color: #f9f9f9;
        border: 1px solid #033e60;
        padding: 0px 10px 10px 10px;
        margin: 4px 2px 4px 2px;
        /*
        width: 340px;
        width: 240px;
        float: left;
        */
    }

    .kitc-page #holiday-calendar .event:hover {
        background-color: #ffffff;
    }

    .kitc-page #holiday-calendar .event .date {
        font-weight: bold;
    }

   .kitc-page  #holiday-calendar .event p,
   .kitc-page #holiday-calendar .event a.url {
        font-size: 10px;
        margin: 2px 0px 2px 0px;
    }

    .kitc-page #holiday-calendar .event a.url {
        text-decoration: none;
        text-decoration: underline;
    }

    .kitc-page #holiday-calendar .event:hover a.url {
        text-decoration: underline;
        color: blue;
    }

    .kitc-page #holiday-calendar .event .title {
        margin: 2px 0px 4px 0px;
        color: #000000;
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
    }

    .kitc-page #holiday-calendar .event .title:hover {
        /*text-decoration: underline;*/
    }

    .kitc-page #holiday-calendar .event .largeDate {
        float:right;
        margin: 0px 0px 5px 5px;
    }

    .kitc-page #holiday-calendar .event .largeDate .number {
        font-family: Arial;
        font-size: 24px;
        font-weight: bold;
        display: block;
        text-align: center;
    }

    .kitc-page #holiday-calendar .event .largeDate .month {
        color: #033e60;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        display: block;
        text-align: center;
    }
    
    img[src$="prize-web.jpg"] {
        border-bottom: 12px solid #fff;
        -moz-border-radius: 0px 0px 6px 6px;
        -moz-box-shadow: #999 0px 4px 7px;
    }
    
    img[src$="frog-web.jpg"] {
        -moz-box-shadow:  #666 2px 2px 5px;
    }
    
    #win-banner-container {
        -moz-box-shadow:  #998 2px 2px 5px;
    }
    

/**************************************************************************************/
/* PIE/ASLAN Clear float hack - http://www.positioniseverything.net/easyclearing.html */
/*           (aka the most amazing css hack ever)                                     */

#holiday-calendar:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#holiday-calendar {display: inline-block;}

/* Hides from IE-mac \*/
* html #holiday-calendar {height: 1%;}
#holiday-calendar {display: block;}
/* End hide from IE-mac */

/**************************************************************************************/



blockquote {
    color: purple;
    color: #033e60;
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana;
    margin: 10px;
    padding: 10px 20px 10px 20px;

}