/* $Header: /local/cvs_repository/c24.cafmodule/web_static/css/c24-common.css,v 1.13 2014/01/30 16:24:25 sacha Exp $ */

/* C24 orange: #ed5114; */


div#body {
    color: #333;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #003366;
}


a.offsite:link,
a.offsite:visited,
a.offsite:hover {
    color: #35358d;
}


/* body text font size
 * Is there a better way to do this?
 * Could apply a single class to all these elements
 */

ul.tabs li a,
ul.tablinks li,
ul#nav2,
div#date,
div#crumbtrail,
div.cbox div.heading,
div.cbox div.content,
div.rbox div.heading,
div.rbox div.content,
div#footer,
div#articlelist div.article1 div.content p,
div#articlelist div.article2 div.content p,
div#articlelist div.articleN div.content p,
div#author-dates,
div#tags,
div#articletext p,
div#articletext div.legacy p,
div#articletext ul li,
div#articletext ol li,
div.image div.info,
div#pagelinks,
div.taglinks,
div#referencedvenues ul li,
div#articlecomments ul#comments li div.commenttext,
div#sortoptions,
div#query,
div#paged-nav-top,
div#paged-nav-bottom,
div.resultset div.content ul li div.recorddetails span.recordtype,
div.resultset div.content ul li div.recorddetails span.recordvenue,
div.resultset div.content ul li div.recorddetails span.recordcounty,
div.resultset div.content ul li div.recorddetails div.recordsummary,
div.resultset div.content ul li div.recorddetails span.recordvenue,
div.resultset div.content ul li div.recorddetails span.recordtown,
div.resultset div.content ul li div.recorddetails span.recorddate,
div.resultset div.content ul li div.recorddetails div.recordtags,
div.resultset div.content ul li div.recorddetails span.recordstatus,
div.resultset div.content ul li div.recorddetails span.recordcreator,
div.resultset div.content a.moreresults,
div#nomatches,
div#searchrefine div#views,
div#search-help,
div.venuepane div.details div.intro,
div.venuepane div.contacts div.disclaimer,
div.venuebox h2,
div.venuebox h3,
div.venuebox h4,
div.venuebox p,
div.venuebox ul li,
div#mapcontainer a#mapprint,
div.maplp div#content h2,
div.maplp div#content ul li,
div#rhs-map-help,
div.hotspot .hsbody .hstext,
a.level2,
a.levelN,
div#rhs-map-controls h2,
div#rhs-map-controls div.instructions,
div#rhs-map-controls fieldset,
div#rhs-map-resultset,
div.homepage-website div.item div.content h2,
div.homepage-section2 div.item div.content h2,
div#homepage-latest div.item div.content p,
div.homepage-website div.item div.content p,
div.homepage-section1 div.item div.content p,
div.homepage-section2 div.item div.content p,
div#homepage-map-listings div.blurb,
div#homepage-map-listings ul li div.recordsummary,
div#homepage-map-listings a.moreresults,
div#homepage-map div.heading,
div#homepage-map ul#map-links,
div#campaign-monitor h2,
div#campaign-monitor form div.input,
div#campaign-monitor form input.button,
div#campaign-monitor form input.text,
div#web-comment-server-result {
    font-size: 93%;
}

.pageno{
    margin-right: 10px;
}

div.resultset div.content,
div#homepage-map,
div.rbox.venue-expand div.content {
    font-size: 100%;
}

div.mapmarkerinfo ul li {
    font-size: 100%;
}

div.homepage div#content div.article div.item div.content p,
div.recordsummary,
div#homepage-map-listings div.blurb,
div#author-dates,
div#articlelist p,
div#articlelist div.article1 div.content p,
div#articlelist div.article2 div.content p,
div#articlelist div.articleN div.content p,
div#articletext p,
div#articletext div.legacy p,
div#articletext ul li,
div#articletext ol li,
div.venuepane div.details p,
div.venuepane div.details ul li,
div.venuepane div.contacts,
div#ftdisclaimer,
table#ftnav {
    line-height: 1.5;
}


ul.tabs li.selected a,
ul.tabs li.selected a:link,
ul.tabs li.selected a:visited,
ul.tabs li.selected a:hover,
ul.tabs li.selected a:active {
    color: #333;
    text-decoration: none;
    cursor: auto;
}
ul.tabs li#archived-tab {
    color: #ed5114;
}


div#page {
    top: 0px;
    padding-top: 20px;
    padding-right: 30px;
    background-position: top right;
    background-repeat: repeat-y;
    background-image:url('../../img/c24/c24-misc/page-shadow.gif');
}

div.noimage {
    background-image: url("../../img/c24/c24-misc/missing-image-icon.gif");
}

