/* ==================================================================== */
/* Boxed Layout
====================================================================== */

    body {
        background: #f1f2f2 url(../images/page-bg-top.png) no-repeat top center; 
        font:100%;
        font-family: arial, helvetica, sans-serif;
        line-height: 1.2em;
        -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        -webkit-text-size-adjust: 100%;
        overflow-x: hidden;
     }

     #header {
        display: block;
     }
     
    #wrapper {
        width: 960px;
        padding: 0px 0px 0px 0px;
        margin: 0px auto 0 auto;
    }
    
    #pageWrap {
        margin: 0px auto 0px auto;
        background: url(../images/page-bottom.png) no-repeat bottom center;
    }
    
    #logo {
        display: block;
        text-indent: -9999px;
        width: 350px;
        height: 45px;
        background: url('../images/culture-logo-desktop.png') no-repeat center center;
    }

    #siteName {
        margin: 0px 0px 0px 6px;
        font-size: 20px;
        font-weight: normal;
        font-style: italic;
        color: #00aebd;
        display:inline;
        line-height:85px;
    }

    #metaNav {
        float: right;
        clear: both;
        margin: 0px 0px 0px 0px;
        padding: 4px 0px 12px 5px;
        width: 100%;
        text-align: right;
        list-style-type: none;
    }   
    
    #metaNav li {
        float: right;
        margin: 0px 0px 0px 0px;
        padding: 0px 5px 0px 5px;
    }
    #metaNav a {
        font-size: 0.7em;
        color: #000000;
        text-decoration: none;
    }
    #metaNav a:hover {
        text-decoration: underline;
    }
    
    #searchForm {
        display: block;
        position: relative;
        float: right;
        padding: 4px 0px 2px 0px;
        overflow: hidden;
        text-align: right;
        min-width: 240px;
    }
    
    #searchForm .searchInput {
        width: 210px;
        font-size: 11px;
        color: #000000;
        padding: 3px;
        height: 14px;
        border: 1px solid #36424b;
        float:left;
    }
    
    #searchForm .searchButton {
        background: #36424b url('../images/sprite.png') no-repeat -1px -1px ;

        width: 22px; 
        height: 22px; 
        cursor: pointer;
        float: left; 
        border: 1px solid #000000;
    }
    
    #breadcrumb {
        margin: 0px;
        padding: 0px 0px 0px 0px;
        width: 902px;
        overflow: hidden;
    }
    
    #breadcrumb p {
        float: left;
        display: inline;
        margin: 0px 0px 0px 10px;
        padding: 5px 0px 2px 0px;
        width: 880px;
        font-size: 0.75em;
        color: #000000;
    }
    
    #breadcrumb a {
        color: #000000; 
        text-decoration: none;
    }
    
    #breadcrumb p a:hover {
        text-decoration: underline;
    }
    
    #mainNav {
        margin: 0px;
        overflow: hidden;
        line-height: 0.9em;
        border-bottom: 2px solid #ffcd29;
        background: #ffffff;
    }

    #mainNav .submenu {
        display: none;
    }

    #mainNav .closeMobileMenu {
        display: none;
    }

    #mainNav ul {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        list-style-type: none;
    }
    #mainNav li {
        float: left;
        display: inline;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #ffffff;
    }
    #mainNav a {
        display: block;
        padding: 8px 10px 8px 10px;
        font-size: 0.9em;
        color: #36424b;
        text-decoration: none;
        background: #ffffff;
    }
    #mainNav .isCurrent,
    #mainNav .isParentCurrent,
    #mainNav .selectedParent {
        background-color: #ffcd29;
    }
    #mainNav .isCurrent > a,
    #mainNav .isParentCurrent > a,
    #mainNav .selectedParent > a {
        color: #36424b;
        background: #ffcd29;
    }
    #mainNav a:hover {
        text-decoration: none;
        background: #ffcd29;
    }
    
	#skip-links {
		position: absolute;
		top: -9999em;
		left: -9999em;
		text-align: left;
	}
	
    .bannerPremier {
        padding: 2px 2px 10px 2px;
        background: #ffffff;
    }
    .bannerPremier ul {
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 27px;
        color: #000000;
    }
    .bannerPremier li {
        margin: 0px 0px 0px 0px;
        font-size: 0.75em;
        list-style-type: square;
    }
    .bannerPremier a {
        color: #0e82ac;
        text-decoration: none;
    }
    .bannerPremier a:hover {
        text-decoration: none;
        padding-bottom: 1px; 
        border-bottom: 1px solid #005072;
    }

    .showOnDesktop {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .showOnMobile {
        max-width: 100%;
        display: none;
        height: auto;
    }

    .contentBox {
        padding: 10px;
        background: #fff;
        margin-bottom: 20px;
    }
    
    #navColumn {
        overflow: hidden;
        margin-top: 20px;
    }

    #navColumn .banner {
        margin: 0px 0px 20px 0px;
        padding: 10px;
        color: #000000;
        background: #ffffff;
    }
    #navColumn .bannerPremier h2 {
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: normal;
        color: #36424b;
        line-height: 1.2;
    }
    #navColumn .banner h3 {
        padding: 0px;
        margin: 0px 0px 10px 0px;
        line-height: 1.2;
        font-size: 14px;
        color: #36424b;
        background: #ffffff;
        font-weight: normal;
    }
    #navColumn .banner ul {
        overflow: hidden;
        zoom: 1;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 20px;
        line-height: 1.2em;
    }
    #navColumn .banner li {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 0.75em;
        list-style-type: square;
    }
    #navColumn .banner h2 {
        font-size: 0.9em;
        font-weight: normal;
    }
    #navColumn .banner a {
        color: #0e82ac;
        text-decoration: none;
    }
    #navColumn .banner a:hover {
        text-decoration: none;
        padding-bottom: 1px; 
        border-bottom: 1px solid #005072;
    }
    #subNav ul {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        list-style-type: none;
    }
    #subNav li {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    #subNav .unselected > a { 
        font-weight: 400 !important;
    }

    #subNav .isParentCurrent > a {
        background-image: url('../images/links-list-arrow-down.png') !important;
        background-repeat: no-repeat;
        background-position: 13px center;
        padding-left: 30px;
    }

    #subNav .isParentCurrent {
        list-style-type: none;
    }

    #subNav li {
        list-style-type: none;
    }

    #subNav li a {
        display: block;
        padding: 1px 5px 2px 15px;
        font-size: 0.75em;
        color: #001b6b;
        text-decoration: none;
        border-bottom: 1px solid #d1d4d3;
        background-color: #ffffff;
        background-position: 3px 7px;
    }
    #subNav li.isParentCurrent li a,
    #subNav li li a {
        padding-left: 30px;
        background-color: #ffffff;
        background-position: 18px 7px;
    }
    #subNav li li.isParentCurrent li a,
    #subNav li li li a {
        padding-left: 45px;
        background-color: #ffffff;
        background-position: 33px 7px;
    }
    #subNav li li li.isParentCurrent li a,
    #subNav li li li li a {
        padding-left: 60px;
        background-color: #ffffff;
        background-position: 48px 7px;
    }
    #subNav li li li li.isParentCurrent li a,
    #subNav li li li li li a {
        padding-left: 75px;
        background-color: #ffffff;
        background-position: 63px 7px;
    }
    #subNav li li li li li.isParentCurrent li a,
    #subNav li li li li li li a {
        padding-left: 90px;
        background-color: #ffffff;
        background-position: 78px 7px;
    }
    #subNav li.isParentCurrent a,
    #subNav li.isParentCurrent li.is a,
    #subNav li.isParentCurrent li.isParent a,
    #subNav li.selectedParent li.is a,
    #subNav li.selectedParent li.isParent a {
        font-weight: normal;
    }
    #subNav li.isParentCurrent li.isCurrent a,
    #subNav li.isParentCurrent li.is a,
    #subNav li.selectedParent li.isCurrent a,
    #subNav li.selectedParent li.is a,
    #subNav li.isParent li.isCurrent a,
    #subNav li.isParent li.is a {
        background-image: none;
    }
    #subNav li.isParentCurrent > a,
    #subNav li.isCurrent >  a {
        background-color: #ffcd29 !important;
    }
    #page #subNav a:hover {
        color: #000000;
        background-color: #ffcd29;
    }
    #content {
        margin-top: 20px;
        overflow: hidden;
    }
    #content .columnLeftFull {
        width: 894px;
        background: #ffffff;
        border: 8px solid #ffffff;
        margin:10px 0px 10px 0px;
    }
    #content .columnLeft,
    #content .columnLeftHalf {
        float: left;
        display: inline;
        width: 330px;
        background: #ffffff;
        border: 8px solid #ffffff;
        margin:10px 0px 10px 0px;
    }
    #content .columnRight,
    #content .columnRightHalf {
        float: left;
        display: inline;
        width: 330px;
        background: #ffffff;
        border: 8px solid #ffffff;
        margin:10px 0px 10px 20px;
    }
    #content .columnLeftThird {
        float: left;
        display: inline;
        width: 442px;
        background: #ffffff;
        border: 8px solid #ffffff;
        margin:10px 0px 10px 0px;
    }
    #content .columnRightThird  {
        float: left;
        display: inline;
        width: 216px;
        background: #ffffff;
        border: 8px solid #ffffff;
        margin:10px 0px 10px 20px;
    }

    #content h2, #content h3, #content h4, #content h5 {
        line-height: 1.2 !important;
    }

    #content h1 {
        padding: 0;
        line-height: 1;
        margin: 0px 0px 10px 0px;
        padding-bottom: 10px;
        font-weight: bold;
        font-size: 20px;
        color: #36424b;
        border-bottom: 1px solid #d1d4d3;
        background: #ffffff;
    }
    #content h2 {
        padding: 0px 10px 6px 0px;
        font-weight: bold;
        font-size: 18px;
        color: #36424b;
    }
    #content h3 {
        padding: 0px 10px 6px 0px;
        font-weight: normal;
        font-size: 18px;
        color: #36424b;
    }
    #content h4 {
        margin: 0px 10px 6px 0px;
        font-size: 14px;
        font-weight: bold;
        color: #36424b;
    }
    #content hr {
        color: #d1d4d3; 
        height: 1px;
        border-width: 0px;
    }
    #page #content h3 a {
        font-size: 16px;
        color: #0e82ae;
        text-decoration: none;
    }
    #page #content h3 a:hover {
        text-decoration: none;
    }
    #content * {
        font-size: 0.75em;
    }
    #content * * {
        font-size: 1em;
    }
    #content a, a:hover, a:visited {
        text-decoration: none;
    }
    #content a {
        color: #0e82ac;
    }
    #content a:hover {
        padding-bottom: 1px; 
        border-bottom: #005072 1px solid;
    }
    #content a:visited {
        color: #a50069;
    }
    #content ul {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 17px;
    }
    #content ol {
        margin: 6px 0px 0px 0px;
        padding: 0px 0px 0px 25px;
    }

    #content ul ul,
    #content ul ol,
    #content ol ul,
    #content ol ol {
        margin: 0px 0px 0px 0px;
    }
    #content ul li {
        margin: 2px 0px 0px 0px;
        list-style-type: square;
    } 
    #content ol li {
        margin: 2px 0px 0px 0px;
    }
    #content ol li ol li {
        list-style-type: lower-alpha;
    }

    #content .intro-padding {
        background: #ffffff;
        padding: 10px 10px 10px 10px;
        margin: 10px -10px 0px 0px;
    }
    #content h2.section {
        padding: 0px 0px 0px;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 18px;
        color: #36424b;
    }
    #content h3.subhead1 {
        padding: 0px 10px 0px 0px;
        font-weight: normal;
        font-size: 18px;
        color: #36424b;
    }
    #content .quicklinks,
    #content .quicklinks2,
    #content .quicklinks3 {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 10px 0px;
        overflow: hidden;
        border: 1px solid #ffcd29;
    }
    #content .quicklinks h3,
    #content .quicklinks2 h3,
    #content .quicklinks3 h3 {
        margin: 0px 0px 0px 0px;
        padding: 4px 10px 5px 10px;
        font-size: 16px;
        color: #34624b;
        border-bottom: 1px solid #d1d4d3;
        background: #f1f2f2;
    }
    #content .columnLeftFull .quicklinks,
    #content .columnLeftFull .quicklinks2,
    #content .columnLeftFull .quicklinks3,
    #content .columnLeftFull .rightFloater,
    #content .columnLeftFull .sidebar,
    #content .columnLeftFull .sidebar2,
    #content .columnLeftFull .sidebar3 {
        float: right;
        display: inline;
        margin: 0px 0px 0px 20px;
        width: 250px;    
    }
    #content .rightFloater p,
    #content .quicklinks p,
    #content .quicklinks2 p,
    #content .quicklinks3 p  {
        margin: 10px 10px 0px 10px;
    }
    #content .sidebar p,
    #content .sidebar2 p,
    #content .sidebar3 p {
        margin: 10px 10px 0px 0px;
    }

    #content .rightFloater li,
    #content .sidebar li,
    #content .sidebar2 li,
    #content .sidebar3 li,
    #content .quicklinks li,
    #content .quicklinks2 li,
    #content .quicklinks3 li {
        list-style-type: square;
        margin-left: 10px;
    }
    #content .sidebar,
    #content .sidebar2,
    #content .sidebar3 {
        margin: 10px 0px 0px 0px;
        padding: 0px 10px 10px 10px;
        border: 2px solid #d1d4d3;
    }
    #content .sidebar h3,
    #content .sidebar2 h3,
    #content .sidebar3 h3 {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 16px;
        color: #36424b;
    }
    #content .rightFloater {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 10px 0px;
        border: 1px solid #36424b;
    }
    #content .rightFloater h2, 
    #content .rightFloater h3 {
        margin: 0px 0px 0px 0px;
        padding: 3px 10px 4px 10px;
        font-size: 16px;
        background: #eaeef5;
    }
    #content .rightFloater a,
    #content .sidebar a,
    #content .sidebar2 a,
    #content .sidebar3 a,
    #content .quicklinks a,
    #content .quicklinks2 a,
    #content .quicklinks3 a {
        text-decoration: none;
    }
    #content .rightFloater a:hover,
    #content .sidebar a:hover,
    #content .sidebar2 a:hover,
    #content .sidebar3 a:hover,
    #content .quicklinks a:hover,
    #content .quicklinks2 a:hover,
    #content .quicklinks3 a:hover {
        text-decoration: none;
    }

    #lastmodifiedLabel {
        display: block;
        margin-top: 20px;
        color: #666;
    }

    #homeFeatureHeader {
        margin: 4px 0px 0px 0px;
        width: 714px;
        height: 178px;
        overflow: hidden;
    }

    /* NEWS HEADLINES TICKER */

        #headlines {
               background: #fff;
               width: 100%;
               position: relative;
               padding: 10px;
               margin: 0 0 0 0;
               height:22px;
        }

        #headlines h1,
        #headlines h2 {
               padding:0;
               font-size: 14px;
               vertical-align: top;
               font-weight:normal;
               display:inline;
			   margin-top:5px;
        }

        #headlines ul,
        #headlines ul li {
               width: 75%;
			   margin:0;
			   list-style-type:none;
        }

        #headlines ul li small {
               font-size: 12px;
               color: #606a73;
               text-transform: uppercase;
               padding-left:10px;

        }

        #newsticker {
               height:20px;
               width: 450px;
               display: inline-block;
               padding: 1px 0 0 1px;
               z-index:9999;
				
        }
        #newsticker li     
		 {
            height:20px;
            font-size: 12px;
			
        }
		
		#headlines p {
           width: auto;
           bottom:0px;
           position: absolute;
           right: 30px;
           text-align: right;
		}

		#headlines p a {
			   color: #03A9D3;
			   text-align: right;
			   font-weight: bold;
			   font-size: 12px;
		}

        
    #page #currentDate {
        margin: -3em 0em 0em 0em;
        height: 3em;
        font-size: 0.85em;
        color: #63424b;
        text-align: right;
    }
    #servicesNav .moreLink {
        clear: both;
        padding: 0px 10px 8px 0px;
        font-weight: bold;
    }
    
    #footer {
        clear: both;
        padding: 45px 0px 0px 0px;
        margin: 50px auto 0 auto;
        width: 960px;
        height: 95px;
        overflow: hidden;
    }
    
    #footer a {
        color: #000000;
        text-decoration: none;
        font-size: 11px;
    }
    #footer a:hover {
        text-decoration: underline;
    }
    #footerLogo {
        float: left;
        display: inline;
        padding: 10px 10px 0px 20px;
        width: 120px;
    }
    .goaLinks{
        margin: 2px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: right;
    }
    .goaLinks li {    
        display: inline;
        padding: 0px 8px 3px 5px;
        list-style-type: none;
        border: 1px solid #000;
        border-width: 0px 1px 0px 0px;
    }

    .goaLinks li.last {
        border-width: 0px 0px 0px 0px;
    }

    .goaLinks a, .goaLinks a:hover {
        color: #36424b;
        font-size: 11px;
    }

    #copyright {
        text-align: left;
        margin: 10px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
        font-size: 11px;
        color: #000000;
        border-top: 1px solid #ff7900;
    }
    #copyright a {
        padding-left: 5px;
    }

