/* Usage: .sidebar { @include bp-large { } } */
BODY {
  font-family: arial, sans-serif;
  color: #000;
  background-color: #fff;
  font-size: small;
  padding: 0px;
  border: 0px black solid;
  margin: 0px; }

.print_only {
  display: none; }

H1 {
  font-size: xx-large;
  color: #333;
  margin: 0px 0px 0px 0px;
  clear: both; }

H1.page_title {
  clear: left; }

H2 {
  color: #000;
  margin: 0.5em 0 0.5em 0;
  font-weight: bold;
  font-size: x-large;
  clear: both; }

H3 {
  padding-top: 10px;
  margin: 0px 0px 0px 0px;
  clear: both; }

HR {
  border: 0px;
  height: 1px;
  clear: both; }

IMG {
  border: 0px; }

A {
  cursor: pointer;
  color: #009;
  text-decoration: none; }

A:hover {
  text-decoration: underline; }

TD {
  vertical-align: top; }

UL {
  /*margin-left: 1em;*/
  list-style-type: square;
  padding-left: 2em; }

LI {
  padding: 0.4em 0 0.4em 0; }

textarea {
  font-family: Arial, sans-serif;
  font-size: 1em; }

.menu_icon {
  padding-right: 0.3em;
  /* main layout */ }

.footer_title {
  display: none; }

#navigation_bar {
  clear: both;
  font-size: medium;
  vertical-align: middle; }

#navigation_bar A {
  color: #000;
  font-size: small;
  text-decoration: none;
  /* content/body */ }

.hidden {
  display: none; }

#content {
  margin: 0px;
  padding: 0px; }

.left {
  float: left; }

.right {
  float: right; }

.media_right {
  float: right; }

.media_left {
  float: left; }

.centre, .center {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.left p, .right p {
  margin-top: 0px;
  font-size: small; }

.left .media_caption p, .left .media_caption, .right .media_caption, .right .media_caption p {
  font-size: x-small; }

.center .media_caption {
  margin-left: auto;
  margin-right: auto; }

.box {
  border: 1px #999 solid;
  padding: 8px;
  font-size: small; }

.clear {
  clear: both; }

.clearnone {
  clear: none; }

.clearleft {
  clear: left; }

.clearright {
  clear: right; }

.form_error {
  color: #b20034;
  font-weight: bold; }

.red {
  color: #f00; }

.red A {
  color: #000; }

.larger {
  font-size: larger; }

.smaller {
  font-size: smaller;
  /* -------- media ------------- */ }

.media_enlarge {
  font-weight: bold;
  font-size: xx-small;
  padding-bottom: 2px; }

.media_caption {
  font-size: x-small;
  padding-bottom: 20px; }

.normal_text .media_caption {
  font-size: small; }

.media_download {
  /* file download icon */ }

.file_download {
  font-size: x-small;
  text-align: center;
  width: 150px;
  padding-bottom: 10px;
  /* ------ menu item text ---- */ }

#menus UL {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#menus UL LI {
  padding: 0; }

.menu_item_selected A {
  color: #000; }

.smallText, .small_text {
  font-size: x-small; }

.page_divider {
  display: block;
  height: 4em;
  /* ---------------------------------------- login box --*/ }

.login_title {
  text-align: center; }

.login_page .login_box {
  margin: 3em auto 3em auto;
  width: 400px; }

.change_password_page .login_box {
  width: 500px;
  margin: 3em auto 3em auto; }

.login_box_main {
  background-color: #e1e1e1;
  color: #111; }

.login_box_title H2 {
  padding: 5px;
  font-size: small;
  font-weight: bold;
  background-color: #0089ce;
  margin: 0;
  color: #fff; }

.login_page .login_box .login_email_address, .login_page .login_box .login_password {
  float: left;
  width: 120px;
  font-weight: bold;
  text-align: right;
  padding-right: 0.5em; }

.change_password_page .login_box .login_email_address, .change_password_page .login_box .login_password {
  float: left;
  width: 180px;
  font-weight: bold;
  text-align: right;
  padding: 0 0.5em 1em 0; }

.login_box_body {
  border-top: 2px #fff solid;
  padding: 0; }

.login_box_field {
  clear: both;
  padding: 0.5em 0 0.5em 0; }

.login_button {
  text-align: center;
  padding: 1em 0 1em 0; }

.login_page .login_box_main {
  padding: 10px; }

.registration_message {
  padding: 2em;
  border: 1px #ddd solid;
  background-color: #efefef;
  text-align: center;
  margin-bottom: 1em; }

#email_address, #password {
  width: 180px; }

#left_column #email_address, #left_column #password, #right_column #email_address, #right_column #password {
  width: 100px; }

.table_divider {
  height: 1em;
  border-top: 0.2em #eee solid; }

.required_field {
  color: #f00;
  font-weight: bold; }

.field_error {
  padding-left: 0.5em;
  /*color: #ff0000;*/
  font-weight: bold; }

.login_error {
  color: #f00; }

.login_page .login_box_options {
  padding: 5px 0 0 0;
  font-size: small; }

.login_box_options A {
  color: #111;
  text-decoration: underline;
  /* enlarged image */ }

.media_enlarged_background {
  z-index: 1000;
  color: #fff;
  background-color: rgba(50, 50, 50, 0.3);
  width: 100%;
  padding: 2em 0 2em 0;
  position: absolute;
  left: 0;
  top: 0; }

.media_enlarged_inner_div {
  background-color: rgba(30, 30, 30, 0.95);
  margin: 0 auto 0 auto;
  padding: 1em; }

.media_enlarged_close_gadget {
  float: right;
  padding: 0.3em 0 0.3em 0; }

.media_enlarged_close_gadget A {
  color: #fff;
  text-decoration: underline; }

.media_enlarged_inner_div .media_caption {
  font-size: small;
  padding: 0.3em 0 0.3em 0; }

.registration_form_field {
  clear: both;
  padding: 0.2em 0 0.2em 0; }

.registration_form_label {
  float: left;
  width: 40%;
  padding-left: 0.5em;
  /* ------------------ page structure ------------------- */ }

BODY {
  font-family: arial, verdana, san-serif; }

.hidden {
  display: inline; }

#top_link_right {
  float: none; }

#content .centre, #content .center {
  text-align: left; }

#content .left {
  float: none; }

#content .right {
  float: none; }

#media_right {
  /* ----- foooter --------- */ }

.navigation_bar A:hover {
  /* ----- menus ------- */ }

.menu_item_same_level {
  /* ---- site icons ------ */ }

.site_icon_nmgc {
  display: none; }

.site_icon_mwl {
  display: none; }

.site_icon_wsm {
  display: none; }

.site_icon_rlm {
  display: none; }

.site_icon_nwms {
  display: none; }

.site_icon_nwmd {
  display: none; }

.site_icon_bigpit {
  display: none;
  /* -------------------- HTML tags ------------------- */ }