div#global {
    margin-bottom: 0px;
}

div#banner {
    height: 103px;
    margin-bottom: 1px;
}
div#banner img {
    width: 960px;
    height: 103px;
}
div#banner span.title {
    display: block;
    position: absolute;
    top: 15px;
    right: 0px;
    width:280px;
    padding:5px 10px;
    background-color:#fff;
    font-size:138.5%;
}

div#date {
    display: none;
}

ul.navhorizontal li {
    float: left;
}
ul.navhorizontal li a {
    display: block;
}

ul#nav1,
ul#nav2,
div#nav3,
div#nav3-heading {
    font-size: 100%;
}

ul#nav1 {
    color: #000;
    height: 35px;
}
ul#nav1 li a {
    width:120px;
    text-align: center;
    padding-top: 12px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-navigation/inactive.gif');
}
ul#nav1 li.first a {
    width:120px;
    padding-left: 0px;
    background-position: -1px 0px;
}
ul#nav1 li a,
ul#nav1 li a:link,
ul#nav1 li a:visited {
    background-color: #fff;
    color: #000;
}
ul#nav1 li.selected a,
ul#nav1 li.selected a:link,
ul#nav1 li.selected a:visited {
    background-color: #fff;
    color: #000;
}

ul#nav1 li a.c24-orange:hover {
    background-image:url('../../img/c24/c24-navigation/orange-hover.gif');
}
ul#nav1 li.selected a.c24-orange {
    background-image:url('../../img/c24/c24-navigation/orange-active.gif');
}
ul#nav1 li a.c24-yellow:hover {
    background-image:url('../../img/c24/c24-navigation/yellow-hover.gif');
}
ul#nav1 li.selected a.c24-yellow {
    background-image:url('../../img/c24/c24-navigation/yellow-active.gif');
}
ul#nav1 li a.c24-green1:hover {
    background-image:url('../../img/c24/c24-navigation/green1-hover.gif');
}
ul#nav1 li.selected a.c24-green1 {
    background-image:url('../../img/c24/c24-navigation/green1-active.gif');
}
ul#nav1 li a.c24-green2:hover {
    background-image:url('../../img/c24/c24-navigation/green2-hover.gif');
}
ul#nav1 li.selected a.c24-green2 {
    background-image:url('../../img/c24/c24-navigation/green2-active.gif');
}
ul#nav1 li a.c24-teal:hover {
    background-image:url('../../img/c24/c24-navigation/teal-hover.gif');
}
ul#nav1 li.selected a.c24-teal {
    background-image:url('../../img/c24/c24-navigation/teal-active.gif');
}
ul#nav1 li a.c24-blue:hover {
    background-image:url('../../img/c24/c24-navigation/blue-hover.gif');
}
ul#nav1 li.selected a.c24-blue {
    background-image:url('../../img/c24/c24-navigation/blue-active.gif');
}
ul#nav1 li a.c24-purple:hover {
    background-image:url('../../img/c24/c24-navigation/purple-hover.gif');
}
ul#nav1 li.selected a.c24-purple {
    background-image:url('../../img/c24/c24-navigation/purple-active.gif');
}
ul#nav1 li a.c24-red1:hover {
    background-image:url('../../img/c24/c24-navigation/red1-hover.gif');
}
ul#nav1 li.selected a.c24-red1 {
    background-image:url('../../img/c24/c24-navigation/red1-active.gif');
}
ul#nav1 li a.c24-red2:hover {
    background-image:url('../../img/c24/c24-navigation/red2-hover.gif');
}
ul#nav1 li.selected a.c24-red2 {
    background-image:url('../../img/c24/c24-navigation/red2-active.gif');
}
ul#nav1 li a.c24-black:hover {
    background-image:url('../../img/c24/c24-navigation/black-hover.gif');
}
ul#nav1 li.selected a.c24-black {
    background-image:url('../../img/c24/c24-navigation/black-active.gif');
}
ul#nav1 li a.c24-grey:hover {
    background-image:url('../../img/c24/c24-navigation/grey-hover.gif');
}
ul#nav1 li.selected a.c24-grey {
    background-image:url('../../img/c24/c24-navigation/grey-active.gif');
}
ul#nav1 li a.c24-grey-blue:hover {
    background-image:url('../../img/c24/c24-navigation/grey-blue-hover.gif');
}
ul#nav1 li.selected a.c24-grey-blue {
    background-image:url('../../img/c24/c24-navigation/grey-blue-active.gif');
}
ul#nav1 li a.c24-lime-green:hover {
    background-image:url('../../img/c24/c24-navigation/lime-green-hover.gif');
}
ul#nav1 li.selected a.c24-lime-green {
    background-image:url('../../img/c24/c24-navigation/lime-green-active.gif');
}
ul#nav1 li a.c24-dark-grey:hover {
    background-image:url('../../img/c24/c24-navigation/dark-grey-hover.gif');
}
ul#nav1 li.selected a.c24-dark-grey {
    background-image:url('../../img/c24/c24-navigation/dark-grey-active.gif');
}
ul#nav1 li a.c24-dark-yellow:hover {
    background-image:url('../../img/c24/c24-navigation/dark-yellow-hover.gif');
}
ul#nav1 li.selected a.c24-dark-yellow {
    background-image:url('../../img/c24/c24-navigation/dark-yellow-active.gif');
}