/* Hidden Mobile Elements */
    .mobile-nav-menu, .mobile-nav-search {
        display: none;    
    }

    .socialShareButton {
        display: block;
        text-indent: -9999px;
        float: left;
        margin-right: 10px;
        padding: 0px;
        width: 32px;
        height: 32px;
        color: #fff !important;
        font-weight: bold;
    }

    .socialShareButton:hover {
        padding-bottom: 0px !important;
        border-bottom: 0px !important;
        opacity: 0.8;
    }

    .socialShareTwitter {
        background: url('../images/socialmedia/twitter-grey.png') no-repeat center center !important;
    }

    .socialShareFacebook {
        background: url('../images/socialmedia/facebook-grey.png') no-repeat center center;   
    }

    .socialShareGoogleplus {
        background: url('../images/socialmedia/google-grey.png') no-repeat center center;
    }

    .socialBadge {
        display: block;
        float: left;
        padding: 0px 10px 0px 0px;
    }

    .socialLinks a:hover {
        padding-bottom: 0px !important;
        border-bottom: 0px !important;
    }

    .socialLinks a:hover img {
        opacity: 0.8;
    }

/* Alignment Classes */

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 0px 0px 0px 10px;
}

.alignleft {
    float: left;
    margin: 0px 10px 0px 0px;
}

