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

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1.0%;
}

.clearfix {
    display: block;
}

body {
    background-color: white;
    color: #3c3c3c;
    padding: 0.0;
    margin: 0.0;
    font-family: "Times New Roman", "Times", "Georgia", serif;
    font-size: 14.0px;
    line-height: 1.4;
}

#banner h1 a {
    height: 80.0px;
    display: block;
    text-indent: -2000.0px;
    background: black url("../i/coca-logo.gif") left center no-repeat;
}

#banner h1 {
    color: white;
    padding: 0.0;
    margin: 0.0;
    height: 80.0px;
}

#banner {
    width: 100.0%;
    background-color: black;
    color: white;
    padding: 1.0px 0.0;
    margin: 0.0;
    height: 100.0px;
}

#banner h1, #wrapper {
    margin: 10.0px auto;
    width: 1000.0px;
}

#nav ul li.last {
    border-right: none;
}

#nav ul li a:link, #nav ul li a:visited {
    color: #4d4d4d;
    text-decoration: none;
}

#nav ul li a:hover, #nav ul li a:active {
    color: #3c3c3c;
    text-decoration: none;
    border-bottom-color: #404040;
}

#nav ul li a.current {
    border-bottom-color: #404040;
}

#nav ul li a {
    display: block;
    line-height: 20.0px;
    padding: 0.0 6.0px;
    padding-bottom: 5.0px;
    font-size: 18.0px;
    border-bottom: 5.0px solid white;
}

#nav ul li {
    margin: 0.0;
    height: 20.0px;
    padding: 0.0;
    float: left;
    list-style-type: none;
    border-right: 1.0px solid #cccccc;
    overflow: visible;
}

#nav ul {
    padding: 0.0 0.0 0.0 3.0px;
    float: left;
    margin: 0.0;
    line-height: 20.0px;
}

#nav {
    height: 20.0px;
    margin: 15.0px 0.0 0.0 0.0;
    padding: 0.0px 0.0 0.0 0.0;
}

#nav-deco {
    border: 1.0px solid #cccccc;
    border-width: 0.0 1.0px 1.0px 1.0px;
    margin: -10.0px 0.0 25.0px 0.0;
    padding: 0.0;
    height: 20.0px;
}

.subnav li a:link, .subnav li a:visited {
    color: #4d4d4d;
    text-decoration: none;
}

.subnav li a:hover, .subnav li a:active {
    color: #3c3c3c;
    text-decoration: underline;
}

.subnav li a.current {
    color: #999999;
}

.subnav li a {
    line-height: 40.0px;
    padding: 0.0 8.0px;
    font-size: 16.0px;
    background-color: white;
}

.subnav li {
    margin: 0.0;
    padding: 0.0;
    display: inline;
    padding-left: 0.0;
    margin-left: 0.0;
    list-style-type: none;
}

.subnav {
    margin: 0.0 0.0 20.0px 0.0;
    top: 148.0px;
    padding: 0.0;
    display: block;
    position: absolute;
}

.exhibitions-subnav {
    padding-left: 60.0px;
}

.school-subnav {
    padding-left: 435.0px;
}

.classes-subnav {
    padding-left: 595.0px;
    width: 400.0px;
}

.info-subnav {
    float: right;
    padding-left: 590.0px;
}

#footer .links a:hover {
    text-decoration: underline;
    color: #c43636;
}

#footer .links a {
    color: #535353;
    text-decoration: none;
}

#footer .links {
    text-align: right;
}

#footer .box {
    height: 56.0px;
    background-color: #404040;
    border: 3.0px solid #3c3c3c;
    border-width: 3.0px 0.0;
}

#footer .copyright {
    font-size: 12.0px;
}

#footer {
}

a img {
    border-width: 0.0;
}

a {
}

img.wide {
    width: 650.0px;
    height: 280.0px;
    display: block;
    background-color: #cccccc;
}

img.large {
    width: 300.0px;
    height: 300.0px;
    display: block;
    padding: 0.0;
    background-color: #cccccc;
}

img.medium {
    width: 200.0px;
    height: 200.0px;
    float: left;
}

img.small {
    width: 86.0px;
    height: 86.0px;
    background-color: #cccccc;
}

hr {
    height: 1.0px;
    border-width: 0.0;
    background-color: #cccccc;
    color: #cccccc;
}

hr.box {
    height: 10.0px;
    margin-bottom: 18.0px;
    background-color: #404040;
    color: #4d4d4d;
    border: none;
    clear: both;
}

h1, h2, h3, h4 {
    font-weight: normal;
    color: #4d4d4d;
}

h1.top {
    width: 650.0px;
    clear: left;
}