ul#nav2,
div#nav3 {
    background-color: #003366;
}
ul#nav2 a,
ul#nav2 a:link,
ul#nav2 a:visited,
div#nav3 a,
div#nav3 a:link,
div#nav3 a:visited,
div#nav3 a:hover,
div#nav3 a:active {
    color: #fff;
}
ul#nav2 {
    height: 21px;
    padding: 4px 0px;
}
ul#nav2 li {
    padding: 0px 4px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-navigation/nav2-separator-bg.gif');
}
ul#nav2 li.first {
    background-position: -1px 0px;
    margin-left: 0px;
}
ul#nav2 li.last {
    margin-right: 0px;
}
ul#nav2 li a {
    _display: inline; /* for IE6 */
    padding: 0px 4px;
    height: 21px;
}
ul#nav2 li.selected a,
ul#nav2 li.selected a:link,
ul#nav2 li.selected a:visited,
ul#nav2 li.selected a:hover,
ul#nav2 li.selected a:active,
ul#nav2 li a:hover,
ul#nav2 li a:active {
    padding: 0px 0px;
    background-color: #fff;
    color: #003366;
}
ul#nav2 li a img.nav2-edge {
    display: none;
    width: 4px;
    height: 21px;
}
ul#nav2 li.selected a img,
ul#nav2 li a:hover img.nav2-edge,
ul#nav2 li a:active img.nav2-edge {
    display: inline;
}
ul#nav2 li a span {
    padding: 0px 2px;
    vertical-align: top;
    display: inline-block;
    padding-top: 3px;
}

div#nav3 {
    font-weight: normal;
}
div#nav3 div.heading {
    display: none;
    /*
    background-color: #003366;
    color: #fff;
    border-bottom: solid 1px #fff;
    */
}
div#nav3 div.content {
    border: none;
    width: 200px;
    padding: 0px;
}
div#nav3 div.content ul li {
    _display: inline; /* fixes IE vertical spacing bug */
}
div#nav3 div.content ul,
div#nav3 div.content ul li {
    width: 200px;
    padding: 0px;
}
div#nav3 div.content ul li {
    border-top: dotted 1px #fff;
}
div#nav3 div.content ul li.first {
    border-top: none;
}
div#nav3 div.content ul li a {
    width: 180px;
    padding: 4px 10px;
}
div#nav3 div.content ul li.selected a,
div#nav3 div.content ul li a:hover,
div#nav3 div.content ul li a:active {
    width: 170px;
    padding: 4px 10px 4px 20px;
    background-position: center left;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-navigation/nav3-bullet.gif');
}

/* somersaults to achieve centering:
 * http://www.emblematiq.com/blog/vertical_align_with_css/assets/03.html
 */
div#crumbtrail {
    width: 420px;
    margin-right: 10px;
    display: table;
    _display: block;
    position: relative;
    height: 30px;
}
div#crumbtrail div {
    position: absolute;
    top: 50%;
}
div#crumbtrail > /*comment to stop IE7*/ div {
    display: table-cell;
    position: static;
    vertical-align: middle;
}
div#crumbtrail div div.links {
    display: block;
    position: relative;
    top: -50%;
    line-height: 1.2;
}

div#nav3-heading {
    float: left;
    width: 180px;
    padding: 0px 20px;
    color: #fff;
    height: 42px;
    line-height: 36px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-navigation/nav3-heading-bg.gif');
}

a#adv-search {
    display: none;
    font-size: 93%;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: normal;
}
form#searchform {
    margin-top: 7px;
    margin-bottom: 12px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-misc/searchbar.gif');
}
form#searchform table {
    width: 300px;
    height: 22px;
}
form#searchform table tbody tr td input {
    display: inline;
    border-style: none;
    border-width: 0px;
    line-height: 138.5%;
}
form#searchform table tbody tr td.text-input-cell,
form#searchform table tbody tr td.submit-button-cell {
    border: none;
}