A {
  color: #b20034; }

H1 {
  font-weight: normal;
  color: #666;
  clear: none; }

H2 {
  clear: none; }

H3 {
  clear: left;
  /* ------------------------------------------- What's On Front-page ---- */ }

.whatson_box_front {
  padding: 0px;
  margin: 0px;
  margin-bottom: 15px;
  font-size: small;
  clear: both; }

.whatson_box_front H1, .whatson_box_front H1 A {
  margin: 0px;
  padding: 0px;
  font-size: large;
  color: #fff;
  font-weight: bold;
  background-color: #b20034;
  text-decoration: none; }

.whatson_front_light {
  color: black;
  font-weight: normal;
  padding: 5px;
  background-color: #fff;
  margin: 3px 0px 3px 0px; }

.whatson_front_dark {
  color: black;
  font-weight: normal;
  padding: 5px;
  background-color: #f0f0f0; }

.whatson_box_front A {
  font-size: medium;
  color: #000;
  font-weight: normal; }

.whatson_box_front UL {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  /* --------------------------------- search box ----- */ }

.search_box {
  margin: 0px;
  padding-top: 10px;
  padding-left: 10px;
  width: 100%;
  float: none; }

.search_text {
  font-size: small;
  font-weight: bold;
  color: #666; }

.search_button {
  /* ------------------------------------------- News ---- */ }

.news_box .news_box_date {
  font-style: italic; }

.news_box A {
  /* ------------------------------------------- News (About Us page) ---- */ }

.news_box_front {
  border: 0px #c5c8bc solid;
  padding: 0px;
  margin: 0px;
  margin-bottom: 15px;
  font-size: small;
  clear: both; }

.news_box_front H1, .news_box_front H1 A {
  margin: 0px;
  padding: 2px;
  font-size: medium;
  color: #fff;
  font-weight: bold;
  background-color: #999;
  text-decoration: none; }

.news_box_front .news_box_item_light {
  color: black;
  font-weight: normal;
  padding: 5px 5px 5px 10px;
  background-color: #fff;
  min-height: 25px;
  margin-bottom: 2px; }

.news_box_front .news_box_item_dark {
  color: black;
  font-weight: normal;
  background-color: #f0f0f0;
  padding: 5px 5px 5px 10px;
  min-height: 25px;
  margin-bottom: 2px; }

.news_box_front .news_box_date {
  font-weight: bold; }

.news_box_front A {
  color: #000; }

.news_box_front .news_box_more_link {
  font-weight: bold;
  padding-left: 10px;
  /* ---------- info box --------- */ }

.advert {
  padding-bottom: 1em;
  /* ---------- Submenu ---------- */ }

.submenu H3 {
  /* ---------- submenu column (for index pages) ------- */ }

.submenu_column H1 {
  background-color: #b20034;
  font-size: small;
  font-weight: bold;
  color: #fff;
  padding: 2px 2px 2px 5px;
  margin-bottom: 5px; }

.submenu_column H2, .submenu_column H3 {
  padding: 2px 0px 2px 5px;
  margin: 0px;
  font-size: small; }

.submenu_column H1 A {
  color: #fff; }

.submenu_column H2 A {
  color: #000;
  /* ------------- what's on ------------ */ }

.category_box_header H2 {
  color: #fff;
  font-size: medium;
  font-weight: bold;
  padding: 3px;
  margin: 0px; }

.category_box_body {
  padding: 3px;
  /* ---------- events box ----------------- */ }

.events_box {
  font-weight: normal;
  width: auto;
  border: 1px #000 solid;
  font-size: small;
  margin-bottom: 20px;
  padding: 0px; }

.events_box H1 {
  margin: 0px;
  font-size: larger;
  font-weight: bold;
  padding: 4px;
  color: #fff; }

.events_box H1 A {
  margin: 0px;
  font-size: larger;
  font-weight: bold;
  padding: 4px;
  color: #fff;
  text-decoration: underline; }

.events_box H2, .events_box H2 A {
  font-size: small;
  font-weight: normal;
  margin: 0px;
  color: #fff;
  padding: 4px; }

.events_box_date {
  font-weight: bold; }

.events_box_body {
  padding: 5px;
  padding: 4px; }

.events_box_details {
  font-weight: bold;
  font-size: smaller;
  padding: 4px;
  color: #fff;
  /* --------------------- footer ---------------------- */ }

#admin_bar {
  font-family: Arial;
  background-color: #000;
  font-size: 0.9em;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  color: #fff; }

.admin_bar_hidden {
  display: none !important; }

a#admin_bar_login {
  color: #fff;
  padding: 0.25em 1em 0.25em 1em;
  margin: 0.25em 0.5em 0.25em 0em;
  font-weight: bold;
  background-color: #1c88d5;
  border-color: #1c88d5; }

a#admin_bar_login:hover {
  background-color: #b20034;
  border-color: #b20034; }

#admin_bar_main {
  -ms-flex: 1;
  -moz-flex: 1;
  -webkit-flex: 1;
  flex: 1; }

#admin_bar a.admin_bar_title {
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 0.25em 1em 0.25em 1em;
  margin: 0 0.5em 0 0.5em;
  border-radius: 2px; }

#admin_bar a.admin_bar_title:hover {
  background-color: #b20034; }

#admin_bar_close_button {
  color: #fff;
  padding: 0.25em;
  /*border-radius: 2px;*/
  font-size: 1.2rem; }

#admin_bar_close_button:hover {
  background-color: #b20034; }

#admin_bar_show_button {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 100%;
  width: 1.5em;
  margin: 0 0 0 -1.5em;
  padding: 0.1em 0 0 0;
  border-bottom-left-radius: 0.5em;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  cursor: pointer; }

.admin_bar_option {
  display: inline-block;
  margin: 0 2em 0 1em;
  padding: 0.25em 0 0.25em 0; }

.admin_bar_option label::after {
  content: ":"; }

.admin_bar_button {
  display: inline-block;
  border: 1px #bbb solid;
  border-radius: 2px;
  padding: 0.1em 0.25em 0.1em 0.25em;
  color: #fff;
  cursor: pointer; }

.admin_bar_button.selected {
  background-color: #1c88d5;
  color: #fff;
  border-color: #1c88d5;
  font-weight: bold; }

.admin_bar_button:hover {
  background-color: #b20034;
  border-color: #b20034;
  color: #fff;
  /* labelled buttons */ }

#admin_bar .admin_labelled_edit_button {
  text-tranform: none;
  display: inline-block;
  border: 1px #fff solid;
  border-radius: 2px;
  padding: 0em 0.25em 0em 0.2em;
  color: #111;
  /*font-weight: bold;*/
  background-color: #fff;
  margin: 0 0.5em 0 0em; }

#admin_bar .admin_labelled_edit_button .admin_edit_button_text {
  position: relative;
  top: -0.1em;
  padding-left: 0.2em; }

#admin_bar .admin_labelled_edit_button:hover {
  background-color: #fba;
  border-color: #fba; }

#admin_bar .admin_labelled_edit_button img {
  /*display: none;*/
  display: inline-block; }

@media screen and (min-width: 800px) {
  /* --- Amgueddfa CMS 2014 Default Sass --- */ }

BODY {
  padding: 0;
  margin: 0; }

A {
  text-decoration: none; }

img {
  border: 0; }

A:hover {
  text-decoration: underline; }

.hidden {
  display: none; }

.clear {
  clear: both; }

.centre, .center {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block;
  /* -------- Mixins ----------- */ }

@media screen {
  .speech {
    display: none; } }

@media print {
  .speech {
    display: none; } }

BODY {
  background-color: #ddd; }

.left {
  float: left !important;
  padding-right: 0.5em; }

.right {
  float: right !important;
  padding-left: 0.5em; }

#paper_background {
  padding-top: 10px;
  padding-bottom: 10px; }

#main_div {
  margin: 0 auto 0 auto;
  width: 970px; }

#paper_div {
  width: 970px;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  background-color: #fff;
  /*-moz-border-radius-topright: 1em;
-webkit-border-top-right-radius: 1em;*/
  border-top: 3px #eb1f2e solid;
  -moz-box-shadow: 0em 0.3em 0.7em #888;
  -webkit-box-shadow: 0 0.3em 0.7em #888;
  box-shadow: 0 0.3em 0.7em #888; }

#content_right_holder {
  width: 820px;
  padding: 0;
  margin: 0;
  float: right; }