h1 {
    margin-bottom: 0.3em;
    font-size: 24.0px;
}

.content h2 a:link, .content h2 a:visited, .content h4 a:link, .content h4 a:visited {
    color: #3e3e3e;
}

.content h2 a:hover, .content h4 a:hover {
    color: #c43636;
    text-decoration: underline;
}

.content h2 a, .content h4 a {
}

.content h2, .content h4 {
}

.content h2.news-head {
    margin-top: 0.0;
}

.content h3.exhibition-dates {
    margin-top: 0.0;
}

.content {
}

.home-news h3 {
    margin: 0.5em 0.0;
    font-size: 18.0px;
}

.home-news {
}

.clear:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.0;
}

.clear {
    display: inline-block;
}

* html .clear {
    height: 1.0%;
}

.clear {
    display: block;
}

.content {
    clear: both;
    padding-bottom: 5.0px;
}

.col1of3 {
    width: 315.0px;
    float: left;
}

.col1-2of3 {
    width: 650.0px;
    float: left;
}

.col2of3 {
    margin: 0.0 5.0px;
    width: 330.0px;
    float: left;
}

.col3of3 .inner {
    padding-left: 20.0px;
}

.col3of3 {
    margin: 0.0 0.0 0.0 10.0px;
    width: 325.0px;
    float: left;
}

body.exhibition-detail .col1of3, body.exhibition-detail .col2of3, body.artists-list .col1of3, body.artists-list .col2of3, body.hire-collection .col1of3, body.hire-collection .col2of3, body.profile-page .col1of3, body.profile-page .col2of3, body.flatpage .col1of3, body.flatpage .col2of3 {
    width: 300.0px;
    margin-left: 0.0;
    margin-right: 0.0;
}

body.exhibition-detail .col1of3, body.artists-list .col1of3, body.hire-collection .col1of3, body.profile-page .col1of3, body.flatpage .col1of3 {
    margin-right: 50.0px;
}

body.exhibition-detail .col3of3 .inner, body.artists-list .col3of3 .inner, body.hire-collection .col3of3 .inner, body.profile-page .col3of3 .inner, body.flatpage .col3of3 .inner {
    padding: 0.0;
    margin-bottom: -10.0px;
}

body.exhibition-detail .col3of3, body.artists-list .col3of3, body.hire-collection .col3of3, body.profile-page .col3of3, body.flatpage .col3of3 {
    margin-left: 50.0px;
    width: 300.0px;
}

body.exhibition-detail h2, body.artists-list h2, body.hire-collection h2, body.profile-page h2, body.flatpage h2 {
    margin-top: 0.0px;
    margin-bottom: 10.0px;
}

body.exhibition-detail .exhibition-meta-links a:hover, body.artists-list .exhibition-meta-links a:hover, body.hire-collection .exhibition-meta-links a:hover, body.profile-page .exhibition-meta-links a:hover, body.flatpage .exhibition-meta-links a:hover {
    color: #404040;
}

body.exhibition-detail .exhibition-meta-links, body.artists-list .exhibition-meta-links, body.hire-collection .exhibition-meta-links, body.profile-page .exhibition-meta-links, body.flatpage .exhibition-meta-links {
}

body.exhibition-detail, body.artists-list, body.hire-collection, body.profile-page, body.flatpage {
}

body.profile-page .col3of3 h2 {
    margin-top: 6.0px;
}

body.profile-page .col3of3 {
}

body.profile-page .bio {
    margin: 13.0px 0.0;
}

body.profile-page {
}

.col1of2, .col2of2 {
    width: 474.0px;
    margin: 0.0 0.0;
    float: left;
}

.col2of2 {
    margin-left: 50.0px;
}

.col1of2 {
    margin-right: 50.0px;
    clear: left;
}

.left {
    float: left;
}

.right {
    float: right;
}

.featured-exhibition-banner {
    margin-bottom: 10.0px;
}

.featured-exhibition-detail h2 {
    margin: 80.0px 0.0 0.0 10.0px;
    font-size: 28.0px;
    line-height: 1.0;
    font-weight: bold;
}

.featured-exhibition-detail p {
    margin: 0.0 0.0 0.0 10.0px;
    font-size: 22.0px;
    color: #555555;
}

.featured-exhibition-detail {
}

.current-exhibitions h3 {
    margin: 0.0;
    font-size: 16.0px;
}

.current-exhibitions h4, .current-exhibitions p.dates {
    margin: 0.0 0.0 0.0 72.0px;
    color: #535353;
}

.current-exhibitions h4 {
    margin-top: 2.0px;
    line-height: 0.9;
    margin-bottom: 0.3em;
    font-size: 14.0px;
}