form#searchform table tbody tr td.activity {
    width: 22px;
}
form#searchform table tbody tr td.activity img {
    /* suppress because it clashes with background image */
    width: 0px;
    height: 0px;
}
form#searchform table tbody tr td.text-input-cell {
    width: 193px;
}
form#searchform table tbody tr td.text-input-cell input {
    margin: 0px;
    width: 193px;
    font-size: 85%;
}
form#searchform table tbody tr td.submit-button-cell {
    vertical-align: middle;
}
form#searchform table tbody tr td.submit-button-cell input {
    width: 80px;
    margin: 0px 0px 0px 4px;
    color: #fff;
    font-size: 85%;
    background: transparent;
    text-transform: capitalize;
    cursor: pointer;
}

div#content, div#content2 {
    padding-right: 9px;
    margin-right: 0px;
    border-right: solid 1px #d4d4d4;
}

div.rhscol1 {
    padding: 0px 9px 0px 10px;
    border-right: solid 1px #ddd;
    margin-left: 0px;
    margin-right: 0px;
}

div.rhscol-box-top div.hotspot.last {
    margin-bottom: 0px;
}


div#searchrefine div.heading {
    background-color: #003366;
    font-size: 100%;
    font-weight: bold;
}
div#searchrefine div.facet {
    background-color: #7493bc;
    color: #fff;
}
div.resultset div.content ul li div.empty {
    background-color: #f0f0f0;
}

div.cbox div.heading,
div.rboxrhs1 div.heading,
div.rboxrhs2 div.heading {
    border-top: solid 6px;
    font-size: 100%;
    font-weight: bold;
    color: #333;
    padding: 0px;
}

div.cbox div.content,
div.rboxrhs1 div.content,
div.rboxrhs2 div.content {
    margin-top: 4px;
    background-color: #efefef;
}
div.cbox div.content ul li,
div.rboxrhs1 div.content ul li,
div.rboxrhs2 div.content ul li {
    border-bottom: solid 1px #fff;
}
div.cbox div.content ul li,
div.rboxrhs2 div.content ul li {
    padding: 8px;
}
div.cbox div.content ul li.last,
div.rboxrhs1 div.content ul li.last,
div.rboxrhs2 div.content ul li.last {
    border-bottom: none;
}
div.rboxrhs1 div.content ul li a.recordtitle,
div.rboxrhs2 div.content ul li a.recordtitle {
    font-size: 108%;
    margin-bottom: 0.25em;
}
div.rboxrhs1 div.content ul li a.recordtitle,
div.rboxrhs2 div.content ul li a.recordtitle {
    font-size: 108%;
}
div.rboxrhs2 div.content ul li div.recordimage {
    clear:both;
}
div.rboxrhs1 div.content ul li div.recorddate {
    color: #666;
    margin-bottom: 0.5em;
}
div.rboxrhs1 div.content a.moreresults,
div.rboxrhs2 div.content a.moreresults {
    float: none;
    padding: 8px 0px;
    background-color: #fff;
    border-top: solid 1px #d4d4d4;
    border-bottom: solid 1px #d4d4d4;
}
div.rboxrhs1 div.content a.moreresults {
    width: 200px;
}
div.rboxrhs2 div.content a.moreresults {
    width: 300px;
}

div.browseby {
    margin-bottom: 20px;
}
div.browseby div.heading {
    margin: 0px !important;
    border: none !important;
    background-color: #003366;
    color: #fff;
    padding: 3px 10px !important;
}
div.browseby div.content {
    margin: 0px;
    background-color: #fff;
}
div.browseby span.subhead {
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    display: block;
    font-weight: bold;
    padding: 6px 6px 6px 10px !important;
    background-color: #eaeaea;
    border-top: solid 1px #ccc !important;
}
div.browseby ul li {
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    background-color: #fff;
    border-top: 1px solid #ccc !important;
}
div.browseby ul li {
    margin-bottom: 1px;
}
div.browseby ul li a {
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 6px 6px 6px 5px !important;
    border-left: 5px solid #ccc;
    margin-bottom: 1px;
}
div.browseby ul li a:hover {
    border-left: 5px solid #003366;
}


div#ftspons {
    text-align: center;
}
div#ftsep1,
div#ftsep2 {
    background-color: #ddd;
}


div#nav3 div.content ul li div.listmarker {
    color: #ed5114;
}