#content {
  min-height: 200px;
  color: #333; }

#content.content_right {
  margin: 0 8px 1em 8px;
  float: right;
  width: 800px;
  display: inline; }

#content.content_wide {
  width: 940px;
  padding-left: 10px; }

#content.content_left {
  float: left;
  width: 800px; }

#content.content_narrow {
  margin: 0 0 1em 10px;
  width: 650px;
  float: left;
  display: inline; }

#content P {
  line-height: 140%; }

.top_links_nobanner {
  padding: 0.8em 0 0.8em 10px;
  margin: 0 0 0.5em 0;
  color: #fff;
  font-weight: bold;
  background-color: #333; }

.top_links_nobanner A {
  font-weight: normal;
  color: #fff; }

.top_links_banner {
  margin: 0;
  padding: 0;
  height: 190px;
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-bottom: 1em;
  color: #fff;
  font-weight: bold; }

.top_links_banner A {
  margin: 0;
  color: #fff;
  font-weight: normal; }

.top_links_banner_bg {
  margin: 0;
  padding: 0.8em 0 0.8em 10px;
  background-color: #333; }

#top_links_left {
  width: 650px;
  padding: 0;
  margin: 0; }

#language_top A {
  margin-left: 3px;
  margin-right: 3px;
  color: #111; }

#top_links A:hover, #language_top A:hover {
  text-decoration: underline; }

#top_links UL {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none; }

#top_links LI {
  margin: 0 3px 0 0;
  padding: 0 3px 0 0;
  display: block;
  float: left;
  border-right: 2px #c70038 solid; }

#top_links LI.top_links_whatson {
  padding-right: 0;
  border-right: 0; }

#logo {
  float: left;
  width: 150px;
  padding: 0;
  margin: 0; }

#top_links_left {
  width: 650px;
  padding: 0;
  margin: 0; }

#right_column {
  width: 140px;
  float: right;
  margin: 0 10px 0 0;
  display: inline; }

#left_column {
  width: 150px;
  float: left;
  /* trbl */
  margin: 0 0 1em 0;
  padding: 0 0 0 0;
  overflow: hidden;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px; }

.charity_registration {
  font-size: x-small;
  text-align: left;
  padding: 0 10px 0 10px; }

