body
{
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    background-color: #DCEBFA;
    font-family: Georgia, "Times New Roman", Times, serif; /* background-image:url( '../Images/Backgrounds/BodyBkgrd.jpg' );     background-repeat:repeat; */
}

#loadingGIF
{
    z-index: 12;
    width: 35px;
    height: 35px;
}

#layout
{
}

#Banner
{
    width: 1000px;
    height: 170px;
    background-color: #DCEBFA;
    background-image: url('../images/banner.jpg');
    background-repeat: no-repeat;
}

#BelowBannerStrip
{
    width: 100%; /* position: relative; */
    text-align: left;
    color: #000066;
    font-size: 0.7em;
    line-height: 20px;
}

.clear
{
    clear: both;
}

.LoginDiv
{
    text-align: left;
    padding-left: 20px;
    width: 50%;
    float: left;
    height: 21px;
}

.LoginDivLink
{
    margin-left: 5px;
    margin-right: 5px;
}

.breadcrumbs
{
    margin-left: 100px;
}

.fb-iframe
{
    padding-top: 3px;
    margin-left: auto;
    margin-right: 20px;
    border: none;
    width: 450px;
    height: 21px;
}

#footer
{
    width: 990px;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    background-color: white;
    padding: 5px 5px 5px 5px;
    border-top: solid thin blue;
    font-size: 0.8em;
}

#ContentPlaceHolder
{
    width: 837px; /* top:-297px;position:relative;      left:153px;*/
    padding: 0px 0px 0px 0px;
    margin-left: 150px;
}

#MenuDiv
{
    /*      position: absolute;     top: 1px;     left: 1px;     width: 143px;*/
    float: left;
}

#BelowMenuDiv
{
    font-family: Georgia, "Times New Roman", Times, serif;
    border: solid 2px grey;
    font-size: 0.7em;
    text-align: center;
    width: 143px;
    color: #000066;
    background-image: url( '../Images/Backgrounds/ContentDivBkgrd.jpg' );
    background-repeat: repeat;
}

.MasterContentDiv
{
    background-color: White;
    width: 100%; /*height:100%;  */
    min-height: 715px;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

.ContentPlaceHolderDiv
{
    background-color: White;
    width: 100%; /*855px;padding-bottom:5px; */
    padding: 0px;
    height: 100%;
    margin-right: 12px;
}

.donatebutton
{
    float: right;
    height: 50px;
    width: 151px;
    background-color: lime;
}

.ContentDiv
{
    background-color: White;
    width: 637px;
    float: left;
    text-align: left;
    padding: 5px;
    border: solid thin blue;
    background-image: url( '../Images/Backgrounds/ContentDivBkgrd.jpg' );
    background-repeat: repeat;
    margin-top: 0px;
    margin-bottom: 5px;
}

.raiseTheWoof
{
    width: 195px;
    border: solid thin blue;
    float: right;
    margin-left: 3px;
}

.ContentDiv iframe
{
    border-top: solid thin blue;
}

.ContentDiv2
{
    background-color: White;
    width: 825px;
    float: left;
    text-align: left;
    padding: 5px;
    border: solid thin blue;
    background-image: url( '../Images/Backgrounds/ContentDivBkgrd.jpg' );
    background-repeat: repeat;
    margin-bottom: 5px;
}

.ContentHeadingImg
{
    min-width: 746px;
    margin-bottom: 0px;
    margin-top: 1px;
    padding: 0px 0px 0px 20px;
    width: 830px; /*637px;float: left;     background-image:      background-repeat:      background-position:;     background-color:Red;*/
    line-height: 30px;
    vertical-align: middle;
    height: 30px;
    font-size: 20px;
    background: White url( '../Images/Backgrounds/ContentDivHeadingNew.png' ) no-repeat;
}

.rightColumnDiv
{
    float: right;
    margin-left: 3px; /* designed to sit in contentDiv */
    margin-bottom: 5px;
    background-image: url( '../Images/Backgrounds/MenuButtonUnselected.jpg' );
    background-repeat: repeat-x;
    border: solid thin blue;
    text-align: center;
    vertical-align: top;
    width: 171px;
    color: #000066;
}

.EventsDiv
{
    /* position: relative;     top: -30px; */
    margin-left: 658px;
    margin-bottom: 5px;
    background-image: url( '../Images/Backgrounds/MenuButtonUnselected.jpg' );
    background-repeat: repeat-x;
    border: solid thin blue;
    text-align: center;
    vertical-align: top;
    width: 171px;
    min-height: 670px;
    color: #000066;
}

.SubEventsDiv
{
    background-color: White;
    padding-top: 2px;
    background-image: url( '../Images/Backgrounds/BorderBottomDetails.png');
    background-repeat: no-repeat;
    background-position: bottom; /* border: 2px solid grey; */
    margin: 2px 2px 2px 2px;
}

    .SubEventsDiv:hover
    {
        border-color: Blue;
        border-width: 3px;
        border-style: solid;
    }

    .SubEventsDiv .image
    {
        width: 150px;
        height: 50px;
        padding: 0px 0px 10px 0px;
    }

.HeadingDiv
{
    background-image: url( '../Images/Backgrounds/MenuButtonUnselected.jpg' );
    background-repeat: repeat-x;
    color: #000066;
}

.BoldContent
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    color: #000066;
    font-size: 14px;
}