.current-exhibitions p.link {
    margin: 5.0px 0.0 5.0px 72.0px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10.0px;
}

.current-exhibitions hr {
    margin: 10.0px 0.0 6.0px 0.0;
    padding: 0.0;
    clear: both;
}

.current-exhibitions p {
    margin: 0.0;
}

.current-exhibitions img.small {
    margin: 0.0 10.0px 0.0px 0.0;
    width: 70.0px;
    height: 70.0px;
}

.current-exhibitions .exhibition {
    font-size: 12.0px;
    float: left;
    display: inline;
    width: 240.0px;
    padding: 10.0px 5.0px;
}

.current-exhibitions {
    clear: both;
    border: 1.0px solid #cccccc;
    border-width: 1.0px 0.0;
}

.notice {
    color: #c43636;
}

.content a:link {
    color: #c43636;
    text-decoration: none;
}

.content a:visited {
    color: #c43636;
    text-decoration: none;
}

.content a:hover {
    color: red;
    text-decoration: underline;
}

.content {
}

.quiet a:link {
    color: #4d4d4d;
    text-decoration: none;
}

.quiet a:visited {
    color: #3c3c3c;
    text-decoration: none;
}

.quiet a:hover {
    color: #535353;
    text-decoration: underline;
}

.quiet {
}

.cl {
    clear: left;
}

button, .button {
    background-color: #3c3c3c;
    border: 1.0px solid #4d4d4d;
    padding: 2.0px 5.0px;
    color: white;
    cursor: pointer;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

button.notice, .button.notice {
    color: white;
    background-color: #c43636;
    border-color: #aa0000;
}

button, .button {
}

button.large, .button.large {
    font-size: 90.0%;
    padding: 5.0px 10.0px;
}

button, .button {
}

a.button:link, a.button:visited, a.button:hover, a.button:active {
    color: white;
}

a.button {
}

h4.headline a:link, h4.headline a:visited {
    color: #3c3c3c;
}

h4.headline a:hover, h4.headline a:active {
    color: #4d4d4d;
}

h4.headline {
    margin: 0.0;
}

.sign h2 a:hover {
    color: #999999;
}

.sign h2 {
    margin: 0.7em 0.0;
}

.sign p {
    font-size: 100.0%;
    margin: 0.7em 0.0;
}

.sign .link a:hover {
    color: #3e3e3e;
}

.sign .link {
    font-size: 110.0%;
    margin: 0.7em 0.0;
}

.sign.first-promo h2 {
    margin-top: -3.0px;
}

.sign.first-promo {
}

.sign {
    background: white url("../i/grad-down.jpg") left bottom repeat-x;
    margin-right: -10.0px;
    padding: 3.0px 15.0px;
    padding-bottom: 19.0px;
    border-left: 1.0px dotted #535353;
    border-bottom: 1.0px dotted #535353;
}

input, textarea, select {
    width: 80.0%;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

input.checkbox {
    width: auto;
    display: inline;
}

.charcoal {
    width: auto;
    background-color: #3c3c3c;
    border: 1.0px solid #4d4d4d;
    color: white;
}

textarea {
    height: 4.0em;
}

.search-form input {
    width: 235.0px;
    margin-right: 2.0px;
}

.search-form input, .search-form button {
    font-size: 11.0px;
}

.search-form {
    float: right;
    width: 360.0px;
    text-align: right;
    margin-top: 20.0px;
    margin-bottom: 0.0;
    font-size: 11.0px;
}

label {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12.0px;
    display: block;
    margin-bottom: 3.0px;
}

.self-labelling {
    color: #535353;
}

ul.flat li, ol.flat li {
    list-style-type: none;
    padding-left: 0.0;
    margin-left: 0.0;
}

ul.flat, ol.flat {
    list-style-type: none;
    padding-left: 0.0;
    margin-left: 0.0;
}

ul, ol {
}

.plain ul.flat {
    margin-top: 0.0;
}

.plain p, .plain ol, .plain ul {
    margin: 1.0em 0.0;
    line-height: 1.6;
    color: #333333;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11.0px;
}

.plain h4 {
    font-size: 17.0px;
    margin: 0.8em 0.0 0.5em 0.0;
}

.plain .year {
    color: #535353;
    float: left;
    width: 3.5em;
}

.plain .col2of3 {
    width: 305.0px;
    margin-right: 25.0px;
}

.plain {
}

.hidden {
    display: none;
}

ul.plain {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11.0px;
}

.exhibition-profile-head {
    margin-top: -50.0px;
}

ul.errorlist {
    list-style-type: none;
    padding: 0.0;
    margin: 0.0;
    margin-bottom: -1.0em;
    color: #aa0000;
}

.pager .pager-disabled {
    color: #999999;
}

.pager .pager-current {
    color: #4d4d4d;
    font-weight: bold;
}

.pager a, .pager span {
    padding: 0.0 0.1em;
}

.pager {
    clear: both;
    text-align: right;
    margin: 1.0em 1.0px;
    padding-bottom: 15.0px;
}

.artwork h3 {
    margin: 0.7em 0.0 0.25em 0.0;
}

.artwork img {
    padding: 0.0;
    border: 0.0;
}

.artwork p, .artwork ul {
    margin: 0.4em 0.0;
}

.artwork li {
    line-height: 1.7;
}

.artwork .button {
    font-size: 11.0px;
}

.artwork {
    float: left;
    width: 333.0px;
    padding-left: 0.0;
}

.first, .second, .third {
    float: left;
}

.first .artwork {
    float: none;
    width: 300.0px;
}

.first {
    width: 333.0px;
    text-align: left;
}

.second .artwork {
    float: none;
    text-align: left;
    margin: 0.0 auto;
    width: 300.0px;
}

.second {
    width: 333.0px;
    text-align: center;
}

.third .artwork {
    float: none;
    text-align: left;
    margin: 0.0 0.0 0.0 auto;
    width: 300.0px;
}

.third {
    width: 333.0px;
    text-align: right;
}

.read-more {
    margin-top: -1.0em;
}

.exhibition .info h3 a:hover {
    color: #999999;
}

.exhibition .info h3 a {
    color: #222222;
}

.exhibition .info h3 {
    margin-top: 0.0;
    margin-bottom: 0.0;
}

.exhibition .info h4 {
    margin-top: 0.0;
    color: #222222;
}

.exhibition .info {
    margin-left: 210.0px;
}

.exhibition img.medium {
    padding-bottom: 20.0px;
}

.exhibition {
    margin-left: 0.0;
}

.punchout img {
    width: 300.0px;
}

.punchout p {
    font-family: "Times New Roman", "Times", "Georgia", serif;
    color: #333333;
    margin: 1.0em 1.0em;
    line-height: 1.3;
    font-size: 120.0%;
}

.punchout {
    background-color: whitesmoke;
    color: #333333;
    margin-bottom: 0.0;
    padding: 1.0px;
    line-height: 1.0;
}

cite {
    font-style: normal;
    font-weight: bold;
}

ul.for_lightbox {
    display: none;
}

.clearer {
    height: 1.0px;
    font-size: 1.0px;
    line-height: 1.0px;
    clear: both;
    padding-bottom: 20.0px;
}

#artist-switcher-form {
    display: none;
}

#foot-images img {
    padding: 0.0 15.0px 0.0 0.0;
}

