* {
    padding: 0;
    margin: 0;
}
body {
    text-align: center;
    background-color: #F6F1EB;
}    
.wrapper {
    width: 950px;
    margin: 0 auto;
    text-align: right;
}
.wrapper, .wrapper * {
    box-sizing:border-box;
}
#Header {
    background: transparent url(Images/top_with_search.jpg) no-repeat center top;
    height: 49px;
    position: relative;
}
#Logo {
    position: absolute;
    right: 20px;
    top: 5px;
}
#Search {
    position: absolute;
    top: 16px;
    left: 51px;
}
#Search input.NormalTextBox {
    position: relative;
    top: 2px;
    left: 3px;
    vertical-align: top;
    width: 120px;
    font-size: 10px;
    background-color: Transparent;
    border-width: 0;
}
#Background {
    background: transparent url(Images/page_bg.jpg) repeat-y left top;
    padding-top: 3px;
}
.Banner {
    /*  background: transparent url(Images/home-image.jpg) no-repeat left top;*/
    /*  width: 950px;*/
    /*  height: 150px;*/
    margin-bottom: 13px;
}
.LeftPane {
    border-right: dotted 1px #B4B3B1;
    width: 200px;
}
.RightPane {
    border-left: dotted 1px #B4B3B1;
    /*  width: 120px;*/
}
.ContentPane {
    width: 100%;
}
.BottomPane {
    /*  background-color: White;*/
    padding-top: 50px;
}
.InnerSidePane {
    width: 230px;
    border-right: solid 1px #E2E2E2;
    padding-right: 14px;
}
.InnerContentPane {
    padding-left: 14px;
}
.BottomPane {
    width: 100%;
    /*	margin-top: 5px;
    border-top: solid 2px #E9E9E9;*/
    padding-bottom: 15px;
}
.DNNEmptyPane {
    display: none;
}

.footerTable {
    width: 930px;
    border-top: #B3B2B0 1px dotted;
}
.footerTable a:link, .footerTable a:visited, .footerTable a:hover, .footerTable a:active {
    font-family: 'Arial';
    color: #666666;
    font-size: 12px;
    text-decoration: none;
}
.footerTable td {
    text-align:center;
    padding-left:12px;
    padding-right:12px;
    font-family:'Arial';
    color: #666666;
    font-size:12px;
}
.footerTable .borderedCell {
    border-left: black 1px dotted
}
.YouTubeCounter {
    text-align: right;
    display: block;
    white-space: nowrap;
}
td.YouTubePager {
    text-align: center;
    width: 100%;
}
a.YouTubePager {
    font-size: 14px;
    font-weight: bold;
}
.YouTubeDetail td {
    padding: 7px;
}
a:link, a:visited {
    color: #876543;
}
a:hover {
    color: #BA801D;
} 

.ContentTable {
    display:table;
    table-layout:fixed;
}
.ContentTable .pane {
    display:table-cell;
    vertical-align:top;
    overflow:hidden;
    padding:0 25px;
}
.ContentTable .pane.ContentPane {
    width:100%;
}
.ContentTable .pane.LeftPane {
    width:200px;
}
.ContentTable .pane.RightPane {

}

/*Navigation*/
.main-menu {
    line-height:1;
}
.main-menu, .main-menu ul, .main-menu li, .mobile-menu, .mobile-menu ul, mobile-menu li {
    z-index: 999;
    margin:0;
    padding:0;
    list-style:none;
}
.main-menu li {
    position:relative;
    float:right;
    white-space:nowrap;
}
.main-menu li ul {
    position:absolute;
    top:-999em;
}
.main-menu li ul.expanded, .main-menu li:hover ul {
    right:0;
    top:30px; /* match top ul list item height */
}
.main-menu li.last ul, .main-menu li.last ul {
    right:auto;
    left:0;
}
.main-menu a {
    color:#000;
}
.main-menu li li a {
    display:block;
}

/*theme*/
.Navigation {
    line-height:0;
    position:relative;
    font-family:'Arial',sans-serif;
    background-color:#3F250A;
    padding-right:6px;
}
.main-menu {
    font-size:14px;
    color:#fff;
}
.main-menu:after {
    content:'';
    display:block;
    clear:both;
}
.main-menu a, .main-menu a:link, .main-menu a:visited, .main-menu a:active {
    color:#fff;
}
.main-menu ul a, .main-menu ul a:link, .main-menu ul a:visited, .main-menu ul a:active {
    color:#fff;
}
.main-menu a, .main-menu span.disabled {
    padding:.5em 13px 9px 13px;
    display:inline-block;
}
.main-menu a.open-level {
    padding-left:2px;
}
.main-menu .enabled .icon-chevron-down {
    margin-left:12px;
}
.main-menu a:hover, .main-menu a:focus {
    text-decoration:underline;
}
.main-menu li {
    background: transparent url('Images/top-nav-seperator.jpg') no-repeat left;
}
.main-menu ul {
    background-color:#996E4C;
    overflow:hidden;
    padding:2px 10px;
    border:solid 1px #3F250A;
}
.main-menu .last ul {
    margin-right:0;
}
.main-menu .selected > a, .main-menu .selected > span {

}
.main-menu .icon-chevron-down {
    font-size:.8em;
}
.main-menu li li {
    padding:0;
    margin:0;
    background:none;
    border-bottom:solid 1px #3F250A;
    float:none;
}
.main-menu li li a {
    display:block;
    margin:0;
    padding:0 0 2px 0;
    line-height:25px;
}
.main-menu li li a:hover, .main-menu li li a:focus {
    color:#E7B34E;
    text-decoration:none;
}
.main-menu li li.last {
    border-bottom:0;
}
.main-menu li li.last a {
    padding-bottom:0;
}

