@charset "UTF-8"; body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #333333; margin: 0px; padding: 0px; text-align: center; } #wrapper { max-width: 919px; margin-right: auto; margin-left: auto; background-image: url(../images/mobileheader.jpg); background-repeat: no-repeat; background-position:center top; padding-top:172px; } a { color: #990000; } a:hover { color: #666666; } #header { margin-right: auto; margin-left: auto; background-image: url(../images/mobileheader.jpg); background-repeat: no-repeat; height: 172px; max-width: 919px; display:none; } ul#nav { padding: 0px; width: 100%; margin-top: 2px; margin-right: auto; margin-bottom: 0px; margin-left: auto; overflow: hidden; float: left; } ul#nav li { display: inline; list-style-type: none; overflow: visible; padding-top: 11px; height: 35px; margin: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } ul#nav a { display: inline-block; text-decoration: none; color: #333333; font-size: 1.3em; padding-right: 10px; padding-left: 10px; line-height: 2.7em; margin-top:2px; margin-bottom:2px; background-color: #d1d1d1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } ul#nav a:hover { background-image: url(../images/darkback.gif); } ul#nav #homelink a { border-left-style: none; } #subnavcol { text-align: left; padding: 0px 5% 10px 5%; } #subnavcol p { font-size: 0.9em; color: #666666; } #subnavcol h2, #subsubnav h2 { margin: 0px; font-size: 1.1em; font-weight: bold; text-align: left; background-color:#d1d1d1; padding-top: 7px; padding-right: 8px; padding-bottom: 7px; padding-left: 8px; color: #666666; } #subnavcol h2 { background-image: url(../images/downarrow.png); background-repeat:no-repeat; background-position: right center; } #subnav { display:none; } #subnavcol ul, #calendarBits ul { text-align: left; list-style-type: none; padding: 0px; background-color: #F0F0F0; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #subnavcol li, #calendarBits li { margin: 0px; padding: 0px; } #subnavcol ul a, #calendarBits li a { display: block; color: #333333; text-decoration: none; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 10px 10px; padding-top: 4px; padding-right: 5px; padding-bottom: 7px; padding-left: 25px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; } #subnavcol ul a:hover, #calendarBits ul a:hover { background-color: #D5D5D5; } #subnavcol ul ul a { background-image: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #990000; margin: 0px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 30px; } #subnavcol ul ul { margin: 0px; padding: 0px; } #maincopy { text-align: left; padding: 0px 5%; } div#maincopygallery { float: left; width: 700px; text-align: left; padding-bottom: 20px; } #maincopy h1, #maincopygallery h1 { padding: 0px; margin-top: 0px; color: #990000; font-size: 1.8em; font-weight: normal; margin-right: 0px; margin-bottom: 0.8em; margin-left: 0px; } #maincopy h2, #maincopygallery h2 { color: #990000; font-weight: normal; font-size: 1.4em; } #maincopy p, #maincopygallery p { line-height: 1.6em; margin-top: 0px; margin-bottom: 1em; padding-top: 0px; padding-bottom: 0px; } #maincopy ul { line-height: 1.6em; } #subsubnav { text-align: left; padding: 0px 5%; } #subsubnav p { font-size: 0.9em; padding-top: 0px; padding-bottom: 8px; margin-top: 0px; margin-bottom: 0px; } #latestnews { background-image: url(../images/fadeback.jpg); background-repeat: repeat-x; background-position: 25px 0px; padding-bottom: 50px; } #latestnews a { text-decoration: none; } #latestnews p { font-size: 1em; line-height: 1.3em; } #latestnews h3, #latestnews p { padding-right: 8px; padding-left: 8px; margin: 0px; padding-top: 1em; padding-bottom: 0px; } #latestnews h3 { color: #666666; font-size: 1.1em; } #mainbody { clear: both; padding-top: 25px; font-size: 1.2em; } #strapline { clear: both; background-color: #EEEEEE; padding: 8px; } #footer { text-align: left; padding-top: 8px; padding-bottom: 35px; color: #666666; padding: 10px 5%; } #footer ul { margin: 0px; padding: 0px 0px 5px 0px; list-style-type: none; clear: right; overflow: hidden; } #footer li { margin: 0px; padding: 0px; display: inline; } #footer a { float: left; color: #666666; text-decoration: none; display: block; border-right-width: 1px; border-right-style: solid; border-right-color: #999999; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; } #footer a:hover { color: #000000; } #footer p { margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #footer #lastone a { border-right-style: none; } .credit { font-size: 0.9em; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } h1 span#dates { font-size: 0.7em; color: #666666; } img#map { margin-bottom: 15px; } img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; max-width:100%; height:auto; } #accessibility { position:absolute; font-size:0.0em; margin:0; padding:0; visibility:hidden; } #accessibility a:hover { display: inline; } #galleryTbl td { padding-right: 10px; padding-bottom: 20px; vertical-align: top; } #calendarBits { display: block; padding-top:10px; } #calendarBits1 { display: none; } #calendar a { background-image: url(../images/arrow.gif); display: block; background-repeat: no-repeat; background-position: 10px 10px; text-decoration: none; padding-left: 25px; background-color: #FBF3ED; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; } @media all and (min-width: 579px) { #wrapper { background-image: url(../images/header-mid.jpg); background-position:center top; padding-top:132px; } #maincopy { float: left; width: 70%; padding: 0px 0px 20px 0px; } #maincopy p, #maincopy h1, #maincopy h2, #maincopygallery h2, #maincopy h3, #maincopy table, #maincopygallery table, #maincopygallery p, #maincopygallery h1 { margin-left: 20px; } #subnav { display:block; } #subnavcol { float: left; width: 28%; padding: 0px 0px 40px 0px; } #subnavcol p { padding-right: 30px; padding-left: 10px; } #subnavcol h2 { background-image: url(../images/subheadback.gif); background-repeat: repeat-x; background-position: left top; } #calendarBits { display: none; } #calendarBits1 { display: block; } } @media all and (min-width: 918px) { #wrapper { background-image: none; padding-top:0px; } #header { background-image: url(../images/header.jpg); height:172px; display:block; } ul#nav { background-image: url(../images/navback.gif); background-repeat: repeat-x; background-color:#d1d1d1; margin-top:0px; } ul#nav a { background-image: url(../images/navback.gif); border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; display:block; float:left; border-top:none; border-bottom:none; border-right:none; margin-top:0px; margin-bottom:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #maincopy { float: left; width: 55%; } #subnavcol { float: left; width: 21%; } #subnavcol ul { max-width: 200px; } #subsubnav { float: right; width: 21%; padding: 0px 0px 0px 0px; } #footer { padding: 8px 0px 35px 0px; } #footer ul { clear: none; overflow: inherit; } #footer a { float: right; } }