﻿html {
    overflow: scroll;
}

body {
    font-family: Arial;
    color: #777777;
    font-size: 0.7em;
    margin: 0;
    text-align: center;
    position: relative;
    zoom: 1;
}

input {
    font-family: Arial;
}

ul, li {
    margin: 0px;
    padding: 0px;
}

img a {
    border: none;
}

select {
    font-family: Arial;
    color: #444444;
    font-size: 12px;
}

p {
    margin: 0px;
    padding: 0px;
}

fieldset, label, form {
    display: inline;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#login_email, #login_password, #title, textarea, #qty {
    background: transparent url(/SiteElements/Images/box_back.gif) repeat-x scroll center bottom;
    font-family: Arial;
    color: #444444;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    padding: 2px;
}

#main_search {
    font-family: Arial;
    color: #444444;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    padding: 2px;
    height: 14px;
}

.sys_hidden {
    position: absolute;
    left: -99999px;
}

.sys_wrapper {
    width: 100%;
    position: static;
    text-align: left;
    margin: 0 auto;
}

h1 {
    color: #005C46;
    font-size: 1.6em;
    margin: 0;
}

img, img:link {
    border: none;
}

h2 {
    color: #00A246;
    font-size: 1.3em;
    font-weight: bold;
    color: #006F51;
}

h3 {
    margin: 0px 0px 10px 0px;
    font-size: 1.2em;
    color: #00A246;
}

fieldset {
    border: 0px;
    padding: 0px;
    margin: 0px;
    display: inline;
}

legend {
    padding: 0px;
    margin: 0px;
}

fieldset p {
    margin: 0px;
}

form {
    margin: 0px;
    padding: 0px;
}

.introText {
    font-weight: bold;
    font-size: 1.3em;
    color: #444;
    margin: 10px 0;
}

.sys_padding_div {
    padding: 0px;
    margin: 0px;
    height: 20px;
    clear: both;
    width: 100%;
    display: block;
}

.sys_light_grey {
    color: #777777;
}

.sys_dark_grey {
    color: #444444;
}

.sys_white {
    color: #FFFFFF;
}


div.sys_main_content h2 {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 1.6em;
}

a:link, a:active, a:visited {
    text-decoration: none;
    color: #6ba71c;
}

a:hover {
    text-decoration: underline;
}

body#home #homenav, body#home #homenav:visited, body#home #homenav:link,
body#make #make_nav, body#make #make_nav:link, body#make #make_nav:visited,
body#cancer #Cancer_info_nav, body#cancer #Cancer_info_nav:link, body#cancer #Cancer_info_nav:visited,
body#how_help #How_help_nav, body#how_help #How_help_nav:visited, body#how_help #How_help_nav:link,
body#Online_community #Online_community_nav:link, body#Online_community #Online_community_nav:visited,
body#Get_involved #Get_involved_nav, body#Get_involved #Get_involved_nav:link, body#Get_involved #Get_involved_nav:visited,
body#Fundraising #Fundraising_nav, body#Fundraising #Fundraising_nav:link, body#Fundraising #Fundraising_nav:visited,
#navlist .sys_selected {
    background-color: White;
    color: #6ba71c;
}



    body#home #homenav, body#home #homenav a:visited, body#home #homenav a:link,
    body#make #make_nav, body#make #make_nav a:link, body#make #make_nav a:visited,
    body#cancer #Cancer_info_nav, body#cancer #Cancer_info_nav a:link, body#cancer #Cancer_info_nav a:visited,
    body#how_help #How_help_nav, body#how_help #How_help_nav a:visited, body#how_help #How_help_nav a:link,
    body#Online_community #Online_community_nav a:link, body#Online_community #Online_community_nav a:visited,
    body#Get_involved #Get_involved_nav, body#Get_involved #Get_involved_nav a:link, body#Get_involved #Get_involved_nav a:visited,
    body#Fundraising #Fundraising_nav, body#Fundraising #Fundraising_nav a:link, body#Fundraising #Fundraising_nav a:visited,
    #navlist .sys_selected a, #navlist .sys_selected a:link, #navlist .sys_selected a:visited {
        color: #6ba71c;
    }


/* skip to main content */

.sys_skip, #content {
    position: absolute;
    right: 9999px;
}


/*header*/

.sys_header_wrap {
    width: 920px;
    margin: 0 auto;
}

/*.sys_header_wrapper
{
    background:url(/SiteElements/images/default/Headers/HeaderHome.jpg) no-repeat;
    min-height:186px;
    position:relative;
    padding-left:77px;
    width:920px;
    z-index:1;
}
	.sys_header_home .sys_header_wrapper {
	background:url(/SiteElements/images/default/Headers/HeaderHome.jpg) no-repeat;}
	.sys_header_aboutus .sys_header_wrapper {
	background:url(/SiteElements/images/default/Headers/HeaderAbout.jpg) no-repeat;}
	.sys_header_cancerinformation .sys_header_wrapper {
	background:url(/SiteElements/images/default/Headers/HeaderCancerInfo.jpg) no-repeat;}
	.sys_header_fundraising .sys_header_wrapper {
	background:url(/SiteElements/images/default/Headers/HeaderFundraising.jpg) no-repeat;}
	.sys_header_donate .sys_header_wrapper {
	background:url(/SiteElements/images/default/Headers/HeaderDonate.jpg) no-repeat;}
	.sys_header_getinvolved .sys_header_wrapper {
	background:url(/SiteElements/images/default/Headers/HeaderGetInvolved.jpg) no-repeat;}
	.sys_header_howwecanhelp .sys_header_wrapper {
	background:url(/SiteElements/images/default/Headers/HeaderHowHelp.jpg) no-repeat;}
	.sys_header_onlinecommunity .sys_header_wrapper {
	background:url(/SiteElements/images/default/Headers/HeaderOnlineCommunity.jpg) no-repeat;}*/

.sys_caption {
    position: absolute;
    top: 13px;
    left: 220px;
    z-index: 2;
}

#navlist {
    width: 660px;
}

.sys_header_menu_wrapper {
    float: left;
    position: absolute;
    bottom: 4px;
    width: 900px;
    margin-left: 8px;
    z-index: 10;
}

    .sys_header_menu_wrapper ul, .sys_header_menu_wrapper li {
        list-style: none;
        display: inline;
        margin: 0px;
        padding: 0px;
    }

        .sys_header_menu_wrapper li br {
            display: none;
        }

    .sys_header_menu_wrapper a:link,
    .sys_header_menu_wrapper a:visited {
        font-weight: bold;
        color: #5f5f5f;
        text-decoration: none;
        font-size: 1.1em;
        padding-top: 8px;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        display: block;
    }

    .sys_header_menu_wrapper a:hover {
        color: #005C46;
        padding-top: 8px;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        display: block;
    }

.sys_menu_button {
    float: left;
    background-color: #d0e8b1;
    margin-left: 3px;
    position: relative;
}

    .sys_menu_button:hover {
        background-color: #dbebc3;
        color: #005C46;
    }

.sys_header_menu_tl {
    background: url(/SiteElements/images/default/header_tl.gif) no-repeat top left;
    position: relative;
}

.sys_header_menu_tr {
    background: url(/SiteElements/images/default/header_tr.gif) no-repeat top right;
    position: relative;
}


.sys_padding {
    margin: 0px;
    min-height: 19px;
}

/*search*******************************/

.sys_padding_search {
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px;
}