/* Smaller than standard 1029 (devices and browsers)
====================================================================== */
@media only screen and (max-width: 1029px) {

    #wrapper {
        margin: 0 auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
    }
    
    body {
        background: #f1f2f2 url(../images/page-bg-top.png) no-repeat top center; 
        font:100%;
        font-family: arial, helvetica, sans-serif;
        line-height: 1.2em;
        -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        -webkit-text-size-adjust: 100%;
        overflow-x: hidden;
     }
    
    #footer {
        margin: 60px auto 0;
        padding: 100px 0 0 0;
        width: 100% !important;
    }
    

    
}

/* All Tablets and Phones
====================================================================== */
@media only screen and (max-width: 959px) {
    #mainNav a {
        padding: 8px;
        font-size: 14px;
    }
}
    
/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    #footer {
        padding: 10px 0 0 0;
    }
    
    body {
        background: #f1f2f2 url(../images/page-bg-top.png) no-repeat top center; 
        font:100%;
        font-family: arial, helvetica, sans-serif;
        line-height: 1.2em;
        -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        -webkit-text-size-adjust: 100%;
        overflow-x: hidden;
     }
}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {

    img {
        max-width: 100%;
        height: auto;
    }

    #logo {
        background-image: url('../images/culture-logo-mobile.png')
    }
	
	#newsticker li     
	 {
		height:70px;
		font-size: 12px;	
	}
	#headlines {
		   height:100px;
	}
	#headlines ul,
	#headlines ul li {
		   width: 95%;
	}
		
    .mobile-nav-menu, .mobile-nav-search {
        margin-top: 28px;
        font-size: 32px;
        display: block;
        float: left;
        color: #000 !important;
        width: 24px;
        height: 24px;
        text-indent: -9999px;
    }

    .mobile-nav-menu {
        background: url('../images/mobile-menu-icon.png') no-repeat center center;
    }

    .mobile-nav-search {
        background: url('../images/mobile-search-icon.png') no-repeat center center;
        float: right;
    }

    #metaNav {
        display:none;
    } 

    #breadcrumb {
        width: 100%;
    }

    #breadcrumb p {
        width: auto;
    }

    #header {
        min-height: 0 !important;
    }

    #header #logo {
        position: absolute;
        margin-top: 20px;
        width: 220px;
        left: 50%;
        margin-left: -110px;
    }

    #header #siteName {
        font-size: 14px;   
        line-height: 10px;
        text-align: center;     
    }

    #searchForm {
        display: none;
        position: absolute;
        top: 16px;
        right: -18px;
        width: 294px;
    } 

    #searchForm .searchInput {
        width: 220px;
        font-size: 16px;
        color: #000000;
        padding: 12px 8px;
        height: 14px;
        border: 1px solid #36424b;
        float:left;
    }
    
    #searchForm .searchButton {
        background: #36424b url('../images/mobile-search-icon-white.png') no-repeat center center;
        width: 34px; 
        height: 40px; 
        cursor: pointer;
        float: left; 
        border: 1px solid #000000;
    }


    #wrapper {
        margin: 0 auto;
        padding: 15px 0 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    body {
        background: #f1f2f2 url(../images/page-bg-top-765.png) no-repeat top center; 
        font:100%;
        font-family: arial, helvetica, sans-serif;
        line-height: 1.2em;
        -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        -webkit-text-size-adjust: 100%;
        overflow-x: hidden;
    }
    
    #pageWrap {
        margin: 0px auto 0px auto;
        /* background: url(../images/page-bottom.png) no-repeat bottom center; */
        background: none;
        overflow: hidden;
        max-width: 100%;
    }

    #pageWrap.open {
        margin-left: 90%;
    }

    .bodyContent {
        left: 0;
        -webkit-transition: none 0.4s ease;
        -moz-transition: none 0.4s ease;
        -ms-transition: none 0.4s ease;
        -o-transition: none 0.4s ease;
        transition: none 0.4s ease;
        -webkit-transition-property: left, -webkit-transform;
        -moz-transition-property: left, -moz-transform;
        -ms-transition-property: left, -ms-transform;
        -o-transition-property: left, -o-transform;
        transition-property: left, transform;
    }

    .bodyContent.open {
        left: 100%;
    }
    
    #metaNav {
        display:none;
    } 
    
    #searchForm .searchInput {
        margin-left: 10px;
    }

    #searchForm .searchButton {
        position: relative;
        margin-right: 10px;
        float: left;
    }
        
    #breadcrumb 
    {
        margin: 10px 0 10px 0;
    }

    #breadcrumb p {
        margin-left: 0px;
    }
    
    #mainNav {
        -webkit-transition: none 0.4s ease;
        -moz-transition: none 0.4s ease;
        -ms-transition: none 0.4s ease;
        -o-transition: none 0.4s ease;
        transition: none 0.4s ease;
        -webkit-transition-property: right, -webkit-transform;
        -moz-transition-property: right, -moz-transform;
        -ms-transition-property: right, -ms-transform;
        -o-transition-property: right, -o-transform;
        transition-property: right, transform;

        position: absolute;
        top: 70px;
        margin: 0px;
        right: 100%;
        width: 100%;
        overflow: visible;
        line-height: 0.9em;
        background: none;
        background-image: none;
        border-bottom: 0px;
    }

    #mainNav.open {
        right: 0%;
    }

    #mainNav .submenu {
        display: none;
        background: #fff;
        margin: 0;
    }

    #mainNav .submenu.open {
        display: block;
    }

    #mainNav .closeMobileMenu {
        display: block;
    }

    #mainNav .closeMobileMenu a {
        background-image: url('../images/mobile-dropdown-back.png') !important;
        background-position: 10px center !important; 
        background-repeat: no-repeat !important;
        padding-left: 42px;
    }

    #mainNav .submenu a {
        padding-left: 42px;
        font-size: 14px;
        margin: 0;
    }

    #mainNav .submenu li {
        margin: 0;
        border-bottom: 1px solid #ddd;
    }


    #mainNav > ul {
        -webkit-transition: none 0.4s ease;
        -moz-transition: none 0.4s ease;
        -ms-transition: none 0.4s ease;
        -o-transition: none 0.4s ease;
        transition: none 0.4s ease;
        -webkit-transition-property: top, right, bottom, left, border, -webkit-transform;
        -moz-transition-property: top, right, bottom, left, border, -moz-transform;
        -ms-transition-property: top, right, bottom, left, border, -ms-transform;
        -o-transition-property: top, right, bottom, left, border, -o-transform;
        transition-property: top, right, bottom, left, border, transform;

        margin: 0px 0px 0px 0px;
        position: relative;
        padding: 0px 0px 0px 0px;
        list-style-type: none;
        right: 100%;
        width: 100%;
        height: 100%;
        display: block;
        background: #fff;
        overflow: auto;
    }

    #mainNav.open > ul {
        right: 0%;
    }

    #mainNav li {
        float: left;
        width:100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #ffffff;
        display:block;
        border-bottom: 2px solid #ffcd29;
    }

    #mainNav a {
        display: block;
        padding: 12px;
        font-size: 16px;
        color: #36424b;
        text-decoration: none;
        background: #ffffff;
    }
    #mainNav .isCurrent,
    #mainNav .isParentCurrent,
    #mainNav .selectedParent {
        background-color: #ffcd29;
    }
    #mainNav .isCurrent > a,
    #mainNav .isParentCurrent > a,
    #mainNav .selectedParent > a {
        color: #36424b;
    }

    #mainNav .selected > .submenu > li > a {
        display: none !important;
    }



    #mainNav .hasSubmenu.open > a {
        padding-left: 42px;
        background: #ffcd29 url('../images/mobile-dropdown-open.png') no-repeat 10px center;
    }
    #mainNav .hasSubmenu.closed > a {
        padding-left: 42px;
        background: #ffcd29 url('../images/mobile-dropdown-closed.png') no-repeat 10px center;
    }


    #mainNav .selected {
        background-color: #ffcd29 !important;
        border: 0px solid #ffcd29 !important;
        border-width: 0px 0px 2px 0px !important;
    }

    #mainNav .unselected a {
        background: #fff;

    }

    #mainNav a:hover {
        text-decoration: none;
        background: #ffcd29;
    }
    
    #navColumn {
        width:100%;
        position: absolute;
        bottom: 0px;
        margin: 0;
        padding: 0;
    }

    #navColumn #subNav {
        display: none;
    }

    #navColumn br {
        
    }

    .showOnDesktop {
        display: none;

    }

    .showOnMobile {
        display: block;
        max-width: 100%;
        height: auto;
    }
    
    .banner
    {
        display:none;
    }

    .banner.socialLinks {
        display: block;
    }

    .banner.socialLinks h3 {
        border-bottom: 0px solid !important;
    }
    
    #homeFeatureHeader
    {
        width:100%;
        height:100%;
    }
        
    #content
    {
        width:100%;
        margin: 0 0 335px 0;
    }

    #content.homeContent {
        margin-bottom: 395px;
    }

    #content h1 {
        margin: 0 0 1em 0;
    }
    
    #content .columnLeft, #content .columnRight
    {
        display: block;
        width:auto;
        margin: 0;
        float: none;
        clear: both;
    }

    #content h2.section {
        padding: 0;
        font-size: 16px;
    }
        
    #servicesNav {
        width:100%;
        background: #ffffff;
        padding-right:17px;
    }
    
    #serviceNav .columnLeft
    {
        width:100%;
    }
    
    #serviceNav .columnRight
    {
        width:100%;
    }

    .bannerPremier {
        display: block;
    }
    
    #footer {
        background: url(../images/page-bottom-mobile.png) no-repeat top center;
        margin: 0 auto;
        padding: 60px 0 0 0;
        width: 100% !important;
        height: auto;
        position: relative;
    }

    #footer .container {
        padding-bottom: 20px;
    }

    #footerLogo {
        /* position: absolute; */
        float: none;
        bottom: 20px;
        margin: 0 0 34px 0;
        padding: 0 0 0 0;
    }

    .goaLinks 
    {
        display: block;
        text-align: left;
        /*border: 0px solid #bbb;
        border-top-width: 1px;
        padding: 8px 0 0 0;
        margin: 8px 0 0 0; */
    }

    .goaLinks.alpha {
        margin-top: 60px;
    }

    .goaLinks.omega {
        margin-top: 20px;
        margin-bottom: 0px;
        padding-top: 20px;
        border: 2px solid #ff8f00;
        border-width: 2px 0 0 0;
    }

    .goaLinks li {
        display: block;
        padding: 0;
        border-right-width: 0px;
    }

    #footer .goaLinks li a {
        font-size: 14px !important;
        margin-bottom: 10px;
        display: block;
        padding: 12px;
        background: #ffe022;
        text-align: center;
    }

    #footer .goaLinks li a:hover {
        background-color: #ffeb66;
    }

    #footer .goaLinks li a:hover {
        color: #000 !important;
        text-decoration: none;
    }

    #footer .copyrightWrap {
        background-color: #fdb53d;
        border: 2px solid #ff8f00;
        border-width: 2px 0 0 0;
    }

    .copyrightLinks{
        display: block;
    }

    #siteLinks 
    {
        display:none;
    }
    
    #copyright 
    {
        color: #000 !important;
        max-width: 100%;
        font-size: 12px;
        text-align: center;
        margin-top: 0px;
        border-width: 0 0 0 0;
    }

    #footer a {
        font-size: 12px !important;
    }

    #footer a:hover {
        color: #000;
        font-size: 12px !important;
    }

    .feedbackBanner {
        display: block;
    }
	
	
}

