/* @FONT-FACE ============================================================================= */

@font-face {
font-family: 'Museo300';
src: url('http://api.enjoythebroads.com/css/museo300-regular-webfont.eot');
src: url('http://api.enjoythebroads.com/css/museo300-regular-webfont.woff') format('woff'), url('http://api.enjoythebroads.com/css/museo300-regular-webfont.ttf') format('truetype'), url('http://api.enjoythebroads.com/css/museo300-regular-webfont.svg#webfontAkRg91Zh') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Museo500';
src: url('http://api.enjoythebroads.com/css/museo500-regular-webfont.eot');
src: url('http://api.enjoythebroads.com/css/museo500-regular-webfont.woff') format('woff'), url('http://api.enjoythebroads.com/css/museo500-regular-webfont.ttf') format('truetype'), url('http://api.enjoythebroads.com/css/museo500-regular-webfont.svg#webfontwDTbQ0GH') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MuseoSans500';
src: url('http://api.enjoythebroads.com/css/museosans_500-webfont.eot');
src: url('http://api.enjoythebroads.com/css/museosans_500-webfont.woff') format('woff'), url('http://api.enjoythebroads.com/css/museosans_500-webfont.ttf') format('truetype'), url('http://api.enjoythebroads.com/css/museosans_500-webfont.svg#webfontvGdpCJrb') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MuseoSans500Italic';
src: url('http://api.enjoythebroads.com/css/museosans_500_italic-webfont.eot');
src: url('http://api.enjoythebroads.com/css/museosans_500_italic-webfont.woff') format('woff'), url('http://api.enjoythebroads.com/css/museosans_500_italic-webfont.ttf') format('truetype'), url('http://api.enjoythebroads.com/css/museosans_500_italic-webfont.svg#webfont60cXmec4') format('svg');
font-weight: normal;
font-style: normal;
}

/*
PALETTE:
-------------------------
pinky-purple = #b54272
aubergine = #503945
dark grey = #3c404d
broads yellow = #eec968
broads blue = #1a7ba2
light-blue = #daebf2
grey-blue: #397d9b
pastel green = #a9b482
*/

body {
padding:0;
margin:0;
}

div.thedms {
max-width:890px !important;
overflow:hidden;
background:#fff;
font-family:'MuseoSans500', 'trebuchet ms', trebuchet, sans-serif !important;
}

div#dmsframe a {
font-weight:bold;
font-size:14px;
color:#3c404d;
}

div#dmsframe a:hover {
color:#b54272;
}

div#thedms13 {
background:#fff;
border:0;
}

#thedmsPicturesPanel {
width:100%;
text-align:left;
padding:10px 0;
}

#thedmsPicturesPanel div {
display:inline;
float:left;
clear:none;
padding:10px 10px 10px 0;
}

#thedmsPicturesPanel div img {
height:200px;
width:auto !important;
}


div#thedmsSmallPicturesPanel {
margin:0 20px 20px 0;
}

h1, h2, h3 {
margin:0 0 20px 0;
color:#1a7ba2 !important;
font-family:'Museo500', 'trebuchet ms', trebuchet, sans-serif !important;
font-weight:normal;
}

h2, h3 {
margin:0 0 10px 0;
}

#thedmsFestival ul {
padding:0 0 20px 0;
}

h3 {
margin:0 0 10px 0;
border-bottom:1px solid #ccc;
}

p, span, caption, li, td {
color:#3c404d;
font-size:14px;
}

caption {
display:none;
}

div#dmsframe table {
padding:0 !important;
border-spacing:0;
}

div#dmsframe table td, div#dmsframe table th {
border-right:2px solid #fff;
border-bottom:2px solid #fff;
text-align:left;
}

div#dmsframe table th {
background:#397d9b;
font-size:18px;
}

div#dmsframe table td {
background:#daebf2 !important;
}

div#dmsframe table tr.row2 td {
background:#fff !important;
}

h1 img {
display:none;
}

div#thedmsDetailsPanel {
width:100%;
}

div.thedmskey {
padding:10px 0;
margin:0 0 10px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

div.thedmskey a {
display:block;
margin:0 0 10px 0;
width:100% !important;
text-decoration:none;
}

div#dmsframe div#thedmsContactPanel, div#dmsframe div#thedmsItemsPanel, div#dmsframe div#thedmsAccessibility {
border:0 !important;
width:100%;
padding:0;
background:#fff;
}

div#thedmsContactPanel a, div#thedmsItemsPanel a {
text-decoration:none;
}

div#thedmsContactPanel h2 {
border-top:1px solid #ccc;
padding:10px 0;
}

div#thedmsEmailLink {
margin:0 0 10px 0;
}

div.thedmsAccessibilityHolderRight, div.thedmsAccessibilityHolderLeft {
width:99%;
background:#eceded;
}

#dmsframe #thedmsAccessibility h3 {
color:#fff !important;
background:#397d9b !important;
}

div#thedmsAccessibility li {
margin:0;
padding:5px;
}

div.thedmsAccessibilityHolder {
width:99%;
background:#eceded;
}

div#thedmsdetailsACbuttons {
display:none;
}

div#thedmsContactPanel h2 {
margin:10px 0 0 0;
}

.dms1013 .dmsCol33:first-child {
    float: none;
}
.dms1013 .dmsCol33 {
    float: right;
    width: 100%;
}

.dmsCol {
    width: 100% !important;
}

#dmsframe {
    width: auto !important;
}

h3 {
    margin: 1em 0 0.5em !important;
}


@media all and (max-width: 500px) {
    
    .dmsBlock-FacilityNames li {
        width: 50% !important;
    }
    
    .dmsBlock-FacilityNames li img {
        margin: 0 3px;
    }
    
}