.sys_searchLeft {
    /*background:url(/MacmillanControls/searchLeft.gif) no-repeat bottom left #F3F2F1;*/
    background: url(/SiteElements/images/default/searchLeft.gif) no-repeat bottom left #62ac44;
    float: right;
    margin-right: 10px;
    padding-bottom: 0;
}

.sys_searchRight {
    /*background:url(/MacmillanControls/searchRight.gif) no-repeat bottom right;*/
    background: url(/SiteElements/images/default/searchRight.gif) no-repeat bottom right;
}

.sys_go, .sys_button {
    background: url(/SiteElements/images/default/go_button.gif) no-repeat;
    width: 26px;
    height: 23px;
    color: #FFFFFF;
    font-weight: bold;
    border-style: none;
    margin-left: 3px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    float: left;
}

.sys_search h1 {
    width: 50%;
    float: left;
    margin-bottom: 5px;
    font-size: 2em;
}

.sys_search .sys_right {
    float: right;
}

.sys_searchResults {
    padding-bottom: 20px;
}

    .sys_searchResults .sys_pager {
        margin-bottom: 10px;
    }

        .sys_searchResults .sys_pager .sys_hits {
            float: left;
        }

        .sys_searchResults .sys_pager .sys_prevNext {
            float: right;
            font-weight: bold;
        }

            .sys_searchResults .sys_pager .sys_prevNext a {
                color: #006F51;
            }

                .sys_searchResults .sys_pager .sys_prevNext a.sys_inactive {
                    color: #BABABA;
                }

    .sys_searchResults h2 {
        color: #00A246;
        font-size: 1.6em;
    }

    .sys_searchResults h3 {
        color: #6BA71C;
        margin: 0;
        padding-bottom: 5px;
    }

    .sys_searchResults .sys_result p {
        padding-bottom: 5px;
    }

.sys_search .sys_sectionHeader {
    border-bottom: 3px solid #8cc63f;
    margin-bottom: 10px;
}

.sys_search .sys_tabs {
    background-color: #fff;
    padding-top: 3px;
    margin-top: 10px;
}

    .sys_search .sys_tabs .sys_tab {
        float: left;
        margin-right: 5px;
    }

    .sys_search .sys_tabs .sys_activeLeft {
        background: #8DC741 url(/SiteElements/images/default/GreenCornerTopLeft.gif) left top no-repeat;
        padding-left: 5px;
    }

    .sys_search .sys_tabs .sys_activeRight {
        background: url(/SiteElements/images/default/GreenCornerTopRight.gif) right top no-repeat;
        padding-right: 5px;
    }

    .sys_search .sys_tabs .sys_inactiveLeft {
        background: #f0f0f0 url(/SiteElements/images/default/GreyCornerTopLeft.gif) left top no-repeat;
        padding-left: 5px;
    }

    .sys_search .sys_tabs .sys_inactiveRight {
        background: url(/SiteElements/images/default/GreyCornerTopRight.gif) right top no-repeat;
        padding-right: 5px;
    }

    .sys_search .sys_tabs .sys_tabContent {
        padding: 5px;
    }

    .sys_search .sys_tabs .sys_tab .sys_inactiveRight a {
        color: #777;
    }

    .sys_search .sys_tabs .sys_tab .sys_activeRight a {
        color: #fff;
    }

.sys_searchResults strong {
    color: #444;
}

.sys_searchResults .sys_recommendedContent {
    padding: 10px;
    padding-top: 0;
}

    .sys_searchResults .sys_recommendedContent h3 {
        margin-bottom: 0;
        margin-top: 15px;
    }

    .sys_searchResults .sys_recommendedContent p {
        margin-bottom: 5px;
    }

        .sys_searchResults .sys_recommendedContent p a {
            display: block;
            margin-top: -3px;
        }

    .sys_searchResults .sys_recommendedContent h3 a {
        color: #006F51;
    }

    .sys_searchResults .sys_recommendedContent h3 a {
        background-image: url(/SiteElements/images/widgets/arrowLargeDarkGreen.gif);
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 10px;
        padding-bottom: 2px;
    }

.sys_searchResults .sys_result h3 a {
    background-image: url(/SiteElements/images/widgets/arrowLightGreen.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 15px;
}

.sys_searchResults .sys_result {
    padding-top: 15px;
    padding-bottom: 12px;
}

    .sys_searchResults .sys_result a.sys_pdf {
        background-image: url(/SiteElements/images/widgets/pdficon.gif);
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 25px;
    }

.sys_searchResults .sys_recommendedContent {
    padding-left: 15px;
}


/*Search box ****************/

.sys_search .sys_searchBox {
    background: #F1F1F1;
    border: solid 1px #e3e3e3;
    height: 50px;
}

.sys_search .sys_advancedSearchBox {
    height: auto;
    padding-bottom: 10px;
}

.sys_search .sys_searchBox input.sys_searchWidgetInput, input#FAQSearch_keywords {
    background: white url(/SiteElements/images/default/magnify.gif);
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 3px 10px 2px 20px;
    width: 400px;
}

.sys_search .sys_advancedSearchBox input.sys_searchWidgetInput {
    margin-bottom: 0px;
}

.sys_search .sys_searchBox .sys_advancedSearchSection {
    clear: both;
    padding-left: 10px;
    padding-top: 5px;
}

.sys_search .sys_searchBox .sys_advancedSearchQuestion {
    padding-bottom: 5px;
}

.sys_search .sys_searchBox label.sys_advancedSearchLabel {
    display: block;
    position: static;
    left: 0px;
    float: left;
    width: 150px;
    padding-top: 4px;
}

.sys_search .sys_searchBox .sys_advancedSearchInput {
    height: 22px;
    display: block;
    background-color: #fff;
    float: left;
    width: 280px;
    border: 1px solid #ccc;
}

    .sys_search .sys_searchBox .sys_advancedSearchInput input {
        border: 0;
        width: 270px;
    }

.sys_search .sys_searchBox .sys_advancedSearchBottom {
    width: 280px;
    float: left;
}

.sys_search .sys_searchBox .sys_advancedSearchQuestionBottom {
    padding-bottom: 0px;
}

.sys_search .sys_searchBox .sys_searchButton {
    background: url(/SiteElements/images/default/search_button.gif);
    padding: 0px 2px 4px 2px;
    margin: 0px;
    border: 0px;
    color: #fff;
    font-weight: bold;
    float: right;
}

    .sys_search .sys_searchBox .sys_searchButton input {
        border-style: none;
        border-color: inherit;
        border-width: 0;
        background: #006F51;
        color: #fff;
        font-weight: bold;
        width: 55px;
        height: 19px;
    }

.sys_search .sys_searchBox .sys_advancedSearchBottom select {
    height: 22px;
    float: left;
}



/* sign in header section */

.sys_signIn_wrapper {
    /* changed by MC 210612 */
    /*
	float: right;
	padding-right:10px;
	width:220px;
	position:relative;
	min-height:155px;
	*/
    bottom: 10px;
    position: absolute;
    right: 0;
    width: 220px;
}

    .sys_signIn_wrapper fieldset {
        background: #8CC63F;
    }

    .sys_signIn_wrapper .sys_content {
        float: right;
        min-height: 116px;
    }

    .sys_signIn_wrapper strong {
        color: #FFF;
        display: block;
        padding: 5px 0 2px 0;
        margin: 0;
        width: 220px;
        background: #8CC63F;
        font-size: 1.2em;
    }

    .sys_signIn_wrapper form {
        padding: 1px 0 1px 0;
        display: block;
    }

    .sys_signIn_wrapper fieldset {
        width: 220px;
    }

    .sys_signIn_wrapper input {
        width: 213px;
        padding-left: 5px;
        margin-bottom: 4px;
        float: right;
        font-size: 11px;
        border: 1px solid #A6BA8E;
    }