#foot-images {
}

.artist.first {
    margin-left: 0.0;
}

.artist a:hover {
    color: #404040;
}

.artist p {
    margin: 7.0px 0.0;
}

.artist {
    width: 100.0px;
    margin-left: 50.0px;
    float: left;
}

.red-dot {
    font-weight: bold;
    color: #c43636;
}

.red-dot-large {
    vertical-align: top;
}

#vote-form form {
    background-color: white;
    border: 1.0px solid #333333;
    padding: 1.0px 1.0em;
    width: 300.0px;
    margin: 0.0 auto;
    text-align: left;
}

#vote-form {
    position: absolute;
    z-index: 100;
    width: 100.0%;
    margin: 0.0 auto;
    text-align: center;
}

.caption a:link, .caption a:visited {
    color: #333333;
}

.caption a {
}

.caption {
    font-size: 70.0%;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin: 5.0px 0.0 40.0px 0.0;
}

ul.files li h3 {
    margin: 0.0em 0.0;
    font-family: "Times New Roman", "Times", "Georgia", serif;
    font-size: 140.0%;
    line-height: 1.0;
    color: #222222;
}

ul.files li p {
    margin: 0.25em 0.0;
}

ul.files li {
    list-style-type: none;
    padding: 0.0;
    margin: 0.0 0.0 2.0em 0.0;
}

ul.files {
    margin: 1.0em 0.0;
    padding: 0.0;
}

.help_text {
    display: block;
    clear: both;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #666666;
    font-size: 80.0%;
}

input.dateField {
    width: 100.0px;
    margin-right: 10.0px;
}





body.earthquake {
    background: #000;
}
body.earthquake #banner {
    margin-top: 80px;
}
div.earthquake {
    margin: 0 0 0 140px;
    color: #fff;
    font-size: 1.1em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 320px;
    padding: 40px 0;
    font-family: Helvetica, arial, sans-serif;
}