.BoldContentLeftAlign
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    color: #003399;
    font-size: 14px;
    text-align: left;
}

.ContentTextStyle
{
    color: #000066;
    font-size: 14px;
}

.CapCampHeading
{
    width: 700px;
    text-align: center;
    color: Blue;
    font-family: Georgia;
    font-size: 2em;
    line-height: 50px;
    vertical-align: middle;
}

.BoldContentHeading
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    color: #003399;
    font-size: 18px;
    text-align: center;
}

.SpacerCell
{
    background-color: White;
    width: 10px;
}

.EventGrid
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 0.7em;
    background-image: url( '../Images/Backgrounds/MenuButtonUnselected.jpg' );
    background-repeat: repeat-x;
    height: 20px;
    width: 171px;
}

.EventGridRow
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 0.8em;
    background-color: #8FBFEF;
    background-image: url( '../Images/Backgrounds/EventGridRowBkgrd.png' );
    background-repeat: repeat-x;
    height: 20px;
}
/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
/*  display:none; */
.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 350px; /*if change this then change #pnlConfirmPickUp */
}

.modalFooter
{
    border-top: solid 2px #006600;
    text-align: center;
    padding-top: 10px;
}

    .modalFooter button
    {
        margin-left: 10px;
        margin-right: 10px;
    }

.PhotoStack
{
    background-color: Blue;
}

ol
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    list-style-type: none;
    width: 115px; /*position: relative;  z-index:9999999;*/
    position: inherit;
}

    ol ol
    {
        font-family: Georgia, "Times New Roman", Times, serif;
        float: left;
        position: absolute;
        top: 5px;
        left: 147px;
        display: none;
    }

    ol li
    {
        font-family: Georgia, "Times New Roman", Times, serif;
        position: relative;
    }


        ol li a
        {
            display: block;
            background-color: #CCCCFF;
            border: 1px solid #808080;
            height: 20px;
            width: 140px;
            text-decoration: none;
            color: #000066;
            line-height: 20px;
            vertical-align: middle;
            padding: 0px 0px 0px 5px;
            background-image: url( '../Images/Backgrounds/MenuButtonUnselected.jpg' );
            background-repeat: repeat-x;
            font-size: 14px;
        }

            ol li a:hover
            {
                background-color: #3399FF;
                background-image: url( '../Images/Backgrounds/MenuButtonSelect.jpg' );
                background-repeat: repeat-x; /* font-size:16px; */
                color: White;
            }

li:hover ol, li.over ol
{
    display: block;
    background-color: Aqua;
}

/* ** CookBook Pages  **** */

.CookBook
{
    font-family: Calibri, Tahoma, sans-serif;
    font-size: 0.9em;
}

    .CookBook img
    {
        float: left;
        width: 200px;
        margin: 10px;
    }

    .CookBook #btnOrderCookbook
    {
        float: left;
    }

    .CookBook .CookBookHeading
    {
        text-align: center;
        font-family: Kristen ITC;
    }