#username, #password {
    border: 1px solid #959595;
    padding-top: 3px;
    padding-bottom: 3px;
}

.sys_signIn_wrapper a.sys_forgottenLink:link, .sys_signIn_wrapper a.sys_forgottenLink:visited {
    float: right;
    width: 97px;
    font-size: 0.9em;
    display: block;
    color: #016F52;
}

.sys_signIn_wrapper .sys_actionButton, .sys_signIn_wrapper .sys_signInButton {
    background: url(/SiteElements/images/default/buttons/join.gif) no-repeat;
    width: 57px;
    height: 22px;
    color: #FFFFFF;
    font-weight: bold;
    border-style: none;
    margin-left: 3px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    float: right;
}

.sys_signIn_wrapper .sys_signInButton {
    margin-right: 2px;
}


form {
    padding: 0px;
}

#go, .sys_go1, #go a:hover, .sys_go1 a:hover {
    background: url(/SiteElements/Images/go_button.gif) no-repeat;
    width: 26px;
    height: 23px;
    color: #FFFFFF;
    font-weight: bold;
    border-style: none;
    margin-left: 3px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
}

/*#search_input
{
	color:red;
	width:157px;
	background:white url(/SiteElements/images/default/magnify.gif);
	background-repeat:no-repeat;
	border-style:solid;
	border-width:1px;
	border-color:#508e38;
	padding:3px 2px 2px 2px;
	padding-left:20px;
	font-family:Arial;
    color:#444444;
    height:15px;
    font-size:13px;
	float: left;
}*/
.sys_donate_wrapper a, .sys_donate_wrapper a:link, .sys_donate_wrapper a:visited, .sys_donate_wrapper a:active {
    display: block;
    color: #ffffff;
}

.sys_donate_wrapper {
    position: absolute;
    bottom: 0px;
    right: 15px;
}

    .sys_donate_wrapper a:hover {
        text-decoration: none;
    }


.sys_donate {
    display: block;
    position: relative;
    height: 1%;
}


.sys_donateLeft {
    background: #027051 url(/SiteElements/images/default/donateLeft.gif) no-repeat left top;
    display: block;
    float: right;
    width: 220px;
    margin-right: -5px;
    position: relative;
}

.sys_donateRight {
    background: url(/SiteElements/images/default/donateRight.gif) no-repeat right top;
    padding: 0 0 0 7px;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bold;
    display: block;
    position: relative;
    width: 213px;
}

    .sys_donateRight a {
        padding: 6px 0 6px 0;
    }

    .sys_donateRight img {
        border: 0;
        position: absolute;
        top: -9px;
        right: 7px;
    }

.sys_pig {
    background: url(/SiteElements/images/default/donatePig.gif) no-repeat right top;
    width: 51px;
    height: 35px;
    position: absolute;
    right: 7px;
    top: -9px;
    display: block;
}

.sys_header_wrap div#breadcrumb {
    width: 100%;
    clear: both;
    font-weight: 700;
    margin-bottom: -42px;
}

    .sys_header_wrap div#breadcrumb a {
        font-weight: 700;
        line-height: 3;
        margin-top: 10px;
        display: inline-block;
        margin-bottom: -10px;
    }

.breadcrumbhidden {
    display: none;
}

/*general*/

.sys_clear {
    display: block;
    clear: both;
    height: 0px;
    width: 100%;
    line-height: 0;
    font-size: 0;
}

.sys_content_wrapper {
    width: 920px;
    position: relative;
    margin: 0 auto;
}

/*footer*/
.sys_footer {
    background-color: #f8f8f8;
    clear: both;
    color: #5f5f5f;
    border-top-style: solid;
    border-top-width: 6px;
    border-top-color: #6ba71c;
    margin-top: 10px;
    font-size: 0.9em;
    height: 1%;
    width: 920px;
    padding-bottom: 20px;
    margin: 0 auto;
}

    .sys_footer h2 {
        margin: 0 0 5px 0;
        font-size: 1.4em;
    }

    .sys_footer li {
        list-style: none;
        padding: 1px 2px;
        font-weight: bold;
        clear: both;
    }

.sys_footer_bottom {
    background-color: #f0f0f0;
    clear: both;
    padding: 5px 10px 5px 10px;
    border-top: solid #dfdfdf 1px;
    color: #979797;
    font-size: 0.9em;
    width: 900px;
    margin: 0 auto;
}

.sys_footer .sys_col1 {
    width: 160px;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
    float: left;
    background: #f8f8f8 url(/SiteElements/images/default/footerSeperator.gif) no-repeat right;
}

.sys_footer .sys_col2 p {
    margin-top: 6px;
}

.sys_footerWeb {
    display: block;
    font-size: 1.2em;
    padding-top: 35px;
}

.sys_footer .sys_col2, .sys_footer .sys_col3 {
    width: 230px;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
    float: left;
    background: #f8f8f8 url(/SiteElements/images/default/footerSeperator.gif) no-repeat right;
}

    .sys_footer .sys_col3 ul {
        padding-top: 4px;
    }

.sys_footer .sys_col4 {
    width: 230px;
    float: left;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}

    .sys_footer .sys_col4 ul {
        width: 115px;
        float: left;
        padding-bottom: 6px;
    }

    .sys_footer .sys_col4 li {
        margin: 0px;
        padding-bottom: 8px;
    }

    .sys_footer .sys_col4 img {
        float: left;
        padding: 0px 2px 0px 0px;
    }

    .sys_footer .sys_col4 span {
        display: block;
        float: left;
        padding-top: 5px;
    }

    .sys_footer .sys_col4 li a:link, .sys_footer .sys_col4 li a:visited {
        color: #777777;
    }

    .sys_footer .sys_col4 a:hover span {
        text-decoration: underline;
        cursor: pointer;
    }




/*home 3 column layout********************************/

.sys_leftCol, .sys_middleCol {
    width: 294px;
    margin-right: 19px;
    float: left;
}

.sys_rightCol {
    width: 294px;
    float: left;
    margin-right: 0px;
}

.sys_homeSpacer {
    height: 10px;
    width: 100%;
    line-height: 0px;
    font-size: 0px;
}

/*section***********************************************************/

/*right column*/

.sys_sectionLeftCol {
    width: 170px;
    float: left;
    margin-top: 38px;
    margin-bottom: 10px;
}

.sys_sectionMainCol {
    width: 480px;
    margin-left: 20px;
    margin-right: 20px;
    float: left;
    margin-top: 33px;
    font-size: 1.05em;
}

    .sys_sectionMainCol .sys_mainContent {
        width: 480px;
        padding-bottom: 5px;
    }

.sys_sectionRightCol {
    width: 230px;
    float: left;
    margin-left: 0px;
    margin-top: 38px;
    margin-bottom: 20px;
}


/*dropdown for main content********************/

.sys_dropdownHeader h2 {
    color: #FFFFFF;
    margin: 0;
    padding: 6px 8px;
}

.sys_section .sys_dropdownContent {
    background: #fff;
    border: solid 1px #e3e3e3;
    clear: left;
}

.sys_section .sys_mainContent .sys_dropdownContent {
    width: 478px;
}

.sys_section .sys_sectionRightCol .sys_dropdownContent {
}

.sys_section .sys_dropdownWrapper {
    width: 480px;
}

.sys_printImage {
    display: none;
}

/****homepage modules styles**************/

.homePageModules .sys_widgetContainer {
    background: #fff;
}