/* Retina Display Styling */
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (max-width: 767px) { 
    #logo {
        background: url('../images/culture-logo-retina.png') no-repeat center center;
        background-size: 220px 33px;
    }

    .mobile-nav-menu {
        background-image: url('../images/mobile-menu-icon-retina.png');
        background-size: 24px 24px;
    }

    .mobile-nav-search {
        background-image: url('../images/mobile-search-icon-retina.png');
        background-size: 24px 24px;
    }

    #mainNav .closeMobileMenu a {
        background-image: url('../images/mobile-dropdown-back-retina.png') !important;
        background-size: 24px 24px;
    }

    #mainNav .isCurrent.open > a {
        background-image: url('../images/mobile-dropdown-open-retina.png');
        background-size: 24px 24px;
    }

    #mainNav .isCurrent.closed > a {
        background-image: url('../images/mobile-dropdown-closed-retina.png') !important;
        background-size: 24px 24px;
    }

    #searchForm .searchButton {
        background-image: url('../images/mobile-search-icon-white-retina.png');
        background-size: 24px 24px;
    }

}

/* IE Styling */
    .ie #headlines h1 {
        float:left;
    }

    .ie #headlines p {
        bottom:12px;
    }

/*    .ie .six.columns.alpha {
        width: 330px !important;
    }

    .ie .six.columns.omega {
        width: 330px !important;    
    }
*/
    .ie .banner.socialLinks {
        width: 206px;
    }