.CookBookSubmit
{
}
/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    text-align: center;
    color: #000066;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    background-color: #8FBFEF;
    background-image: url( '../Images/Backgrounds/EventGridRowBkgrd.png' );
    background-repeat: repeat-x;
}

    .accordionHeader a
    {
        color: #000066;
        background: none;
        text-decoration: none;
    }

        .accordionHeader a:hover
        {
            background: none;
            text-decoration: underline;
        }

.accordionHeaderSelected
{
    border: 1px solid #0000CC;
    text-align: center;
    color: #000066;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    background-color: #8FBFEF;
    background-image: url( '../Images/Backgrounds/EventGridRowBkgrd.png' );
    background-repeat: repeat-x;
}

    .accordionHeaderSelected a
    {
        color: #000066;
        background: none;
        text-decoration: none;
    }

        .accordionHeaderSelected a:hover
        {
            background: none;
            text-decoration: underline overline;
            color: #000066;
        }

.accordionContent
{
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    caption-side: top;
}

.accordionContentMember
{
    background-color: #FFFFCC;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    color: #000000;
    caption-side: top;
}

.accordionLink
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
    color: #000000;
}

.textleft
{
    text-align: left;
}

.textright
{
    text-align: right;
}

.textjustify
{
    text-align: justify;
}

.textcenter
{
    text-align: center;
}

.textred
{
    color: Red;
}

.imggrayborder
{
    border: solid 2px gray;
}

.inset
{
    background-color: White;
    border: solid 2px gray;
    padding: 10px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.5 em;
    color: Black;
}
/* CSS container shadow */
#message
{
    width: 70%;
}

#potd-message
{
    width: 45%;
    float: right;
}

.shadow-container
{
    position: relative;
    left: 13px;
    top: 13px;
    margin-right: 13px;
    margin-bottom: 13px;
    background-color: White;
}

    .shadow-container .shadow2, .shadow-container .shadow3, .shadow-container .container
    {
        position: relative;
        left: -1px;
        top: -1px;
    }

    .shadow-container .shadow1
    {
        background: #CC6699;
    }

    .shadow-container .shadow2
    {
        background: #993366;
    }

    .shadow-container .shadow3
    {
        background: #990033;
    }

    .shadow-container .container
    {
        background: #ffffff;
        border: 1px solid #7F0037;
        padding: 10px;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 1.2 em;
        color: #660033;
    }

        .shadow-container .container .h3
        {
            color: Black;
            font-size: 1.5em;
            font-weight: bold;
        }
/* CSS container shadow end*/
/* POTD */
#potd-banner-div
{
    width: 100%;
    height: 140px;
    margin-bottom: 10px;
}

#potd-table
{
    margin-top: 20px;
    font-size:1.2em;
}
    #potd-table ul li
    {
        margin-bottom: 1em;
    }
        #potd-table ul li ul li
        {
            margin-top: 0.5em;
            margin-bottom: 0.5em;
        }

#potd-footer-div
{
    width: 100%;
    height: 120px;
    text-align: center;
    padding-top: 10px;
}
/* CSS Charity Clays Registration */
.orderForm
{
}

    .orderForm table
    {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .orderForm .postage-td
    {
        padding-right: 30px;
        background-color: #ffffdd;
        border: 1px solid gray;
    }

    .orderForm td
    {
        text-align: right;
    }

        .orderForm td + td
        {
            text-align: right;
        }

            .orderForm td + td + td
            {
                text-align: left;
            }

.modalCategory
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    border: 1px solid gray;
}
/* Orders.aspx  
#OrderWizard .top image {float: left;}
#OrderWizard .desc {float: right}.orders .top image
{
    float: left;
    width: 100px;
}

.orders .top .desc
{
    margin-left: 110px;
}*/
#OrderWizard
{
}

.orderwizardheader
{
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
}

    .orderwizardheader .top .productimage
    {
        float: left;
        width: 155px;
    }

    .orderwizardheader .top .desc
    {
        float: right;
        width: 435px;
        padding-left: 10px;
    }

.confirmshipaddress
{
    margin-left: auto;
    margin-right: auto;
}

.pnlPickUp2
{
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 350px; /*if change this then change #pnlConfirmPickUp */
}

.confirmshipaddress td
{
    text-align: left;
}