.homePageModules .sys_dropdownWrapper {
    margin-bottom: 20px;
    clear: both;
}


.sys_floatimageright, .right {
    float: right;
    margin: 10px;
}

.sys_floatimageleft, .left {
    float: left;
    margin: 10px;
}

/* Standard Contensis Lists */
.sys_standard-list h2 {
    position: relative;
    margin: 0 0 2em 0;
    padding: 0;
}

    .sys_standard-list h2 a {
        outline: none;
    }

    .sys_standard-list h2 span.sys_rss-link a,
    .sys_standard-list h2 span.sys_atom-link a {
        position: absolute;
        width: 16px;
        height: 16px;
        display: block;
        overflow: hidden;
        text-indent: -999px;
    }

    .sys_standard-list h2 span.sys_rss-link a {
        top: 0;
        right: 22px;
        background: url("/SiteElements/Images/feedicons/rss-feed-icon.gif") 0 0 no-repeat;
    }

    .sys_standard-list h2 span.sys_atom-link a {
        top: 0;
        right: 0;
        background: url("/SiteElements/Images/feedicons/atom-feed-icon.gif") 0 0 no-repeat;
    }

.sys_standard-list .sys_groupheader {
    font-size: 1.3em;
    font-weight: 700;
    margin: .5em 0 .3em 0;
}

.sys_standard-list .sys_itemslist {
    width: 100%;
    /*border-bottom:1px solid #8cc63f;*/
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

    .sys_standard-list .sys_itemslist .sys_subitem {
        width: 100%;
        clear: both;
        margin: 0 0 10px 0;
    }

        .sys_standard-list .sys_itemslist .sys_subitem .sys_subitem-heading {
            margin: 0;
            padding: 0;
        }

        .sys_standard-list .sys_itemslist .sys_subitem .sys_thumbnail {
            float: right;
            min-height: 68px;
            margin-left: 10px;
        }

        .sys_standard-list .sys_itemslist .sys_subitem dl {
            margin: 0;
            padding: 0;
        }

            .sys_standard-list .sys_itemslist .sys_subitem dl dt {
                margin: 0 4px 0 0;
                padding: 0;
                float: left;
            }

            .sys_standard-list .sys_itemslist .sys_subitem dl dd {
                margin: 0 0 5px 0;
                padding: 0;
            }

/* Standard News List */
.sys_news-control.sys_standard-list dt {
    display: none;
}

.sys_news-control.sys_standard-list .sys_news-datepublished {
    font-size: .9em;
    color: #666;
}

/* Standard Events List */
.sys_events-control.sys_standard-list dt {
    display: none;
}

/*.sys_events-control.sys_standard-list .sys_events-time {
	font-size:.9em;
	color:#666;}*/

/* Pager */
.sys_flickrpager {
    margin: 1em 0;
    padding: 0;
    min-height: 1em;
    text-align: right;
    clear: both;
}

    .sys_flickrpager .sys_paginginfo {
        float: left;
    }

    .sys_flickrpager .sys_navigation {
        padding: 3px 0;
        font-size: 12px;
        font-weight: 700;
    }

        .sys_flickrpager .sys_navigation span.sys_selected span {
            border: 1px solid #B8C8D4;
            padding: 2px 7px;
            text-decoration: none;
            color: #7090A8;
            background: #fff;
        }

        .sys_flickrpager .sys_navigation a {
            padding: 2px 7px;
        }

        .sys_flickrpager .sys_navigation span.sys_page {
            margin-right: 2px;
        }

            .sys_flickrpager .sys_navigation span.sys_page a {
                border: 1px solid #D5DEE4;
            }

        .sys_flickrpager .sys_navigation span.sys_navigationnext a,
        .sys_flickrpager .sys_navigation span.sys_navigationprevious a {
        }

        .sys_flickrpager .sys_navigation span.sys_page a:hover {
            color: #333;
            background: #fff;
        }

        .sys_flickrpager .sys_navigation span.sys_navigationnext a:hover, .sys_flickrpager .sys_navigation span.sys_navigationprevious a:hover {
        }

        .sys_flickrpager .sys_navigation .sys_at-start, .sys_flickrpager .sys_navigation .sys_at-end {
            color: #bcbcbc;
        }

        .sys_flickrpager .sys_navigation .sys_disabled {
            padding: 2px 7px;
            color: #898989;
        }

/* Record Pages */
.sys_record-control {
}

    .sys_record-control dl, .sys_record-control dl dt, .sys_record-control dl dd {
        margin: 0;
        padding: 0;
    }

        .sys_record-control dl dt {
            color: #00A246;
            font-size: 1.3em;
            font-weight: bold;
            color: #006F51;
        }

    .sys_record-control blockquote {
        margin: 0;
        padding: 10px 60px 10px 40px;
    }

.sys_events-record dt.sys_events-date,
.sys_events-record dt.sys_events-description,
.sys_events-record dt.sys_events-category,
.sys_events-record dd.sys_events-category {
    display: none;
}

.sys_events-record dd.sys_events-date, .sys_news-record .sys_news-posted-date {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 1em;
    color: #006F51;
}


/****Last reviewed date styles**************/
div.contentareafooter {
    text-align: right;
}

div.contentareafooterreview {
    text-align: right;
}


/*
	Community control styles - Added by Ady 8 Sep 2009 - Stylesheets by trueclarity
*/
/****tabs******/
/**************tabs at top of each widget********************/

.sys_tabWrapper .sys_tabTL {
    float: left;
    background: #8cc63f url(/siteelements/images/community/TabTopLeft.gif) top left no-repeat;
}

.sys_tabWrapper .sys_tabTR {
    background: url(/siteelements/images/community/TabTopRight.gif) top right no-repeat;
}

.sys_tabWrapper .sys_tabBR {
    background: url(/siteelements/images/community/TabBottomRight.gif) bottom right no-repeat;
}

    .sys_tabWrapper .sys_tabBR strong, .sys_darkGreenTabWrapper strong {
        display: block;
        margin: 0px;
        padding: 6px 20px 3px 6px;
        color: #fff;
        font-size: 1.2em;
    }

.sys_tabWrapper .sys_tabTL h2 {
    margin: 0px;
    padding: 6px 20px 3px 6px;
    color: #fff;
}

.sys_tabWrapper .sys_clear, .sys_darkGreenTabWrapper .sys_clear {
    line-height: normal;
}

.sys_tabTextWrapper {
    background: #fff; /*url(/siteelements/images/community/Common/WidgetBL.gif) bottom left no-repeat;*/
    border-top: 4px solid #8CC63F;
    height: 1%;
}

    .sys_tabTextWrapper .br {
        /*background:url(/siteelements/images/community/Common/WidgetBR.gif) bottom right no-repeat;*/
        padding: 10px 7px 3px 7px;
        height: 1%;
    }
/********Module style************************/

.sys_imageLinkList {
    height: 1%;
    margin-top: -10px;
}

    .sys_imageLinkList p {
        height: 1%;
        overflow: auto;
    }

    .sys_imageLinkList .sys_item {
        background: url(/siteelements/images/community/Divider.gif) repeat-x bottom left;
        padding-bottom: 0;
        padding-top: 14px;
    }

        .sys_imageLinkList .sys_item.top_item {
            background: none;
        }

        .sys_imageLinkList .sys_item h2 {
            margin: 0 0 5px 0;
            padding: 0px;
        }

        .sys_imageLinkList .sys_item h3 {
            margin: 0 0 1px 0;
            padding: 0px;
            display: block;
            overflow: auto;
        }

        .sys_imageLinkList .sys_item p {
            margin-top: 0px;
            padding-top: 0px;
        }

.sys_imageHolder {
    display: block;
    float: left;
    margin-bottom: 5px;
}

.sys_imageLinkList .sys_imageHolder img {
    display: block;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
}

.sys_imageLinkList h3 a:link, .sys_imageLinkList h3 a:visited {
    font-size: 0.9em;
    font-weight: normal;
    color: #6BA71C;
}

.sys_imageLinkList h3 {
    margin: 0px;
    padding: 0px;
    display: inline;
}

.info {
    color: #777;
    font-size: 0.9em;
}

    .info.groupIcons img {
        margin-bottom: -5px;
    }

.comments {
    color: #A0A0A0;
    font-size: 0.9em;
}

.sys_imageLinkList .time {
    color: #a0a0a0;
    font-size: 0.9em;
}

.sys_imageLinkListFooter {
    padding-top: 8px;
    font-size: 0.95em;
    clear: both;
    height: 1%;
    border-top: 3px solid #e5e5e5;
}

    .sys_imageLinkListFooter span {
        color: #777;
    }

/**********button************************/

.buttonWrapper {
    float: right;
}

    .buttonWrapper span {
        color: #fff;
    }

    .buttonWrapper a:hover {
        text-decoration: none;
    }

.sys_imageLinkListFooter .buttonWrapper {
    float: right;
}

.buttonWrapper a:link,
.buttonWrapper a:visited {
    color: #fff;
}

.buttonWrapper .tl {
    display: block;
    float: left;
    background: #086858 url(/siteelements/images/community/WidgetArrowTL.gif) top left no-repeat;
}

.buttonWrapper .tr {
    display: block;
    float: left;
    background: url(/siteelements/images/community/WidgetArrowTR.gif) top right no-repeat;
}

.buttonWrapper .bl {
    display: block;
    float: left;
    background: url(/siteelements/images/community/WidgetArrowBL.gif) bottom left no-repeat;
}

.buttonWrapper .br {
    display: block;
    float: left;
    background: url(/siteelements/images/community/WidgetArrowBR.gif) bottom right no-repeat;
    padding: 0px 15px 1px 7px;
    white-space: nowrap;
    margin: 0px;
}

    .buttonWrapper .br a:link, .buttonWrapper .br a:visited {
        text-decoration: none;
    }

.sys_record-image-control {
    float: right;
    margin: 0 0 10px 10px;
}

    .sys_record-image-control p.sys_record-image-control-caption {
        font-style: italic;
        width: 250px;
    }

/*High / Standard Contrast Link*/
.sys_standardContrastLink {
    display: none;
}

.sys_highContrastLink {
    display: inline;
}

/* Macmillan Map styles */
#side div {
}