div#lp-title-box {
    border-bottom: solid 1px #d4d4d4;
}
div#pagetitle-box {
    line-height: 20px;
    vertical-align: middle;
    color: #fff;
    padding: 0px 10px;
}
div#pagetitle-box h1 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
div#pagetitle-box a,
div#pagetitle-box a:link,
div#pagetitle-box a:visited,
div#pagetitle-box a:hover,
div#pagetitle-box a:active {
    text-decoration: none;
}
div#pagetitle-box a:hover,
div#pagetitle-box a:active {
    text-decoration: underline;
}
div#pagetitle-rss-box {
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
}
div#content p#pageintro,
div#content2 p#pageintro {
    font-size: 123.1%;
    color: #333;
    font-weight: bold;
}

div#articlelist {
    border-top: solid 4px;
    padding-top: 9px;
}
div#articlelist div.article1 {
    border-bottom: solid 1px #d4d4d4;
}
div#articlelist div div.content h2 {
    /* font-family: Georgia, serif; */
    margin-bottom: 5px;
}
div#articlelist div.articleN,
div#articlelist a.morelink {
    border-color: #d4d4d4;
}

div#referencedvenues {
    border-top: solid 1px #d4d4d4;
    padding-top: 6px;
}
div#referencedvenues div.title {
    font-size: 100%;
}
div#referencedvenues ul li a.venuename {
    /* font-family: Georgia, serif; */
}

div#latestcomment div.content {
    background-color: #f4f4f4;
}


/* venue page */

div.venue-expand div.heading {
    color: #fff;
    font-weight: bold;
}

div.venueitem div.museums-at-night {
    color: #fff;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-misc/venueitem-title-man2010.gif');
}


/* search results */

div#page.search h1#pagetitle,
div#page.sitemap h1#pagetitle {
    height: 23px;
    line-height: 23px;
    background-color: #fff;
    font-weight: bold;
    color: #fff;
    padding: 0px 10px;
    vertical-align: middle;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    /*background-image:url('../../img/c24/c24-misc/pagetitle-orange-wide.gif');*/
}
div#page.search h1#pagetitle {
    padding-bottom: 1px; /* stupid shenanigans for IE6/7 margin bugs */
}
div#search-controls {
    margin-top: 0px;
    /*
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-misc/search-controls-bg.gif');
    */
}
div#resulttotal,
div#resulttotal-archived,
div#sortoptions {
    color: #fff;
    width: 620px;
    padding: 0px 10px;
    border-bottom: none;
    background-color: #7493bc;
}
div#resulttotal,
div#resulttotal-archived {
    font-weight: normal;
    margin-bottom: 0px;
}
div#resulttotal {
    font-size: 138.5%;
    padding-top: 8px;
}
div#resulttotal-archived {
    font-size: 100%;
    padding-bottom: 8px;
}
div#resulttotal-archived input {
    vertical-align: middle;
}
div#sortoptions {
    padding-bottom: 8px;
}
div#sortoptions a:link,
div#sortoptions a:visited,
div#sortoptions a:hover,
div#sortoptions a:active {
    color: #fff;
}
div.resultset div.heading {
    border-color: #7493bc;
    background-color: #fff;
    padding: 5px 0px;
}
div#referrer-controls img {
    display: inline;
}

div.resultset div.content ul li div.noimage {
    display: none;
}
div.resultset div.content ul li.noimage div.recordimage {
    display: none;
}
div.resultset div.content ul li.noimage div.recorddetails {
    width: 640px;
}
div.resultset div.content ul li div.recorddetails span.recordtype,
div.resultset div.content ul li div.recorddetails span.recordvenue,
div.resultset div.content ul li div.recorddetails span.recordcounty,
div.resultset div.content ul li div.recorddetails span.recordvenue,
div.resultset div.content ul li div.recorddetails span.recordtown,
div.resultset div.content ul li div.recorddetails span.recordcreator {
    color: #666;
}
div.resultset div.content ul li div.recorddetails span.recorddate,
div.resultset div.content ul li div.recorddetails div.recordtags {
    color: #999;
}
div.resultset div.content ul li div.recorddetails a.recordtitle {
    font-size: 131%;
}


div#searchrefine div.heading {
    line-height: 23px;
}

/* homepage */