.mobile-menu, button.mobilemenu-button {
    display:none;
}

span.Normal {
    display:block;
}
.mobile-only {
    display:none;
}

@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?9xxdgy');
    src:  url('fonts/icomoon.eot?9xxdgy#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?9xxdgy') format('truetype'),
        url('fonts/icomoon.woff?9xxdgy') format('woff'),
        url('fonts/icomoon.svg?9xxdgy#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-left:before {
    content: "\e900";
}
.icon-chevron-right:before {
    content: "\e901";
}
.icon-chevron-up:before {
    content: "\e902";
}
.icon-chevron-down:before {
    content: "\e903";
}
.icon-hamburger:before {
    content: "\e904";
}
button.reset-button-css {
    background:transparent;
    border:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    font-size:1em;
}


@media (max-width:970px) {
    .mobile-only {
        display:block;
    }
    img {
        max-width:100%;
        height:auto !important;
    }
    .iframe-wrapper, .table-wrapper {
        overflow:auto;
    }

    .Navigation {
        padding:0;
        background:#3F250A;
        width:auto;
    }
    .Navigation .main-menu {
        display:none;
    }
    .Navigation .mobile-menu {
        display:none;
    }
    button.mobilemenu-button, .mobile-menu.expanded {
        display:block;
    }
    button.mobilemenu-button {
        color:#fff;
        font-size:28px;
        width:100%;
        text-align:right;
        padding:10px 15px;
        outline:0;
        font-family:'Arial', sans-serif;
        line-height:1;
    }
    button.mobilemenu-button .icon-hamburger {
        float:left;
        font-size:1.1em;
    }
    button.mobilemenu-button.active {
        background:#996E4C;
    }
    .mobile-menu {
        font-size:26px;
        line-height:1;
        color:#fff;
    }
    .mobile-menu a, .mobile-menu .open-level {
        color:#fff;
        display:block;
        border-bottom:1px solid #fff;
        padding:10px 15px;
        outline:0;
    }
    .mobile-menu a:hover, .mobile-menu a:focus, .mobile-menu .open-level:focus, .mobile-menu .open-level:hover {
        text-decoration:none;
        background:#E7B34E;
        color:#3F250A;
    }
    .mobile-menu .icon-chevron-left {
        float:left;
    }
    .mobile-menu .active .icon-chevron-left, .mobile-menu li:hover .icon-chevron-left {
        transform:rotate(-90deg);
    }
    .mobile-menu ul a {
        background-color:#996E4C;
        color:#fff;
    }
    .mobile-menu ul {
        height:0;
        overflow:hidden;
    }
    .mobile-menu ul.expanded/*, .mobile-menu li:hover ul*/ {
        height:auto;
    }
    body {
        font-size:17px;
        font-family:arial;
    }
    div#Header {
        background-image:none;
        background-color:#f6f1eb;
        height:auto;
    }
    div.wrapper {
        width:auto;
    }
    div#Logo {
        position:static;
        padding:10px 14px 0 0;
    }
    div#Search {
        position:relative;
        top:0;
        right:0;
        left:0;
        bottom:0;
        padding:10px;
    }
    div#Search > span {
        display:block;
    }
    div#Search > span:before {
        content:'\05d7\05e4\05e9';
        position:absolute;
        right:15px;
        top:13px;
        color:#999;
        z-index:99;
    }
    #Search input.NormalTextBox {
        position:relative;
        top:0;
        right:0;
        left:0;
        bottom:0;
        border:1px solid #ccc;
        background-color:#fff;
        font-size:16px;
        font-family:'Arial', sans-serif;
        padding:4px;
        width:auto;
        width:calc( 100% - 40px );
    }
    #Search input.NormalTextBox:focus {
        z-index:999;
    }
    #Search .SearchButton {
        display:inline-block;
        vertical-align:middle;
    }
    #Search .SearchButton img {
        width:27px;
        height:27px;
    }
    .Banner object, .Banner embed {
        width: 100%;
    }
    .Banner object {
        height:auto;
        padding-top:19.1578947368%;
        position:relative;
        box-sizing:border-box;
        display:block;
    }
    .Banner embed {
        height:100%;
        position:absolute;
        top:0;
        right:0;
    }
    .footerTable {
        width: auto;
    }
    div#Header {
        background-position:left top;
    }
    #Content {
        padding:0 25px;
    }
    .ContentTable, .ContentTable .pane.pane {
        display:block;
        width:auto;
        padding:0;
        border:0;
    }
    .ContentTable .pane.pane {
        margin-bottom:1em;
    }

    .Home .ContentTable {
        width:100%;
        display:table;
    }
    .Home .ContentTable .pane.pane {
        display:table-row;
        width:auto;
        padding:0;
    }
    .Home .ContentTable .pane.ContentPane {
        display:table-caption;
        caption-side:top;
    }
}