.confirmshipaddress th
{
    background-color: #8FBFEF;
    background-image: url( '../Images/Backgrounds/EventGridRowBkgrd.png' );
}

.confirmOrderAmount
{
    margin-left: auto;
    margin-right: auto;
}

    .confirmOrderAmount th
    {
        text-align: center;
        background-color: #8FBFEF;
        background-image: url( '../Images/Backgrounds/EventGridRowBkgrd.png' );
        width: 100px;
    }

    .confirmOrderAmount td
    {
        line-height: 30px;
        text-align: center; /*display: block; */
        border-bottom: 1px solid blue;
        padding: 5px;
    }

#pnlConfirmAddress
{
}

.confirmCustomNav
{
    float: right;
}

#resourcesTable th
{
    text-align: center;
    background-color: #8FBFEF;
    background-image: url( '../Images/Backgrounds/EventGridRowBkgrd.png' );
    background-repeat: repeat-x;
}

#resourcesTable td
{
    text-align: center;
}

    #resourcesTable td + td
    {
        text-align: left;
    }

#splashScreen
{
    border: 1px solid black;
    font-family: Tahoma;
    background-color: White;
}
/* Scrolling Div  */
.scrollingDiv
{
    position: absolute;
    left: 630px;
    top: 30px;
    width: 350px;
    border: 1px solid #9AC6E1;
    background-image: url( '../Images/Backgrounds/BlueTransBkgrd.png' );
    background-repeat: repeat;
    margin-top: 30px;
    z-index: 1000;
    font-family: Segoe UI;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

    .scrollingDiv .scrollDivTop
    {
        background-image: url( '../Images/Backgrounds/MenuButtonUnselected.jpg' );
        background-repeat: repeat-x;
        width: 100%;
        height: 22px;
        padding: 0px;
    }

    .scrollingDiv span
    {
        color: #000066;
        margin-left: 10px;
    }

.btnScrollingDivClose
{
    /*    float: left;
    position:relative;
    float: right;*/
    padding: 0px;
    text-align: center;
    margin-top: 0px;
    margin-left: 160px;
    width: 50px;
    height: 18px;
    color: White;
    font-size: smaller;
    background-color: Red;
}

.scrollingDivBody
{
    /*  background: url('../Images/Backgrounds/transparent10x10.png') repeat; */
    padding: 0px 20px 0px 20px;
    min-height: 70px;
    text-align: center;
}

.scrollingDivMessage
{
    border: 1px solid blue;
    padding: 10px;
    margin: 20px auto 20px auto;
    background-color: White;
    border-radius: 6px 6px 6px 6px;
}
    .scrollingDivMessage .caption
    {
        font-size: 0.8em;
    }

.scrollingDivBody table
{
    text-align: left;
}

.honor_table
{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-family: Segoe UI;
    font-size: 0.8em;
}

    .honor_table td
    {
        border-right: 1px solid gray;
        padding: 0 10px 0 10px;
    }

        .honor_table td + td + td
        {
            border: none;
        }

.dVine, .specialEvent
{
    font-family: Calibri, Tahoma, sans-serif;
    font-size: 0.9em;
}

    .dVine #leftCol, .specialEvent #leftCol
    {
        float: left;
        width: 350px;
        min-width: 350px;
        max-width: 350px;
    }

        .dVine #leftCol p
        {
            max-width: 330px;
            margin-right: 10px;
            text-align: justify;
        }

        .dVine #leftCol .center, .specialEvent #leftCol .center
        {
            text-align: center;
        }

        .dVine #leftCol img, .specialEvent #leftCol img
        {
            width: 285px;
            margin: 10px auto 10px auto;
        }

    .dVine #rightCol, .specialEvent #rightCol
    {
        float: right;
        width: 470px;
        max-width: 470px;
        min-width: 470px;
        border-left: 1px solid white;
        background-color: Black;
        color: White;
        padding-top: 10px;
    }
        .specialEvent #rightCol .gallery_external_link
        {
            color: white;
            text-decoration: underline;
        }
            .specialEvent #rightCol .gallery_external_link:hover
            {
                color: #8FBFEF;
                cursor: pointer;
            }
    .specialEvent .image-wrapper a img
    {
        margin-left: auto;
        margin-right: auto;
    }