div#homepage-latest,
div.homepage-section1,
div.homepage-website {
    padding-bottom:15px;
    border-bottom: solid 1px #d4d4d4;
    margin-bottom: 15px;
}
div.homepage-section1-last {
    padding-bottom: 0px;
    border-bottom: none;
    margin-bottom: 0px;
}
div#homepage-latest h1,
div.homepage-section1 h1 {
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    width: 420px;
    margin-bottom: 8px;
    border-top: solid 6px;
    border-bottom: none;
    font-size: 116%;
}
div#homepage-latest h2,
div.articlelist div.article1 h2 {
    font-size: 123.1%;
}
div.homepage-section1 h2,
div.articlelist div.article-2up h2,
div.articlelist div.articleN h2 {
    font-size: 116%;
}
div.homepage-section1.c24-orange-bg h1 {
    border-color: #ff6600;
}
div.homepage-section1.c24-yellow-bg h1 {
    border-color: #ffb200;
}
div.homepage-section1.c24-green1-bg h1 {
    border-color: #669900;
}
div.homepage-section1.c24-green2-bg h1 {
    border-color: #006633;
}
div.homepage-section1.c24-teal-bg h1 {
    border-color: #009999;
}
div.homepage-section1.c24-blue-bg h1 {
    border-color: #336699;
}
div.homepage-section1.c24-purple-bg h1 {
    border-color: #663366;
}
div.homepage-section1.c24-red1-bg h1 {
    border-color: #c80b0b;
}
div.homepage-section1.c24-red2-bg h1 {
    border-color: #990033;
}
div.homepage-section1.c24-black-bg h1 {
    border-color: #000033;
}
div.homepage-section1.c24-grey-bg h1 {
    border-color: #666666;
}
div.homepage-section1.c24-grey-blue-bg h1 {
    border-color: #4a5a6a;
}
div.homepage-section1.c24-lime-green-bg h1 {
    border-color: #314733;
}
div.homepage-section1.c24-dark-grey-bg h1 {
    border-color: #868686;
}
div.homepage-section1.c24-dark-yellow-bg h1 {
    border-color: #a79a66;
}

div.homepage-website div.item {
    border-color: #f9c0ac;
    background-color: #feede6;
}

div#homepage-map-box h1 {
    border-top: solid 6px #663366;
    font-size: 116%;
    font-weight: bold;
    padding-left: 0px;
    width: 520px;
}
div#homepage-map div.heading {
    background-color: #003366;
    color: #fff;
}
div#homepage-map div.heading a,
div#homepage-map div.heading a:link,
div#homepage-map div.heading a:visited,
div#homepage-map div.heading a:hover,
div#homepage-map div.heading a:active {
    color: #fff;
}
div#homepage-map-listings ul li a.recordtitle {
    font-size: 93%;
}

div#homepage-partners h1 {
    background-color: #888;
}


/* sitemap */

div.sitemap div#content {
    width: 640px;
}
div#page.sitemap h1#pagetitle {
    margin-bottom: 8px;
}



/* maplp */

div.maplp div#place-menus-box {
    border-top: solid 4px;
    padding-top: 9px;
    margin-bottom: 15px;
}
div.maplp div#place-menus-box ul {
    border-color: #d4d4d4;
}
div.maplp div#place-menus-box ul li {
    width: 100px;
    padding-left: 10px;
    background-position: 0px 3px;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-misc/places-bullet.gif');
}

table#canned-search-buttons .button-left {
    width: 22px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-misc/maprhs-button-bg.gif');
}
table#canned-search-buttons .button-mid {
    background-color: #003366;
}
table#canned-search-buttons .button-right {
    width: 6px;
    background-position: right top;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-misc/maprhs-button-bg.gif');
}

.button-left {
    width: 22px;
    height: 22px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-misc/maprhs-button-bg.gif');
    float: left;
}

.button-mid {
    background-color: #003366;
    float: left;
    height: 22px;
    padding-right: 14px;
}

.button-right {
    width: 6px;
    height: 22px;
    background-position: right top;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-misc/maprhs-button-bg.gif');
    float: left;
}

.button-wrap-1,
.button-wrap-2,
.button-wrap-3{
    float: left;
}

.button-wrap-1,
.button-wrap-2{
    padding-right: 10px;
}

div.search-buttons-wrap {
    clear: both;
    overflow: hidden;
    margin-bottom: 15px;
}

div.search-buttons-wrap a:link {
    color: #fff;
    font-size: 85%;
    line-height: 20px;
    vertical-align: middle;
}

div#rhs-map {
    border: none;
}
div#rhs-map div#map {
    border: solid 1px #ccc;
}
div#rhs-map-controls {
    width: 520px;
    height: 106px;
    margin: 0px;
    padding: 0px;
    border-top: solid 4px;
    border-bottom: solid 1px #d4d4d4;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image:url('../../img/c24/c24-misc/maprhs-controls-bg.gif');
}
div#rhs-map-controls fieldset div.input {
    position: relative;
    margin: 0px;
}
div#rhs-map-controls label#address-label {
    font-weight: normal;
    line-height: 1.5em;
    display: block;
    position: absolute;
    top: 13px;
    left: 16px;
}
div#rhs-map-controls input#address {
    display: block;
    position: absolute;
    top: 54px;
    left: 18px;
    width: 262px;
    height: 20px;
    border-style: none;
    border-width: 0px;
    border: none;
    line-height: 20px;
}
div#rhs-map-controls select#address-zoom {
    display: block;
    position: absolute;
    top: 54px;
    left: 360px;
    height: 20px;
    line-height: 20px;
}
div#rhs-map-controls input#rhs-map-submit {
    display: block;
    position: absolute;
    top: 55px;
    left: 283px;
    width: 46px;
    border: none;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