.macmillanmap {
    margin-top: 0 !important;
}

#map2 {
    width: 480px;
    height: 480px;
    font-size: 1em;
}


#key {
    border: 1px solid #E3E3E3;
    background: #F1F1F1 none repeat scroll 0 0;
    padding: 0 5px 5px 5px;
    margin-top: 0;
    display: none;
}

    #key span {
        margin-right: 10px;
    }

        #key span * {
            white-space: nowrap;
        }

    #key h2 {
        margin-top: -10px;
        padding: 0;
        color: #000;
    }

a.marker_image {
    float: left;
    margin-right: 10px;
}

    a.marker_image img {
        width: 26px;
    }

.side_info {
    width: 180px;
    float: right;
}

    .side_info a {
        font-weight: bold;
        font-size: 110%;
    }

#side_bar {
    width: 100%;
    overflow: auto;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0 10px 0;
}

.sideblock {
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
}

#side {
    float: left;
}

#side_title {
    float: left;
    font-size: 1.1em;
}

#side_bar {
    width: 100%;
    overflow: auto;
}

#paging_top {
    float: right;
    font-size: 1.1em;
}

#paging_bottom {
    float: right;
    font-size: 1.1em;
}

.info {
    font-size: 105% !important;
    width: 350px !important;
}

.info {
    padding: 0;
}

    .info p {
        padding: 0 !important;
        margin: 2px !important;
    }

    .info h2 {
        margin-top: 0;
        font-size: 1.2em !important;
        color: #000 !important;
    }

#loading {
    z-index: 500000;
    left: 180px;
    width: 500px;
    position: absolute;
    height: 480px;
    background-color: #fff;
    padding-left: 10px;
}

    #loading P.loading {
        padding-right: 0;
        padding-left: 0;
        font-weight: bold;
        font-size: 130%;
        padding-bottom: 20px;
        color: #00a246;
        padding-top: 50px;
        text-align: center;
    }

.didyoumean LI {
    list-item-type: decimal;
}

#miniloading {
    font-size: 90%;
    z-index: 600000;
}

.miniloader {
    vertical-align: middle;
}

.mappager {
    text-align: center;
}

    .mappager a {
        padding: 3px;
    }

.keyicon {
    vertical-align: middle;
    width: 26px;
}

#side_bar .small {
    font-size: 90%;
}

#side_bar .selected {
}

.sideblock {
    margin: 0 !important;
    padding: 0 0 5px 0 !important;
    width: 100%;
}

/**********Organisation Information detail (upon selecting organisation search result)************************/


.orglabel {
    padding-left: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.orgtext {
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* 25/11/2009 Additional map formatting */
.infotitle {
    padding: 0 0 0 2px;
}

    .infotitle h2 {
        margin: 0 !important;
        padding: 0 !important;
        display: inline;
    }

.info p {
    margin-top: 10px !important;
}

    .info p strong {
        color: #000000;
    }

/**********Mobile Styling************************/

.hidefrommobile {
}

.hidefromdesktop {
    display: none;
}

.external {
}

/**********Print Page************************/

#printpage {
    background: url(/siteelements/images/default/buttons/print.gif) bottom no-repeat;
    width: 56px;
    height: 17px;
}


/*** For community image on home ***/
.community_image_show {
    display: block;
    width: 230px;
}

.community_image {
    display: none;
    width: 230px;
}

/****************************SSO****************/
#global-login {
    margin: 0 auto;
    width: 100%;
}

#topsso {
    border-bottom: 1px solid #fff;
    background: #017050;
    font-size: 1.161em;
    font-weight: bold;
    overflow: hidden;
    padding: 6px 0 7px 0;
    text-align: left;
    width: 100%;
}

#global-login a {
    color: #fff;
    display: inline-block;
    line-height: 24px;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
}

    #global-login a:hover {
        text-decoration: underline;
    }

#hmenu {
    float: left;
    list-style: none;
    margin: 0 0 0 12px;
    padding: 0;
}

    #hmenu li {
        display: inline;
        margin-right: 3px;
        padding: 5px;
    }

        #hmenu li a {
            display: inline-block;
            line-height: 24px;
            padding: 0 0 0 10px;
            position: relative;
        }

            #hmenu li a:hover,
            #hmenu .current a,
            #global-login .loggedInOut .current a,
            #global-login .loggedInOut .gl-help:hover,
            #global-login .loggedInOut .gl-help.current,
            #global-login .loggedInOut .viewprofile a:hover {
                background: transparent url(/SiteElements/Images/sso/bg-global-login.png) 0 0 no-repeat;
                text-decoration: none;
            }

    #hmenu a span,
    #hmenu .current span,
    #global-login .current span,
    #global-login .loggedInOut .gl-help span,
    #global-login .viewprofile a span {
        display: inline-block;
        height: 24px;
        position: absolute;
        right: -8px;
        top: 0;
        width: 8px;
    }

    #hmenu a:hover span,
    #hmenu .current span,
    #global-login .current span,
    #global-login .loggedInOut .gl-help:hover span,
    #global-login .viewprofile a:hover span {
        background: transparent url(/SiteElements/Images/sso/bg-global-login.png) 100% 0 no-repeat;
    }

