I am trying to build a menu in Umbraco where the user can mark pages/menu-items with a different color.

I have a custom property (checkbox) called "MarkAsRed" on the document type I use for all the nodes on my page.

The code below gives me an error on @page.MarkAsRed. However @home.MarkAsRed works and gives me a value for the root node.

What is missing so I can get the correct value for each node in the menu?

"Compiler Error Message: CS1061: 'Umbraco.Core.Models.IPublishedContent' does not contain a definition for 'MarkAsRed' and no extension method 'MarkAsRed' accepting a first argument of type 'Umbraco.Core.Models.IPublishedContent' could be found (are you missing a using directive or an assembly reference?)"

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@{
    var selection = CurrentPage.Site().Children.Where("Visible");
    var home = CurrentPage.Site();
}

<div class="navigation">
    <ul class="lev-1">
        @foreach (var page in Model.Content.AncestorOrSelf(1).Children.Where("Visible"))
        {
            <li>
                @{
                    if (page.Children.Where("Visible").Count() > 0)
                    {
                        <a data-mark-red="@page.MarkAsRed" href="@page.Url">@page.Name</a>
                        <ul class="lev-2">
                            @foreach (var subpage in page.Children.Where("Visible"))
                            {
                                <li>
                                    <a href="@subpage.Url">@subpage.Name</a>
                                </li>
                                foreach (var childPage in subpage.Children.Where("Visible"))
                                {
                                    <ul class="lev-3">
                                        <li>
                                            <a href="@childPage.Url">@childPage.Name</a>
                                        </li>
                                    </ul>
                                }
                            }
                        </ul>
                    } else
                    {
                        <a href="@page.Url">@page.Name</a>
                    }
                }
            </li>
        }
    </ul>
</div>