/*----------------------------------------------------------------------*/
/* hotspots */

div.hotspot-style-1,
div.hotspot-style-2,
div.hotspot-style-3 {
    width: 200px;
}
div.hotspot-style-4,
div.hotspot-style-5 {
    width: 300px;
}
div.hotspot-style-1,
div.hotspot-style-2,
div.hotspot-style-3,
div.hotspot-style-4,
div.hotspot-style-5 {
    background-color: #333;
}
div.hotspot-style-1:hover,
div.hotspot-style-2:hover,
div.hotspot-style-3:hover,
div.hotspot-style-4:hover,
div.hotspot-style-5:hover {
    background-color: #333;
}
div.hotspot-style-1 .hsbody,
div.hotspot-style-2 .hsbody,
div.hotspot-style-3 .hsbody {
    width: 180px;
}
div.hotspot-style-5 .hsbody,
div.hotspot-style-6 .hsbody {
    width: 280px;
}

div.hotspot {
    margin-bottom: 20px;
    cursor: pointer;
}
div.laterooms {
    cursor: auto;
}
div.hotspot a,
div.hotspot a:link,
div.hotspot a:visited,
div.hotspot a:hover,
div.hotspot a:active {
    text-decoration: none;
}
div.hotspot .hsimg {
    display: none;
}
div.hotspot .hsbody {
    display: none;
    padding: 10px;
    color: #333;
}
div.hotspot .hsbody .hstype {
    font-size: 77%;
}
div.hotspot .hsbody .hstitle {
    display: none;
    font-size: 93%;
    font-weight: bold;
}
div.hotspot .hsbody .hstext {
    display: none;
    font-size: 85%;
}
div.hotspot-show-img-left .hsimg {
    display: block;
    float: left;
}
div.hotspot-show-img-left .hsbody {
    float: left;
    border-left: none;
    overflow: hidden;
}
div.hotspot-show-img-top .hsimg {
    display: block;
    float: left;
    width: 100%;
}
div.hotspot-show-img-top .hsbody {
    float: left;
    border-top: none;
}
div.hotspot-show-img-right .hsimg {
    display: block;
    float: right;
}
div.hotspot-show-img-right .hsbody {
    float: left;
    border-right: none;
    overflow: hidden;
}
div.hotspot-show-title .hsbody,
div.hotspot-show-title .hsbody .hstitle {
    display: block;
}
div.hotspot-show-text .hsbody,
div.hotspot-show-text .hsbody .hstext {
    display: block;
}
div.hotspot a,
div.hotspot a:link,
div.hotspot a:visited,
div.hotspot a:hover,
div.hotspot a:active {
    color: #fff;
    text-decoration: none;
}
div.hotspot .hsbody {
    border-top: solid 1px #fff;
    padding-top: 5px;
}
div.hotspot .hsbody .hstype {
    font-size: 85%;
}


/*----------------------------------------------------------------------*/
/* articles */

div#page.c24_article h1#pagetitle,
div#page.c24_uri h1#pagetitle,
div#page.c24_object h1#pagetitle {
    font-size: 153.9%;
    color: #003366;
    margin-bottom: 8px;
}

div#articletext h2.teachers_info {
    color: #ff6600;
}

div#articletext p a:link,
div#articletext div.legacy p a:link {
    color: #453c95;
}
div#articletext p a:visited,
div#articletext div.legacy p a:visited {
    color: #453c95;
}
div#articletext p a:hover {
    color: #453c95;
}



/* venues */

div#page.c24_venue h1#pagetitle {
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding: 0px 10px;
    font-weight: bold;
    color: #fff;
}


/* advertisements */

div#ad-skyscraper {
   left: 1010px; /* 10px over to accommodate page drop-shadow */
}


/* hotspots */

div.hotspot .hsbody {
    /* font-family: Georgia, serif; */
}
div.hotspot .hsbody .hstitle {
    font-size: 108%;
    font-weight: normal;
}




/*----------------------------------------------------------------------*/
/* countdown hotspot */

div.countdown-search {
    position: relative;
    height: 66px;
    background-image:url('../../img/c24/c24-misc/countdown-bg.gif');
}
div.countdown-search input.countdown-address {
    position: absolute;
    top: 36px;
    left: 32px;
    width: 205px;
    border-style: none;
    border-width: 0px;
    border: none;
    font-size: 85%;
}
div.countdown-search input.countdown-submit {
    display: block;
    position: absolute;
    top: 34px;
    left: 250px;
    border: none;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size:85%;
}