.logo_colour_amgueddfa {
  color: #eb1f2e; }

.logo_colour_amgueddfa_white {
  color: #eb1f2e; }

.logo_colour_cardiff {
  color: #c70038; }

.logo_colour_stfagans {
  color: #00aa3f; }

.logo_colour_roman {
  color: #2d1783; }

.logo_colour_wool {
  color: #96228a; }

.logo_colour_waterfront {
  color: #c01833; }

.logo_colour_slate {
  color: #1c88d5; }

.logo_colour_bigpit {
  color: #f37a15; }

.amgueddfa_logo_left {
  text-align: center;
  padding-top: 10px; }

.assembly_logo_left {
  text-align: center; }

.logo_top_amgueddfa {
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/logos/amgueddfa_top.gif); }

.logo_top_cardiff {
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/logos/cardiff_top.gif); }

.logo_top_stfagans {
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/logos/stfagans_top.gif); }

.logo_top_bigpit {
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/logos/bigpit_top.gif); }

.logo_top_roman {
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/logos/roman_top.gif); }

.logo_top_slate {
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/logos/slate_top.gif); }

.logo_top_wool {
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/logos/wool_top.gif);
  /* ---------- pop up links ------------ */ }

A.popup_link_text, A.popup_link_text {
  text-decoration: underline;
  border-bottom: 1px #145277 double;
  color: #145277; }

.popup_link {
  position: absolute;
  z-index: 5;
  width: 250px; }

.popup_link_box {
  border-top: 1px #3aa solid;
  border-left: 1px #3aa solid;
  border-right: 1px #999 solid;
  border-bottom: 1px #999 solid;
  background-color: #fff;
  /*opacity: 0.9;*/
  padding: 0em; }

.popup_link_box_arrow {
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/features/link/img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 10px bottom;
  height: 8px; }

.popup_link_box_shadow {
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/features/link/img/shadow_bottom_250.png);
  background-repeat: no-repeat;
  background-position: top left;
  height: 10px;
  width: 300px; }

.popup_link_box H3 {
  padding: 0;
  /* ---------- features (front) ------------ */ }

.features_museum UL, .features UL, .rhagor_website_features UL, .features_small UL {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.feature_front {
  display: inline;
  float: left;
  width: 250px;
  margin: 0 10px 1em 0;
  padding: 0;
  color: #111; }

.feature_front_right {
  margin-right: 0; }

.features_small_title {
  display: none; }

.features_small UL LI {
  padding: 0;
  margin: 0 0 1.5em 0; }

.features_museum LI {
  padding: 0;
  margin: 0 0 1em 0; }

.feature_type {
  font-size: x-small;
  color: #666;
  text-transform: uppercase; }

UL .features_brief {
  margin: 1em 0 1em 0;
  list-style-type: none; }

UL .features_brief LI {
  margin: 0 0 0.8em 0; }

.features_front .feature_tab {
  float: left;
  padding: 0.2em 0.5em 0.2em 0.5em;
  font-size: x-small;
  font-weight: bold; }

.features_front .feature_tab A {
  color: #fff; }

.features_front .empty_feature_tab {
  padding: 0.2em 0 0.2em 0;
  font-size: x-small; }

.feature_front .media_img {
  clear: both;
  padding: 0;
  margin: 0;
  border: 0;
  min-height: 190px; }

.feature_front .media_caption {
  background-color: #cbcbcb;
  font-weight: normal;
  font-size: small;
  margin: 0;
  padding: 0;
  color: #111;
  width: 250px; }

.feature_front H3 {
  margin: 0;
  padding: 0.5em 0 0.5em 0;
  font-weight: bold; }

.feature_front H3 A {
  font-size: large;
  color: #111; }

.feature_museum H3 A, .features_museum .media_caption H3 A {
  color: #111; }

.features_museum .media_caption H3 {
  margin: 0;
  padding: 0;
  font-size: medium;
  font-weight: bold;
  color: #111; }

.features_museum .media_caption H3 A {
  color: #111; }

.features_front .footer {
  clear: both;
  padding: 0;
  margin: 0;
  text-align: right; }

.feature_front_more_info {
  font-size: x-small;
  font-weight: normal;
  padding: 1em 0.5em 1em 1em;
  margin: 0;
  background-position: top left;
  height: 3em; }

.features_front .more_info_text {
  padding: 0;
  margin: 0; }

.feature_front_more_info A {
  color: #111; }

.features_front .media_caption_text {
  height: 14em;
  padding: 0.5em;
  margin: 0; }

.features_front .media_caption H1 A {
  color: #ea1229; }

H1.museum_highlights_title {
  background-color: #000;
  /* -------- features - small ----------- */ }

.features_small .media_img {
  text-align: center; }

.features_small H3, .features_small H3 A {
  font-weight: normal;
  text-align: center;
  color: #111;
  padding: 0;
  margin: 0; }

.features_small .media_caption {
  padding: 0; }

.features_small .more_info {
  display: none;
  /* --------- features - medium size ------- */ }

.features_museum .media_img {
  float: left;
  width: 130px;
  padding: 0;
  margin: 0; }

.features_museum .media_caption {
  width: 240px;
  float: right; }

.features_museum .media_caption_body, .features_museum .media_caption_body P {
  margin: 0.5em 0 0.5em 0;
  font-size: small;
  /* --------- features - rhagor web features ------- */ }

.rhagor_website_features UL {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.rhagor_website_features H3 {
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 0.5em 0 0.5em 0; }

.rhagor_website_features H3 A {
  color: #fff; }

.rhagor_website_features .media_img {
  width: 150px;
  padding: 0;
  margin: 0; }

.rhagor_website_features .media_caption {
  background-color: #333;
  padding: 0; }

.rhagor_website_features .media_caption_body {
  background-color: #555;
  color: #fff;
  padding: 0.5em;
  margin: 0;
  font-size: small; }

.rhagor_website_features .media_caption_body P {
  margin: 0;
  padding: 0; }

.rhagor_website_features .more_info {
  display: none;
  /* --------------- books ------------- */ }

.list_book {
  clear: none;
  float: left;
  width: 46%;
  padding-right: 3%;
  min-height: 50px;
  padding-top: 1em; }

.facesofwales_detail {
  border: 1px #eea solid;
  background-color: #ffd;
  padding: 10px;
  margin-bottom: 1em; }

.thingsfallapart_detail {
  border: 1px #81b0ce solid;
  background-color: #9fd1ec;
  padding: 10px;
  margin-bottom: 1em; }

.tombbuilders_detail {
  border: 1px #000 solid;
  background-color: #333;
  color: #fff;
  padding: 10px;
  margin-bottom: 1em; }

.iwa_myth_detail {
  border: 1px #000 solid;
  background-color: #0f1418;
  color: #fff;
  padding: 10px;
  margin: 0; }

#logo_bottom {
  float: right;
  width: 280px;
  padding: 0px;
  text-align: right; }

.hidden {
  display: none; }

.menu_header {
  display: none; }

#right_column .media_caption {
  text-align: left;
  padding: 5px; }

.clear {
  clear: both; }

.half_width_column {
  float: left;
  width: 49%; }

.logos_left {
  margin-top: 2em; }

#language_top {
  float: right;
  width: 100px;
  text-align: right;
  margin: 0;
  padding: 2px 5px 2px 0; }

.breadcrumbs {
  clear: both;
  float: left;
  margin: 0 0 0 0.5em;
  color: #fff;
  /*background-image:url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/corner_top_left.gif);*/
  background-color: #000;
  background-position: top left;
  background-repeat: no-repeat;
  max-width: 800px;
  padding: 2px 10px 2px 10px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px; }

.breadcrumbs_inner {
  padding: 0.2em 0 0.2em 0; }

.breadcrumbs_title {
  font-weight: bold; }

.breadcrumbs A {
  color: #fff; }

.iaith {
  float: right; }

.iaith A {
  color: #333; }

#banner_area {
  width: 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
  padding: 0px;
  margin: 0px;
  height: 200px; }

.media_enlarge {
  text-align: center; }

.navigation_bar {
  width: 100%;
  padding-top: 2px;
  padding-bottom: 3px;
  background-color: #666;
  color: #fff;
  text-align: right; }

.navigation_bar A {
  padding-left: 10px;
  padding-right: 10px;
  color: #fff; }

.navigation_bar A:hover {
  text-decoration: none; }

.google_map_marker {
  width: 300px;
  padding-bottom: 1em; }

.error {
  color: #f00;
  font-weight: bold; }

.note {
  color: #009;
  font-weight: bold; }

.large_text {
  font-size: large; }

.medium_text {
  font-size: medium; }

.small_text {
  font-size: small;
  /* ----- menus ------- */ }

#menus {
  margin: 1em 0 1em 0; }

#menus UL {
  margin: 0;
  padding: 0 0 0 0;
  list-style-type: none; }

.menu_item {
  padding: 5px; }

.menu_item A {
  color: #000; }

.menu_item_last {
  border-bottom: 1px #c5c8bc solid; }

.menu_item_parent {
  border-right: 1px #c5c8bc solid;
  border-top: 1px #c5c8bc solid;
  background-color: #e9e9e9;
  font-weight: normal; }

.menu_item_unpublished {
  opacity: 0.5; }

.menu_item_same_level {
  border-right: 1px #c5c8bc solid;
  border-top: 1px #c5c8bc solid;
  background-color: #f6f6f6;
  padding-left: 8px; }

.menu_items_sub {
  padding-top: 5px;
  padding-bottom: 10px; }

.menu_item_sub {
  font-size: small;
  padding-left: 19px; }

.menu_item_selected {
  font-weight: bold; }

.menu_item_selected A {
  color: #000;
  /* ----- left column links ------ */ }

.feed_links {
  margin: 0 0 0 8px; }

.rss_links {
  list-style-type: none;
  margin: 0 0 0 8px;
  padding: 3em 0.5em 2em 0.5em; }

.rss_links LI {
  padding: 0;
  margin: 0; }

.rss_links A {
  color: #000; }

.left, .media_left {
  float: left;
  padding-right: 0.5em; }

.right, .media_right {
  float: right;
  padding-right: 0.5em; }

.left .media_img, .media_left .media_img {
  padding-right: 0.5em; }

.right .media_img, .media_right .media_img {
  padding-left: 0.5em; }

.left_column_links {
  margin-left: 8px; }

.podcast_box {
  padding: 0.5em 0.5em 0.5em 25px;
  margin: 1em 0 0 0;
  border: 0px #ddd dashed;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/img/podcast.gif);
  background-repeat: no-repeat;
  background-position: 5px 0.5em; }

.podcast_box A {
  color: #111; }

.join_us_box {
  padding: 0.5em 0.5em 0.5em 25px;
  margin-top: 1em;
  border: 0px #ddd dashed;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/img/envelope.gif);
  background-repeat: no-repeat;
  background-position: 5px 0.5em; }

.join_us_box A {
  color: #111;
  /* -------------------- HTML tags ------------------- */ }

.drop_caps:first-letter {
  font-size: 3em;
  font-weight: bold;
  float: left;
  padding-right: 3px; }

A {
  color: #b20034; }

H1 {
  font-weight: normal;
  color: #333;
  clear: none; }

H2 {
  font-weight: normal;
  color: #333;
  clear: none; }

H3 {
  clear: left;
  padding-bottom: 2px; }

.with_subtitle {
  padding-bottom: 0;
  margin-bottom: 0; }

.subtitle {
  padding-top: 0.2em;
  margin-top: 0;
  /* ---------------------------------------- search ------*/ }

#search_div {
  float: right;
  width: 150px; }

.search_box {
  float: right;
  margin-right: 10px;
  text-align: left;
  padding-top: 20px; }

#search_top {
  padding: 0;
  margin: 0;
  width: 150px;
  float: right; }

#search_top .search_box {
  padding: 0;
  display: inline; }

.search_text {
  font-size: small;
  font-weight: bold;
  color: #fff;
  display: none; }

.search_field {
  display: block;
  float: left;
  color: #999;
  border: 1px #c5c8bc solid;
  font-size: x-small;
  padding: 0;
  margin: 0;
  width: 90px;
  min-height: 15px; }

.search_button {
  float: right;
  display: inline;
  border: 1px #c5c8bc solid;
  min-height: 17px;
  background-color: #f0f1ea;
  color: #000;
  margin: 0 0 0 3px;
  padding: 0 3px 0 3px;
  font-size: x-small;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer; }

.search_button A {
  color: #000;
  /* ------------------------------------------- News ---- */ }

.news_box {
  padding: 0;
  margin: 0 0 15px 0;
  font-size: x-small;
  clear: both;
  background-color: #fff; }

.news_box H2 {
  margin: 0px;
  padding-left: 2px;
  font-size: medium;
  color: #fff;
  font-weight: bold;
  background-color: #a5a89c;
  text-transform: lowercase; }

.news_box H2 A {
  color: #fff;
  text-decoration: none; }

.news_box H2 A:hover {
  text-decoration: underline; }

.news_box H3 {
  font-weight: bold;
  font-size: x-small;
  margin: 0.5em 0 0;
  padding: 0; }

.news_box_item_light {
  color: black;
  font-weight: normal;
  padding: 5px 5px 5px 10px;
  background-color: #fff;
  margin: 0; }

.news_box_item_dark {
  color: black;
  font-weight: normal;
  background-color: #f0f0f0;
  padding: 0;
  margin: 0; }

.news_box_date {
  font-style: italic;
  color: #333;
  font-size: x-small; }

.news_box LI A {
  color: #000; }

.news_box UL {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.news_box LI {
  margin: 0;
  padding: 5px 5px 5px 10px; }

.news_box_other {
  border-bottom: 1px #ea212e dashed;
  border-right: 1px #ea212e dashed; }

.news_box_cardiff {
  border-bottom: 1px #c70038 dashed;
  border-right: 1px #c70038 dashed; }

.news_box_stfagans {
  border-bottom: 1px #00aa3f dashed;
  border-right: 1px #00aa3f dashed; }

.news_box_roman {
  border-bottom: 1px #2d1783 dashed;
  border-right: 1px #2d1783 dashed; }

.news_box_wool {
  border-bottom: 1px #96228a dashed;
  border-right: 1px #96228a dashed; }

.news_box_swansea {
  border-bottom: 1px #c01833 dashed;
  border-right: 1px #c01833 dashed; }

.news_box_slate {
  border-bottom: 1px #1c88d5 dashed;
  border-right: 1px #1c88d5 dashed; }

.news_box_bigpit {
  border-bottom: 1px #f37a15 dashed;
  border-right: 1px #f37a15 dashed; }

.news_box_other H2 {
  background-color: #ea212e; }

.news_box_cardiff H2 {
  background-color: #c70038; }

.news_box_stfagans H2 {
  background-color: #00aa3f; }

.news_box_roman H2 {
  background-color: #2d1783; }

.news_box_wool H2 {
  background-color: #96228a; }

.news_box_swansea H2 {
  background-color: #c01833; }

.news_box_slate H2 {
  background-color: #1c88d5; }

.news_box_bigpit H2 {
  background-color: #f37a15; }

.news_box_item_cardiff {
  border-left: 1px #c70038 solid;
  border-top: 1px #c70038 solid;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/cardiff.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_cardiff_dark {
  border-left: 1px #c70038 solid;
  border-top: 1px #c70038 solid;
  background-color: #eee;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/cardiff.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_stfagans {
  border-left: 1px #00aa3f solid;
  border-top: 1px #00aa3f solid;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/stfagans.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_stfagans_dark {
  border-left: 1px #00aa3f solid;
  border-top: 1px #00aa3f solid;
  background-color: #eee;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/stfagans.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_roman {
  border-left: 1px #2d1783 solid;
  border-top: 1px #2d1783 solid;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/roman.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_roman_dark {
  border-left: 1px #2d1783 solid;
  border-top: 1px #2d1783 solid;
  background-color: #eee;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/roman.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_wool {
  border-left: 1px #96228a solid;
  border-top: 1px #96228a solid;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/wool.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_wool_dark {
  border-left: 1px #96228a solid;
  border-top: 1px #96228a solid;
  background-color: #eee;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/wool.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_swansea {
  border-left: 1px #c01833 solid;
  border-top: 1px #c01833 solid;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/swansea.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_swansea_dark {
  border-left: 1px #c01833 solid;
  border-top: 1px #c01833 solid;
  background-color: #eee;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/swansea.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_slate {
  border-left: 1px #1c88d5 solid;
  border-top: 1px #1c88d5 solid;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/slate.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_slate_dark {
  border-left: 1px #1c88d5 solid;
  border-top: 1px #1c88d5 solid;
  background-color: #eee;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/slate.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_bigpit {
  border-left: 1px #f37a15 solid;
  border-top: 1px #f37a15 solid;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/bigpit.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_bigpit_dark {
  border-left: 1px #f37a15 solid;
  border-top: 1px #f37a15 solid;
  background-color: #eee;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/bigpit.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_other {
  border-left: 1px #eb1f2e solid;
  border-top: 1px #eb1f2e solid;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/other.gif);
  background-repeat: no-repeat;
  background-position: top left; }

.news_box_item_other_dark {
  border-left: 1px #eb1f2e solid;
  border-top: 1px #eb1f2e solid;
  background-color: #eee;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/themes/amgueddfa_cymru/img/site_corners/other.gif);
  background-repeat: no-repeat;
  background-position: top left;
  /* ------------ site colour basics ------------------------------------- */ }

.background_colour_grey {
  background-color: #999;
  color: #fff; }

.background_colour_dark {
  background-color: #111;
  color: #fff; }

.background_colour_other {
  background-color: #ea212e;
  color: #fff; }

.background_colour_cardiff {
  background-color: #c70038;
  color: #fff; }

.background_colour_stfagans {
  background-color: #00aa3f;
  color: #fff; }

.background_colour_roman {
  background-color: #2d1783;
  color: #fff; }

.background_colour_wool {
  background-color: #96228a;
  color: #fff; }

.background_colour_swansea {
  background-color: #c01833;
  color: #fff; }

.background_colour_slate {
  background-color: #1c88d5;
  color: #fff; }

.background_colour_bigpit {
  background-color: #f37a15;
  color: #fff; }

.background_colour_rhagor {
  background-color: #3aa;
  color: #fff; }

.colour_white, .colour_white A, A.colour_white {
  color: #fff; }

.colour_dark, .colour_dark A, A.colour_dark {
  color: #111; }

.colour_other, .colour_other A, A.colour_other {
  color: #ea212e; }

.colour_cardiff, .colour_cardiff A, A.colour_cardiff {
  color: #c70038; }

.colour_stfagans, .colour_stfagans A, A.colour_stfagans {
  color: #00aa3f; }

.colour_roman, .colour_roman A, .A.colour_roman {
  color: #2d1783; }

.colour_wool, .colour_wool A, A.colour_wool {
  color: #96228a; }

.colour_swansea, .colour_swansea A, A.colour_swansea {
  color: #c01833; }

.colour_slate, .colour_slate A, A.colour_slate {
  color: #1c88d5; }

.colour_bigpit, .colour_bigpit A, A.colour_bigpit {
  color: #f37a15; }

.colour_rhagor, .colour_rhagor A, A.colour_rhagor {
  color: #3aa;
  /* ---------- info box --------- */ }

P.info_box_details {
  margin-top: 0;
  padding: 0; }

#left_column .info_box {
  padding: 0.5em 5px 0.5em 10px;
  margin: 1em 0 0.5em 0;
  color: #000; }

#left_column .info_box .info_box_title {
  padding: 0;
  margin: 0.5em 0 0.5em 0;
  color: #000; }

.info_box_std {
  border-top: 1px #666 dashed; }

.info_box_std H1 {
  color: #666; }

.info_box .free_entry {
  float: right;
  width: 56px;
  height: 56px;
  /* -------- adverts right ----- */ }

.adverts_box {
  padding-bottom: 1em; }

.adverts_box H2 {
  padding: 0 0 0.5em 5px;
  font-weight: bold;
  font-size: medium;
  color: #666; }

.advert {
  text-align: center;
  padding-bottom: 0.5em; }

.advert_title {
  font-size: 12px;
  padding: 0.2em 0 0.3em 0; }

.advert_title A {
  color: #333;
  /* ---------- Submenu ---------- */ }

.submenu UL {
  list-style-type: square;
  color: #b20034; }

.submenu LI {
  padding: 0px; }

.submenu H1 {
  padding: 0px; }

.submenu A {
  color: #333; }

.submenu H2 {
  font-size: medium;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: bold; }

.submenu H3 {
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: normal;
  /* ---------- submenu column (for index pages) ------- */ }

.submenu_column {
  width: 32%;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px; }

.submenu_column H1 {
  background-color: #b20034;
  font-size: small;
  font-weight: bold;
  color: #fff;
  padding: 2px 2px 2px 5px; }

.submenu_column UL {
  padding: 5px 0px 5px 15px; }

.submenu_column LI {
  padding: 2px 3px 2px 0px; }

.submenu_column H2, .submenu_column H3 {
  padding: 2px 0px 2px 5px;
  margin: 0px;
  font-size: small; }

.submenu_column H1 A {
  color: #fff; }

.submenu_column H2 A {
  color: #000; }

.submenu_column H3 A {
  color: #000;
  /* ------------- what's on ------------ */ }

.whats_on_front_page_title {
  padding: 0.5em 0 0.5em;
  font-weight: bold;
  font-size: medium; }

.filter_events_right {
  float: right;
  width: 300px; }

.category_box {
  font-size: small; }

.category_box_header H2 {
  color: #333;
  font-size: medium;
  font-weight: bold;
  padding: 3px 3px 3px 10px;
  margin: 0px; }

.category_box_body {
  /* --------------------- footer ---------------------- */ }

#footer {
  clear: both;
  padding: 1em;
  margin: 0;
  border-top: 1px #b20034 solid; }

#footer A {
  color: #000; }

.footer_links {
  float: left; }

UL.footer_links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left; }

UL.footer_links LI {
  margin: 0;
  padding: 0 0.5em 0 0;
  margin: 0 0.5em 0 0;
  float: left; }

UL.footer_iaith {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: right; }

UL.footer_iaith LI {
  margin: 0 0 0 0.5em;
  padding: 0 0 0 0.5em;
  float: left; }

.footer_copyright A {
  color: #fff; }

LI.footer_copyright, LI.footer_contact_us, LI.footer_site_map {
  border-right: 1px #b20034 solid; }

LI.footer_text_mode, LI.footer_high_graphics, LI.footer_switchlang {
  border-left: 1px #b20034 solid;
  /* --------------------- quote box ------------ */ }

.quote_box {
  background-color: #efefef;
  padding: 10px;
  margin: 10px; }

.quote_box .source {
  font-weight: bold;
  /* ------------------- media ---------------- */ }

.media_caption_right .media_img {
  float: left;
  padding-right: 10px; }

.media_caption_right .media_caption {
  font-size: small; }

.media_caption H1 {
  font-size: medium; }

.media_caption H2, .media_caption H3, .media_caption H4 {
  font-size: small; }

.media_lightbox {
  margin: 2em auto 0 auto;
  padding: 0;
  border: 1px #bbb solid;
  background-color: #333;
  color: #fff;
  -moz-box-shadow: 0 0.2em 7px #111;
  -webkit-box-shadow: 0 0.2em 7px #111;
  box-shadow: 0 0.2em 7px #111; }

.media_lightbox .media_img {
  padding: 0; }

.media_lightbox .media_caption {
  font-size: small;
  padding: 2em 0.5em 2em 0.5em; }

.media_lightbox_close {
  text-transform: lowercase;
  display: block;
  position: relative;
  top: 1em;
  cursor: pointer;
  font-weight: bold;
  background-color: #873612;
  color: #fff;
  padding: 0.5em;
  border-top: 2px #fff solid;
  border-left: 2px #fff solid;
  border-bottom: 2px #fff solid;
  text-align: center;
  margin: 0 0 0 auto;
  float: right; }

.media_lightbox_close:hover {
  background-color: #000; }

.media_lightbox_prev_next {
  text-transform: lowercase;
  cursor: pointer;
  color: #fff;
  background-color: #600;
  padding: 0.7em;
  font-weight: bold;
  border-top: 2px #fff solid; }

.media_lightbox_prev_next:hover {
  background-color: #000; }

.media_lightbox_previous {
  float: left;
  border-right: 2px #fff solid; }

.media_lightbox_next {
  float: right;
  border-left: 2px #fff solid;
  /* -------------- st fagans today --------- */ }

.stfagans_today_box_title {
  width: 165px; }

.stfagans_today_box_title H3 {
  margin: 0;
  padding: 0; }

.stfagans_today_box {
  margin-top: 0;
  padding-top: 0;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/stfagans/today_box/_img/body_bg.jpg);
  background-color: #000;
  width: 165px;
  color: #fff; }

.stfagans_today_box_body {
  margin: 0 8px 0 5px;
  border-top: 1px #222 solid;
  border-bottom: 1px #222 solid; }

.stfagans_today_box_details {
  margin: 0;
  padding: 2px 5px 2px 5px; }

.stfagans_today_box_building {
  color: #ffd;
  font-style: italic; }

.staff_container {
  padding: 1em 0 1em 0;
  line-height: 1.5; }

.staff_name {
  font-weight: bold;
  /* ------- Visitor Tables - Dave -------- */ }

.grid {
  margin: auto;
  table-layout: auto;
  border: 1px solid #666;
  border-collapse: collapse; }

.grid th {
  text-align: center;
  padding: 4px;
  background-color: #933;
  color: #fff;
  font-weight: bold; }

.grid td {
  border: 1px solid #666;
  padding: 4px;
  /* mootools gallery */ }

.gallery_thumbnail {
  float: left;
  padding: 0;
  border: 2px transparent solid;
  margin: 5px; }

#gallery_image_area {
  margin: 0 auto 0 auto; }

#gallery_image_holder {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  clear: both; }

#gallery_image_caption {
  padding: 1em 0 1em 0; }

#gallery_image {
  border: 5px #000 solid; }

#gallery_image_prev_next {
  padding-top: 0.2em; }

#gallery_image_prev_next A {
  cursor: pointer;
  color: #338;
  /* --- flickr features -- */ }

.flickr_gallery_box {
  padding: 0.5em;
  border: 1px #ddd solid;
  margin-left: auto; }

.flickr_disclaimer {
  color: #333;
  font-size: smaller;
  /* --- flickr features -- */ }

.flickr_gallery_box {
  padding: 0.5em;
  border: 1px #ddd solid;
  margin-left: auto; }

.flickr_disclaimer {
  color: #333;
  font-size: smaller;
  /* tabbed submenu */ }

.submenu_tab_area {
  padding-left: 5px; }

.submenu_tab {
  margin: 0 1px 0 0;
  float: left;
  padding: 0.8em 0.7em 0.8em 0.7em;
  border-left: 1px #bbb solid;
  border-top: 1px #bbb solid;
  border-right: 1px #bbb solid;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  -border-top-left-radius: 10px;
  -border-top-right-radius: 10px;
  cursor: pointer; }

.submenu_tab_selected {
  margin: 0 1px 0 0;
  float: left;
  padding: 0.8em 0.7em 0.8em 0.7em;
  border-left: 1px #bbb solid;
  border-top: 1px #bbb solid;
  border-right: 1px #bbb solid;
  background-color: #ccc;
  font-weight: bold;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  -border-top-left-radius: 10px;
  -border-top-right-radius: 10px; }

.submenu_tab A {
  color: #444;
  text-decoration: underline; }

.submenu_tab_selected A {
  color: #111; }

.submenu_tabbed_content {
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  clear: both; }

.submenu_tabbed_page {
  margin: 0;
  border-top: 1px #bbb solid;
  border-left: 1px #bbb solid;
  border-bottom: 1px #bbb solid;
  border-right: 1px #bbb solid;
  padding: 1em; }

.warning {
  border: solid #f92630 4px;
  padding: 10px;
  background-color: #fdfcfc;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 1.4em;
  /* ------------------ twitter ------------------- */ }

.feed_loading {
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/feeds/external/img/wait24.gif);
  background-repeat: no-repeat;
  background-position: center center; }

#feed_box {
  padding: 20px;
  clear: both; }

.odd {
  background-color: #f0f9fc;
  border: solid 1px #f0f9fc;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em; }

.even {
  background-color: #f0f9f5;
  border: solid 1px #f0f9f5;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em; }

.feed_link {
  color: #068ab6;
  text-decoration: none; }

a.feed_link:link, a.feed_link:visited {
  color: #068ab6;
  text-decoration: none; }

a.feed_link:hover, a.feed_link:active {
  color: #068ab6;
  text-decoration: none; }

.feed_text {
  margin: 10px; }

.item_rollover {
  background-color: #e2eef2; }

.feed_highlight {
  background-color: #c1e0ea;
  font-size: 1.5em; }

#header_surround {
  border: solid 1px #eee;
  background-color: #eee;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em; }

.feed_item {
  clear: both;
  padding: 5px;
  margin-top: 10px; }

.feed_item_time {
  font-size: 0.9em;
  margin-left: 10px; }

#feed_wrapper {
  opacity: 0; }

#feed_header_twitter {
  width: 100%;
  height: 110px;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/feeds/external/img/twitter.jpg);
  background-position: bottom right;
  background-repeat: no-repeat; }

#feed_logo {
  width: 100px;
  height: 110px;
  float: left;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 10px; }

#feed_header_text {
  width: 80%;
  float: right; }

#feed_name {
  float: right;
  text-align: right;
  width: 100%;
  font-size: 3em;
  padding-bottom: 15px; }

#feed_description {
  float: right;
  font-size: 0.8em; }

.email_form {
  margin-left: 170px; }

.webcam_box {
  text-align: center;
  border: 1px #ddd solid;
  padding: 0.5em;
  margin: 0.5em 0 0.5em 0;
  color: #fff;
  background-color: #000;
  width: 350px; }

.webcam_box H4 {
  color: #fff;
  border-bottom: 1px #333 solid;
  margin: 0 0 0.5em 0; }

.enquiries_form {
  padding: 10px;
  border: 1px #ddf solid;
  background-color: #eef4ff;
  float: right;
  width: 53%; }

.enquiries_addresses {
  float: left;
  width: 42%; }

.enquiries_form H3 {
  padding: 0.5em 0 0.5em 0; }

.enquiries_form_field {
  padding: 0 0 0.3em 0; }

.staff_list, .staff_profiles {
  padding: 0 0 0 0; }

.staff_profile {
  padding-bottom: 1em;
  border-bottom: 1px #ddd dashed;
  margin-bottom: 1em; }

.staff_list H2 {
  padding: 2em 0 0.2em 0; }

.staff_list_table {
  width: 100%; }

.staff_list_table THEAD TD, .pretty_table TH {
  background-color: #eee; }

.staff_list_table TD {
  width: 24%;
  padding: 0.5em;
  border: 1px #ddd solid; }

.staff_list_table .email_cell, .staff_list_table .profile_cell {
  width: 14%; }

.facebook_twitter_logos {
  margin-bottom: 0.5em; }

#facebook_logo {
  float: left;
  margin-left: 2px; }

#twitter_logo {
  float: left;
  margin-left: 2px; }

#tripadvisor_logo {
  border: 1px #eee solid;
  margin: 1em 2px 0.5em 2px;
  font-size: x-small;
  padding: 0.5em 5px 0.5em 5px;
  /*---- rhagor gallery ---- */ }

.gallery_thumbnail .media_enlarge {
  display: none; }

.gallery_arrow_box_left {
  float: left;
  padding: 15px 5px 0 5px;
  margin-right: 10px;
  /*border-right: 1px #444444 dashed;*/
  height: 50px;
  font-size: x-large;
  font-weight: bold;
  width: 35px;
  overflow: hidden; }

.gallery_arrow_box_right {
  float: right;
  padding: 15px 5px 0 5px;
  margin-left: 10px;
  /*border-left: 1px #444444 dashed;*/
  height: 50px;
  font-size: x-large;
  font-weight: bold;
  width: 35px;
  overflow: hidden; }

.gallery_thumbnail {
  float: left;
  padding: 5px 5px 10px 5px;
  border: 1px #111 solid;
  margin: 0 10px 0 0;
  background-color: #fff;
  vertical-align: middle;
  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
  box-shadow: 0 0.2em 7px #111;
  opacity: 0;
  cursor: pointer; }

img.gallery_thumbnail {
  width: 50px;
  height: 50px; }

.gallery_thumbnail_strip {
  clear: both;
  padding: 0 0 0.5em 0;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 1px #333 solid;
  background-color: #333;
  color: #fff;
  margin: 0 auto 2em auto;
  width: 800px;
  -moz-box-shadow: #999 0 0 5px;
  text-align: center; }

.gallery_thumbnail_strip H3 {
  margin: 0 0 0 0;
  padding: 0.2em;
  /*border-bottom: 1px #ffffff dashed;*/
  text-align: center; }

.gallery_strip_items_holder {
  float: left;
  width: 800px;
  min-height: 70px;
  overflow: hidden; }

.gallery_strip_items {
  width: 10000px; }

#gallery_loading {
  padding: 2em 0 2em 0;
  font-weight: bold; }

#gallery_progress_bar {
  padding: 1em 0 1em 0;
  margin: 1em 0 1em 0; }

#progress_box {
  background-color: #000;
  width: 670px;
  height: 1.2em;
  margin-right: 0.5em;
  float: left; }

#progress_perc {
  background-color: #fff;
  height: 1.2em; }

#gallery_click_info {
  clear: both;
  text-align: center;
  padding: 0.5em 0 0.2em 0;
  font-size: smaller;
  font-style: normal;
  /* --------- features from rhagor ----------- */ }

.rhagor_features H2 {
  color: #fff;
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0.5em;
  background-color: #87cdff;
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/vm/homepage/img/box-title-background.png);
  background-position: bottom left;
  background-repeat: repeat-x;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  -border-top-left-radius: 10px;
  -border-top-right-radius: 10px; }

.rhagor_features_body {
  color: #000;
  background-color: #eee;
  padding: 0 1em 1em 1em;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -border-bottom-left-radius: 10px;
  -border-bottom-right-radius: 10px; }

.rhagor_features_body UL {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.rhagor_features .feature_type {
  display: block;
  font-size: x-small;
  /*color: #ffffff;*/
  text-transform: uppercase; }

.rhagor_features A {
  color: #117dca;
  /* site icons */ }

.site_icons {
  background-repeat: no-repeat;
  background-position: 60px top;
  border: 0;
  margin: 0 0 1em 0;
  padding: 5px 0 0 0; }

.site_icons .our_museums H2 {
  display: none;
  font-size: medium;
  font-weight: bold;
  margin: 0; }

.site_icons UL {
  margin: 0;
  padding: 0; }

LI.site_icon {
  margin: 0;
  padding: 1.2em 0.5em 1.2em 0.5em;
  line-height: 1.3em; }

.site_icon H3 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: x-small;
  font-family: arial;
  color: #111; }

.site_icon H3 A {
  color: #111; }

.site_icon_description {
  display: none; }

.site_icon_colour_block {
  height: 9px;
  margin-bottom: 0.5em; }

.site_icon_text_en {
  height: 5em;
  padding: 0 1em 0 0.5em; }

.site_icon_text_cy {
  height: 5em;
  padding: 0 1em 0 0; }

.site_icon_cardiff {
  border-top: 1px #c70038 solid;
  border-left: 5px #c70038 solid; }

.site_icon_stfagans {
  border-top: 1px #00aa3f solid;
  border-left: 5px #00aa3f solid; }

.site_icon_bigpit {
  border-top: 1px #f37a15 solid;
  border-left: 5px #f37a15 solid; }

.site_icon_wool {
  border-top: 1px #96228a solid;
  border-left: 5px #96228a solid; }

.site_icon_roman {
  border-top: 1px #2d1783 solid;
  border-left: 5px #2d1783 solid; }

.site_icon_slate {
  border-top: 1px #1c88d5 solid;
  border-left: 5px #1c88d5 solid; }

.site_icon_swansea {
  border-top: 1px #c01833 solid;
  border-left: 5px #c01833 solid; }

.site_icon_rhagor {
  border-top: 1px #29a6ff solid;
  border-left: 5px #29a6ff solid; }

#site_icons_info {
  position: absolute;
  z-index: 4;
  margin: 0.5em 0 0 0;
  width: 300px; }

#site_icons_info_arrow {
  margin: 0; }

#site_icons_info_box {
  padding: 0.5em 1em 0.5em 1em;
  margin: 0;
  border: 1px #999 solid;
  color: #333;
  background-color: #fff; }

#site_icons_info_box .right {
  float: left;
  padding: 0; }

#site_icons_info_box_shadow {
  background-image: url(/web/20160306222127im_/http://www.museumwales.ac.uk/cms/blocks/web/site_icons/img/shadow_bottom_300.png);
  background-repeat: repeat-x;
  background-position: top left;
  height: 10px;
  width: 300px; }

#site_icons_info.cardiff #site_icons_info_box {
  border-left: 1px #c70038 solid; }

#site_icons_info.stfagans #site_icons_info_box {
  border-left: 1px #00aa3f solid; }

#site_icons_info.bigpit #site_icons_info_box {
  border-left: 1px #f37a15 solid; }

#site_icons_info.roman #site_icons_info_box {
  border-left: 1px #2d1783 solid; }

#site_icons_info.wool #site_icons_info_box {
  border-left: 1px #96228a solid; }

#site_icons_info.slate #site_icons_info_box {
  border-left: 1px #1c88d5 solid; }

#site_icons_info.swansea #site_icons_info_box {
  border-left: 1px #c01833 solid; }

#site_icons_info.rhagor #site_icons_info_box {
  border-left: 1px #29a6ff solid; }

.social_button {
  width: 100px;
  height: 30px;
  overflow: hidden; }

.social_button_facebook_api {
  width: 200px;
  height: 150px;
  /* ---- pretty table ---- */ }

.pretty_table TH {
  padding: 0.5em;
  background-color: #eee;
  font-weight: bold; }

.pretty_table TD {
  width: 24%;
  padding: 0.5em;
  border: 1px #ddd solid; }

#map {
  color: #111;
  /* ----- button link ------ */ }

.link_button {
  margin: 0.5em 0 0.5em 0;
  padding: 0.5em;
  display: inline-block;
  background-color: #555;
  color: #fff; }

.media_view_extra_small, .media_view_extra_small img {
  width: 150px; }

.media_view_small, .media_view_small img {
  width: 200px; }

.media_view_medium, .media_view_large, .media_view_full {
  width: 100%;
  padding: 0; }

.media_view_medium img, .media_view_large img, .media_view_full img {
  width: 100%; }

figure {
  margin: 0; }

.admin_edit_button img {
  display: block;
  width: 12px !important;
  height: 12px !important; }

@media screen and (min-width: 768px) {
  .media_view_extra_small, .media_view_extra_small img {
    width: 150px; }

  .media_view_small, .media_view_small img {
    width: 200px; }

  .media_view_medium, .media_view_medium img {
    width: 300px; }

  .media_view_large, .media_view_large img {
    width: 450px; }

  .layout_museum .media_view_medium, .layout_museum .media_view_medium img {
    width: 250px; }

  .media_left {
    float: left;
    margin: 0px 28px 0px 0px;
    margin: 0rem 2rem 0rem 0rem; }

  .media_right {
    float: right;
    margin: 0px 0px 0px 28px;
    margin: 0rem 0rem 0rem 2rem; } }

@media screen and (min-width: 1025px) {
  /* ----- fluidbox ------ */
    .media_view_extra_small, .media_view_extra_small img {
      width: 150px; }
    .media_view_medium, .media_view_large, .media_view_full {
      padding: 0; }
    .media_view_small, .media_view_small img {
      width: 250px; }
    .layout_museum .media_view_medium, .layout_museum .media_view_medium img, .media_view_medium, .media_view_medium img {
      width: 400px; }
    .media_view_large, .media_view_large img {
      width: 600px; } }

@-webkit-keyframes fluidboxLoading {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0); }

  50% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0); }

  100% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg); } }

@keyframes fluidboxLoading {
  0% {
    transform: translate(-50%, -50%) rotateX(0) rotateY(0); }

  50% {
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0); }

  100% {
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg); } }

.fluidbox {
  outline: none; }

.fluidbox-overlay {
  background-color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  /* Transition time for overlay is halved to ensure that flickering doesn't happen */
  right: 0;
  transition: all 0.125s ease-in-out 0.125s; }

.fluidbox-wrap {
  background-position: center center;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  /* To prevent flickering, we delay the showing of the image */
  transition: all 0.25s ease-in-out; }

.fluidbox-closed .fluidbox-wrap img {
  transition: opacity 0s ease-in-out 0.25s; }

.fluidbox-ghost {
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
  -webkit-transition-property: opacity, -webkit-transform;
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  transition-property: opacity, transform;
  transition-duration: 0s, 0.25s;
  transition-delay: 0.25s, 0s; }

.fluidbox-opened .fluidbox-ghost {
  transition-delay: 0s, 0s; }

.fluidbox-loader {
  perspective: 200px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.fluidbox-loader::before {
  background-color: rgba(255, 255, 255, 0.85);
  content: '';
  transform-style: preserve-3d;
  transition: all 0.25s ease-in-out;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20%;
  padding-bottom: 20%; }

.fluidbox-loading .fluidbox-loader::before {
  -webkit-animation: fluidboxLoading 1s 0s infinite ease-in-out forwards;
  animation: fluidboxLoading 1s 0s infinite ease-in-out forwards;
  opacity: 1;
  /* --- fluidbox changes for amgueddfa cymru --- */ }

.fluidbox-caption-overlay {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1100;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column; }

.fluidbox-caption-spacer {
  -ms-flex: 1;
  -moz-flex: 1;
  -webkit-flex: 1;
  flex: 1; }

.fluidbox-caption {
  width: 100%;
  padding: 14px;
  padding: 1rem;
  font-size: 17px;
  font-size: 1.2rem;
  background-color: #444;
  text-align: center;
  z-index: 1100;
  color: #fff; }

.fluidbox-caption h1, .fluidbox-caption h2, .fluidbox-caption h3 {
  color: #f4f4f4; }

.fluidbox-caption:hover {
  color: #fff;
  /*# sourceMappingURL=fluidbox.css.map */ }

/*
     FILE ARCHIVED ON 22:21:27 Mar 06, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:37:54 Jun 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.396
  captures_list: 0.425
  exclusion.robots: 0.035
  exclusion.robots.policy: 0.026
  esindex: 0.009
  cdx.remote: 8.087
  LoadShardBlock: 136.698 (3)
  PetaboxLoader3.datanode: 147.995 (4)
  PetaboxLoader3.resolve: 50.395 (2)
  load_resource: 88.158
*/