#global-login .loggedInOut {
    color: #8CC53E;
    float: right;
    line-height: 24px;
    margin-right: 12px;
    padding: 0 10px;
}

    #global-login .loggedInOut.loggedIn {
        color: #fff;
    }


    #global-login .loggedInOut a {
        padding-left: 0;
    }

    #global-login .loggedInOut .sso_createaccount,
    #global-login .loggedInOut .viewprofile {
        border-right: 1px solid #8CC53E;
        margin-right: 10px;
        padding-right: 20px;
        *padding-right: 10px; /* for ie7*/
    }


    #global-login .loggedInOut .viewprofile {
        display: inline-block;
    }


        #global-login .loggedInOut .gl-help,
        #global-login .loggedInOut .viewprofile a {
            padding-left: 10px;
        }

span.viewprofile a {
    margin-left: 10px;
    padding-left: 8px;
}

#global-login .signout a {
    font-size: 0.923em;
}

.print-info-logo {
    display: none;
}

.print-footer {
    display: none;
}


.donate-today {
    background: transparent url(/SiteElements/Images/notAlone/donation-box.jpg) 100% 100% no-repeat;
}

    .donate-today .shaker {
        overflow: hidden;
        padding-top: 70px;
    }


        .donate-today .shaker a {
            background: transparent no-repeat;
            display: inline-block;
            float: right;
            margin-right: 50px;
            text-indent: -9999px;
        }

        .donate-today .shaker .donate-btn {
            background-image: url(/SiteElements/Images/notAlone/donate-now-btn.png );
            width: 164px;
            height: 40px;
            margin-bottom: 15px;
        }

        .donate-today .shaker .involved-btn {
            background-image: url(/SiteElements/Images/notAlone/get-involved-btn.png );
            width: 134px;
            height: 33px;
            margin-bottom: 100px;
        }

/* October 2013 */
.interim-header .offscreen-text {
    text-indent: -9999px;
}

.interim-header .header-strapline {
    display: none;
}

.interim-header .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.interim-header {
    width: 100%;
    position: relative;
    z-index: 1;
    zoom: 1;
    margin-bottom: 10px;
}

    .interim-header:before,
    .interim-header:after {
        content: "";
        display: table;
    }

    .interim-header:after {
        clear: both;
    }

    .interim-header .inner {
        background-color: #00a246;
        height: 135px;
        display: block;
    }

    .interim-header img {
        float: left;
        margin: 16px 0 14px 16px;
        border: 0;
    }

    .interim-header .header-donate-btn {
        background: transparent url(/SiteElements/images/menu/header-donate-btn-default.jpg) 0 100% no-repeat;
        border-bottom: none;
        display: block;
        position: absolute;
        top: 75px;
        right: 23px;
        height: 42px;
        width: 181px;
    }

        .interim-header .header-donate-btn:hover {
            background: transparent url(/SiteElements/images/menu/header-donate-btn-hover.jpg) 0 100% no-repeat;
        }

    .interim-header .search {
        position: absolute;
        top: 10px;
        right: 11px;
        z-index: 1;
        background-color: #009249;
        width: 202px;
        padding: 7px;
        overflow: hidden;
        zoom: 1;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        -o-border-radius: 7px;
        border-radius: 7px;
    }

        .interim-header .search fieldset {
            border: none;
            margin: 0;
            padding: 0;
        }

        .interim-header .search .textbox {
            background: url('/SiteElements/images/menu/magnify.gif') no-repeat scroll 0 50% #fff;
            font-family: Arial, Helvetica, sans-serif;
            border: 1px solid #005c46;
            float: left;
            margin: 0;
            font-size: 12px;
            width: 150px;
            height: 20px;
            padding-left: 24px;
            padding-top: 0;
        }

        .interim-header .search textbox[placeholder] {
            line-height: 12px;
        }

        .interim-header .search .button {
            width: 25px;
            height: 23px;
            display: block;
            padding: 0 2px 0 0;
            background: none repeat scroll 0 0 #005c46;
            color: #fff;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            cursor: pointer;
            margin: 0;
            border: 0;
            -webkit-border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            -moz-border-radius-topright: 3px;
            -moz-border-radius-bottomright: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

    .interim-header .nav {
        float: left;
        margin-top: -29px;
        overflow: visible;
        top: 0;
        left: 0;
    }

    .interim-header .primary-nav {
        clear: both;
        margin-left: 15px;
        font-size: 1.3em;
    }

        .interim-header .primary-nav li {
            list-style: none;
            float: left;
        }

        .interim-header .primary-nav a {
            text-decoration: none;
            background: none repeat scroll 0 0 #D0E8B1;
            border-bottom: none;
            color: #333332;
            display: block;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 0.75em;
            font-weight: bold;
            margin-right: 5px;
            padding: 8px 5px 7px 5px;
            -webkit-border-top-right-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topright: 5px;
            -moz-border-radius-topleft: 5px;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
        }

            .interim-header .primary-nav a:hover {
                background-color: #dbebc3;
                color: #005c46;
            }

        .interim-header .primary-nav li.active a,
        .interim-header .primary-nav li.active:hover a {
            background-color: #fff;
            color: #005c46;
        }

    .interim-header .primary-nav {
        zoom: 1;
    }


/*===================== 2015 HEADER STYLES ===========================*/

/*===================== HEADER SECTION: NAV ===========================*/

.group:before, .group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
}

#main-header {
    background: #00a246;
    width: 100%;
    line-height: 23.4720001220703px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
	min-width: 1020px;
}

    #main-header .header {
        width: 1000px;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-family: Futura, Arial, Helvetica, sans-serif;
        color: #333332;
        font-size: 100% !important;
        line-height: 1.467em;
        text-align: start;
    }

    #main-header .search-btn a {
        width: 31px;
        height: 31px;
        display: block;
        border-radius: 5px;
        padding-top: 0;
    }

        #main-header .search-btn a span {
            text-indent: -9999px;
            display: block;
        }

    #main-header .active {
        background: #8cc63f;
    }

        #main-header .active a {
            color: #000;
        }

    #main-header .layout {
        position: relative;
        max-width: 823px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        width: 1000px;
        padding-bottom: 0px;
        padding-left: 177px;
        padding-right: 0px;
        padding-top: 0px;
        font-family: Futura, Arial, Helvetica, sans-serif;
        color: #333332;
        font-size: 100% !important;
        line-height: 1.467em;
        text-align: start;
    }

    #main-header .group {
        color: rgb(51, 51, 50);
        display: block;
        font-family: Futura, Arial, Helvetica, sans-serif;
        font-size: 16px;
        height: 78px;
        line-height: 23.4720001220703px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        width: 823px;
        zoom: 1;
    }