/*----------------------------------------------------------------------*/

div#survey {
    margin: 20px;
    padding-left: 130px;
    background-image:url('../../img/c24/logo-c24-orange.gif');
    background-position: top left;
    background-repeat: no-repeat;
    max-width: 500px;
}
div#survey h1 {
    font-size: 138.5%;
    font-weight: bold;
    margin-bottom: 1em;
}
div#survey-invitation {
    margin-bottom: 20px;
}
div#survey a.button:link,
div#survey a.button:visited,
div#survey a.button:hover,
div#survey a.button:active {
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #ff6600;
    display: block;
    padding: 5px 10px;
    width: 150px;
    margin-bottom: 20px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
}
div#survey a.button:hover {
    background-color: #35358d;
    text-decoration: none;
}

/*----------------------------------------------------------------------*/
/* subjectlp2 landing page gallery */

div#gallery-container {
    background-color: #333;
    margin-bottom: 15px;
    position: relative;
    height: 362px;
    width: 640px;
    cursor: pointer;
}
div#gallery-container div#gallery {
    height: 362px;
    overflow: hidden;
    position: relative;
}
div#gallery-container div#gallery img#main-img {
    width: 640px;
    z-index: 10;
}
div#gallery-container div#gallery #abstract {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #fff;
    padding: 10px;
    position: absolute;
    width: 620px;
    z-index: 20;
}
div#gallery-container ul#main-img-dots {
    position: absolute;
    right: 10px;
    top: 10px;
}
div#gallery-container ul#main-img-dots li {
    display: block;
    float: left;
    height: 15px;
    width: 15px;
    margin-right: 5px;
    z-index: 20;
    cursor: pointer;
    background-color: #333;
}
div#gallery-container ul#main-img-dots li.selected {
    background-color: #fff;
}
div#gallery-container #abstract .title {
    display: block;
    font-weight: bold;
}
div#gallery-container #abstract .summary {
    display: block;
    margin-top: 0.5em;
}
div.subjectlp2 div#nonlead-articles {
    float: left;
}
div.subjectlp2 div.rhscol1 {
    border-right: 0px;
    padding: 0px 0px 0px 20px;
}
div.subjectlp2 div.article-2up,
div.subjectlp2 div.articleN {
    width: 420px;
}
div.subjectlp2 div#articlelist div.article-2up {
    padding-top: 0px;
}

#responsive-menu,
#open-slicknav-menu{
    display: none\9;
    /* IE6, IE7, IE8 */
}

@media only screen and (min-width : 481px){
    #responsive-menu,
    #open-slicknav-menu{
        display: none;
    }
    
    #body{
        min-width: 320px;
    }
    
    div.mobile-breakpoint{
        display: none;
    }
    
    div.desktop-breakpoint{
        display: block;
    }
    
    #content #homepage-latest img{
        max-width: 200px;
        max-height: 200px;
    }
    
    #content  div.homepage-section1 img{
        max-width: 70px;
        max-height: 70px;
    }
    
    .obj-carousel{
        background-color: #000;
    }
    .obj-carousel .gallery .nav span{
        height: 32px !important;
        background-image: none;
    }

    .obj-carousel .gallery .nav span.prev{
        background-image: url("../../img/c24/carousel-navigation-prev.png") !important;
        background-repeat: no-repeat;
        background-position: 0;
        width: 32px !important;
    }

    .obj-carousel .gallery .nav span.pause{
        background-image: url("../../img/c24/carousel-navigation-pause.png") !important;
        background-repeat: no-repeat;
        background-position: 0;
        width: 32px !important;
    }

    .obj-carousel .gallery .nav span.play{
        background-image: url("../../img/c24/carousel-navigation-play.png") !important;
        background-repeat: no-repeat;
        background-position: 0;
        width: 32px !important;

    }

    .obj-carousel .gallery .nav span.next{
        background-image: url("../../img/c24/carousel-navigation-next.png") !important;
        background-repeat: no-repeat;
        background-position: 0;
        width: 32px !important;
    }

    .obj-carousel .gallery .nav span.zoom{
        background-image: url("../../img/c24/carousel-navigation-zoom.png") !important;
        background-repeat: no-repeat;
        background-position: 0;
        width: 32px !important;
    }

    .obj-carousel .gallery .nav span.close{
        background-image: url("../../img/c24/carousel-navigation-close.png") !important;
        background-repeat: no-repeat;
        background-position: 0;
        width: 32px !important;
    }

}