.logo {
    color: rgb(51, 51, 50);
    display: block;
    font-family: Futura, Arial, Helvetica, sans-serif;
    font-size: 16px;
    height: 71px;
    left: 0px;
    line-height: 23.4720001220703px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 9px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: absolute;
    top: 0px;
    width: 177px;
    zoom: 1;
}

    .logo a {
        border-bottom-color: rgb(0, 161, 70);
        border-bottom-style: none;
        border-bottom-width: 0px;
        color: rgb(0, 161, 70);
        cursor: auto;
        display: inline;
        font-family: Futura, Arial, Helvetica, sans-serif;
        font-size: 16px;
        height: auto;
        line-height: 23.4720001220703px;
        outline-color: rgb(0, 161, 70);
        outline-style: none;
        outline-width: 0px;
        text-decoration: none;
        width: auto;
        zoom: 1;
    }

    .logo img {
        border-bottom-color: rgb(0, 161, 70);
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-image-outset: 0px;
        border-image-repeat: stretch;
        border-image-slice: 100%;
        border-image-source: none;
        border-image-width: 1;
        border-left-color: rgb(0, 161, 70);
        border-left-style: none;
        border-left-width: 0px;
        border-right-color: rgb(0, 161, 70);
        border-right-style: none;
        border-right-width: 0px;
        border-top-color: rgb(0, 161, 70);
        border-top-style: none;
        border-top-width: 0px;
        color: rgb(0, 161, 70);
        cursor: pointer;
        display: inline;
        font-family: Futura, Arial, Helvetica, sans-serif;
        font-size: 16px;
        height: 65.265625px;
        line-height: 23.4720001220703px;
        max-width: 167px;
        width: 167px;
        zoom: 1;
    }

#main-header .navigation {
    color: rgb(51, 51, 50);
    display: block;
    font-family: Futura, Arial, Helvetica, sans-serif;
    font-size: 16px;
    height: 0px;
    line-height: 23.4720001220703px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 823px;
    zoom: 1;
}

    #main-header .navigation ul li {
        width: 15.45%;
        float: left;
        height: 78px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #main-header .navigation ul li a {
            padding-top: 34px;
            padding-left: 2%;
            padding-right: 2%;
            padding-bottom: 10px;
            display: block;
            text-decoration: none;
            color: #ffffff;
            font-family: 'Avenir-LT-W01-95-Black', Arial, 'Helvetica Neue', Helvetica, sans-serif;
            line-height: 1em;
            font-size: 1.1em;
        }
		
		#main-header .navigation ul li.active a {
            color: #000;
        }

            #main-header .navigation ul li a span {
                display: block;
                padding: 0 8px;
            }

        #main-header .navigation ul li:hover {
            background: #f18315;
        }

        #main-header .navigation ul li a:hover {
            color: #000;
            text-decoration: underline !important;
        }

.header-search {
    width: 37% !important;
    float: right;
    height: 78px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

    .header-search .search-btn {
        display: none;
    }

    .header-search div {
        float: left;
    }

.clear {
    clear: both;
}

#main-header .navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search {
    width: 55%;
    height: 37px;
    padding-top: 29px;
    padding-left: 0%;
    padding-right: 0%;
    border: none;
}

    .search:hover {
        background: none;
    }

    .search label {
        display: none;
    }

    .search form {
        background: #ffffff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        display: block;
        height: 36px;
    }

    .search input {
        border-top: 1px none #ffffff;
		border-bottom: 1px none #ffffff;
		border-left: 1px none #ffffff;
		border-right: 1px none #ffffff;
        margin: 5px;
        width: 65%;
        font-family: 'Avenir-Book', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        font-size: .95em;
        color: #000;
        height: 26px;
        display: inline;
        padding: 0 0.25em;
        outline: none;
    }

.ie7 .search input[type="text"] {
    padding: 0;
}

.search .cta-button {
    width: 26px;
    height: 26px;
    border: none;
    background: url('/SiteElements/Images/sprite-ui-icons-all-devices.png') -200px -243px;
    text-indent: -999999px;
    position: absolute;
    right: 4px;
    top: 0;
    font-family: 'Avenir-Medium', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    min-height: 40px;
    word-spacing: inherit;
    padding: 0;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    display: block;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    line-height: 38px;
}

    .search .cta-button span {
        display: none;
        width: 26px;
        height: 26px;
    }

    .search .cta-button:focus,
    .search input:focus {
        outline: none !important;
        border: none;
    }

    .search .cta-button:hover {
        background-position: -350px -293px;
    }

div.donate-cta {
    border: none;
    width: 42%;
    padding-top: 28px;
    padding-right: 0;
    float: right !important;
}

    div.donate-cta a {
        background: #682c88;
        border-radius: 5px;
        font-family: 'macmillan_headlineregular', Arial, 'helvetica neue', Helvetica, sans-serif;
        padding: 6px 0 !important;
        font-size: 1.750em;
        display: block;
        width: 100%;
        text-align: center;
        text-decoration: none;
        margin-top: -1px;
        color: #fff;
        line-height: 1em;
    }

        div.donate-cta a:hover {
            background: #ffffff;
        }

            div.donate-cta a:hover span {
                color: #682c88 !important;
            }

.mobile-nav,
.search-btn,
.community-mobile {
    display: none;
}

.top-header {
	font-size: 16px;
	height: 31px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: relative;
	z-index: 1000;
	zoom: 1;
	min-width: 1020px;
}

.top-header ul {
    text-align: left;
	margin: 0 auto;
	width: 1000px;
	list-style: none;
}

.top-header ul li {
	height: 31px;
	line-height: 1.467em;
	float: left;
    width: 25%;
}

.top-header ul .home-cta {
    width: 17.6%;
    margin-left: 1px;
}

.top-header ul .how-can-we-help-cta {
    width: 39.5%;
}

    .top-header ul .how-can-we-help-cta a {
        margin-left: -13px;
        position: relative;
        padding-right: 21px;
        padding-left: 13px;
    }

        .top-header ul .how-can-we-help-cta a .arrow {
            background-position: -350px -50px;
            display: block;
            width: 11px;
            height: 11px;
            position: absolute;
            top: 12px;
            right: 0px;
        }

        .top-header ul .how-can-we-help-cta a .active {
            background-position: -150px -50px;
        }

        .top-header ul .how-can-we-help-cta a span.arrow {
            right: 7px;
            display: none;
        }

.top-header ul .online-community {
    width: 22%;
}

.top-header ul .login,
.top-header ul .sign-in,
.top-header ul .login-no-js {
    width: 20%;
    float: right;
    position: relative;
}

    .top-header ul .login a .active,
    .top-header ul .sign-in a .active,
    .top-header ul .login-no-js a .active {
        background-position: -100px -50px;
    }

    .top-header ul .login .active,
    .top-header ul .sign-in .active,
    .top-header ul .login-no-js .active {
        color: #005c46;
    }

    .top-header ul .sign-in a {
        float: right;
    }

.top-header ul .login-no-js {
    display: none;
}

.top-header ul a.arrow {
    padding-right: 17px;
    position: relative;
}

    .top-header ul a.arrow span {
        background: transparent url('/SiteElements/Images/sprite-ui-icons-all-devices.png') -350px -50px;
        display: block;
        width: 11px;
        height: 11px;
        position: absolute;
        top: 12px;
        right: 0px;
        z-index: 2;
    }

.top-header ul li.how-can-we-help-cta a:hover {
    color: #8cc63f;
}

    .top-header ul li.how-can-we-help-cta a:hover span {
        background-position: -150px -50px !important;
    }

.top-header ul li.how-can-we-help-cta a.active {
    background-color: #9ed1ca;
    color: #005c46;
}

    .top-header ul li.how-can-we-help-cta a.active span {
        background-position: -100px -50px;
    }

    .top-header ul li.how-can-we-help-cta a.active:hover {
        color: #682c88;
    }

        .top-header ul li.how-can-we-help-cta a.active:hover span {
            background-position: 0 -50px !important;
        }

.no-js .top-header ul .login {
    display: none;
}

.no-js .top-header ul .login-no-js {
    display: block;
}

    .no-js .top-header ul .login-no-js .no-js-links {
        float: right;
    }

#main-header .last {
    float: right;
}

.group:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

* html .group {
    zoom: 1;
}
/* IE6 */
*:first-child + html .group {
    zoom: 1;
}
/* IE7 */
/* Funnelback */
.ui-autocomplete {
    z-index: 3001 !important;
    background: #ecebe7;
    padding: 10px;
    display: block;
    position: relative;
    font-size: 1em;
    list-style: none;
    width: 280px;
    -webkit-box-shadow: 0px 4px 15px -4px #666666;
    -moz-box-shadow: 0px 4px 15px -4px #666666;
    box-shadow: 0px 4px 15px -4px #666666;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    color: #005c46;
	text-align: left;
	zoom: 1;
}

.ui-autocomplete li {
	margin-bottom: 0.75em;
	font-family: 'Avenir-Book', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}

    .ui-autocomplete a {
        cursor: pointer;
		color: #005c46;
		border-bottom: none;
		text-decoration: none;
		outline: 0;
		font-family: 'Avenir-Book', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
		font-size: 1.42em;
		text-align: left;
		text-decoration: none;
		line-height: 1em;
		}

        .ui-autocomplete a:hover {
            color: #682c88;
        }

        .ui-autocomplete a:focus {
            color: #682c88;
        }
		
		.ui-autocomplete a strong {
            font-family: 'Avenir-Heavy', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
			font-weight: normal;
        }

.ui-state-focus {
    color: #000 !important;
    background: #f2f2f2;
    outline: none;
}
/* Funnelback */
.auto-complete {
    background: #ffffff;
    padding: 10px;
    display: block;
}

.lt-ie10 header.main-header .search .textbox,
.lt-ie10 header.main-header .search .button {
    height: 26px;
}

.lt-ie8 header.main-header .search .textbox {
    width: 149px;
    padding: 0;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: -5px;
}

.lt-ie8 header.main-header .search .button {
    height: 33px;
}

.ie7 .audience-component ul li a span {
    bottom: -7px;
}
/*
  Toggle arrow 
 */
.toggle-arrow {
    position: relative;
}

    .toggle-arrow .arrow {
        background-position: -250px -50px;
        display: block;
        width: 11px;
        height: 11px;
        position: absolute;
        top: 12px;
        right: 0px;
    }

    .toggle-arrow .active {
        background-position: -200px -50px;
    }

.head-container {
    position: relative;
    min-width: 1020px;
    z-index: 1;
}

.top-header {
    z-index: 1000;
    font-family: 'Avenir-Heavy', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    position: relative;
    background: #005c46;
    width: 100%;
}

    .top-header .my-details {
        border-right: 1px solid #007f46;
        padding-right: 14px !important;
        margin-right: 12px !important;
        z-index: 10;
    }

    .top-header li a {
        color: #ffffff;
    }

        .top-header li a:hover {
            color: #8cc63f;
            text-decoration: underline;
        }

            .top-header li a:hover span {
                background-position: -150px -50px !important;
            }

                .top-header li a:hover span.active {
                    background-position: 0 -50px !important;
                }

    .top-header .login-box {
        display: none;
        width: 154px;
        background: #9ed1ca;
        position: absolute;
        top: 0;
        left: 32px;
        z-index: 1;
		padding: 42px 10px 0 10px;
        text-align: center;
    }

    .top-header .cta-button {
        margin: 0;
        padding: 0 !important;
        height: auto;
        width: 100%;
        display: block;
        margin: 7px auto;
    }

        .top-header .cta-button em {
            font-style: normal;
        }

    .top-header a {
        color: #ffffff;
        text-decoration: none;
        font-family: 'Avenir-Heavy', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        padding: 4px 0;
        z-index: 2;
    }

    .top-header .login {
        text-align: right;
    }

.padding_top {
    padding-top: 34px;
    padding-left: 2%;
    padding-right: 2%;
}

.top-header .cta-button.sso {
    background-image: url('/SiteElements/Images/sprite-brush-effects-desktop-tablet.png');
    background-position: -100px -50px;
    background-color: #005c46;
    font-family: 'Avenir-Medium', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    min-height: 40px;
    word-spacing: inherit;
    padding: 0;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    display: block;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    line-height: 38px;
}

    .top-header .cta-button.sso:hover {
        background-color: #f18315;
        text-decoration: underline;
        color: #000000;
    }

/* FONTS */
@font-face {
  font-family: 'macmillan_headlineregular';
  src: url("/SiteElements/webfonts/macmillan_headline_02_12-webfont.eot");
  src: url("/SiteElements/webfonts/macmillan_headline_02_12-webfont.eot?#iefix") format("embedded-opentype"), url("/SiteElements/webfonts/macmillan_headline_02_12-webfont.woff") format("woff"), url("/SiteElements/webfonts/macmillan_headline_02_12-webfont.ttf") format("truetype"), url("/SiteElements/webfonts/macmillan_headline_02_12-webfont.svg#macmillan_headlineregular") format("svg");
  font-weight: normal;
  font-style: normal;
  }

@font-face{
  font-family: 'Avenir-Book';
  src:url("/SiteElements/webfonts/4f32268f-fd86-4960-b72c-4bb1ba75ec6f.eot");
  src:url("/SiteElements/webfonts/4f32268f-fd86-4960-b72c-4bb1ba75ec6f.eot?#iefix") format("embedded-opentype"),
  url("/SiteElements/webfonts/849bc5b9-a2ff-4343-977b-26ba8bd24a60.ttf") format("truetype"),
  url("/SiteElements/webfonts/f67fa3b5-c1d1-488f-8e60-a828b9ad56a4.svg#f67fa3b5-c1d1-488f-8e60-a828b9ad56a4") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: 'Avenir-Medium';
  src:url("/SiteElements/webfonts/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot?#iefix");
  src:url("/SiteElements/webfonts/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot?#iefix") format("embedded-opentype"),
  url("/SiteElements/webfonts/2cac77ec-9bc0-4ee7-87e4-27650190744f.woff") format("woff"),
  url("/SiteElements/webfonts/aaf11848-aac2-4d09-9a9c-aac5ff7b8ff4.ttf") format("truetype"),
  url("/SiteElements/webfonts/294099f3-8d00-4676-afc5-5e9d8d43ad69.svg#294099f3-8d00-4676-afc5-5e9d8d43ad69") format("svg");
}

@font-face{
  font-family: 'Avenir-Heavy';
  src:url("/SiteElements/webfonts/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot?#iefix");
  src:url("/SiteElements/webfonts/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot?#iefix") format("embedded-opentype"),url("/SiteElements/webfonts/d1dc54b2-878d-4693-8d6e-b442e99fef68.ttf") format("truetype"),url("/SiteElements/webfonts/731dd4d3-64da-427d-ba61-01575b3cf3f7.svg#731dd4d3-64da-427d-ba61-01575b3cf3f7") format("svg");
}

@font-face{
    font-family: 'Avenir-LT-W01-95-Black';
    src:url("/SiteElements/webfonts/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot");
    src:url("/SiteElements/webfonts/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot?#iefix") format("embedded-opentype"),url("/SiteElements/webfonts/c33278bc-988e-440b-b4be-6acc095e6044.ttf") format("truetype"),url("/SiteElements/webfonts/7bdad4a5-289b-42f9-b6fa-c5883b9e9f23.svg#7bdad4a5-289b-42f9-b6fa-c5883b9e9f23") format("svg");
}