body { margin:0; background:url(/modern/exhibitions/hopper/images/bg_hopper.gif) repeat-x;background-color:#535353;}

div#image {position: relative; left: -10px; top: 10px; width: 515px; height: 460px; overflow: hidden; z-index: 100; padding-top: 10px;}

table.toppad20 {padding-top: 20px;}

td.paddingright5px {padding-right: 10px;}


table.greybg {background: #535353;}

div.spacer {margin-top: 1px;}
div.text { line-height: 1.3em; background: #535353; color: #CCCCCC; margin-bottom: 5px;}
.date {font-size: 1.2em; line-height: 1.2em; background: #535353; color: #CCCCCC;}
.subnav {padding-top: 0px; padding-bottom: 0px; font-size: .7em; line-height: 1.5em; background: #535353; color: #CCCCCC; font-weight: bold;}
.thin {font-size: inherit; line-height: inherit; background: #535353; color: #CCCCCC; font-weight: normal;}
.workssubnav {padding-top: 10px; font-size: .7em; line-height: 1.74em; background: #535353; color: #CCCCCC; font-weight: bold;}

.credit {font-size: .7em; line-height: 1.1em; background: #535353; color: #CCCCCC; text-decoration: italic;}
.creditlight {font-size: .9em; line-height: 1.2em; background: #535353; color: #CCCCCC; text-decoration: none; padding-top: 10px;}
.creditlightindent {font-size: .8em; line-height: 1.2em; background: #535353; color: #CCCCCC; padding-left: 10px; padding-top: 0px; text-decoration: italic;}

a.yellow {color: #E7DC9F; background: inherit; text-decoration: inherit; font-size: inherit; font-weight: inherit;}
a.yellow:link {color: #E7DC9F; background: inherit; text-decoration: none; font-size: inherit;}
a.yellow:active {color: #CCCCCC; background: inherit; text-decoration: none; font-size: inherit;}
a.yellow:visited {color: #E7DC9F; background: inherit; text-decoration: none; font-size: inherit;}
a.yellow:hover {color: #CCCCCC; background: inherit; text-decoration: none; font-size: inherit;}

a.green {color: #76BDA2; background: inherit; text-decoration: inherit; font-size: inherit; font-weight: inherit;}
a.green:link {color: #76BDA2; background: inherit; text-decoration: none; font-size: inherit;}
a.green:active {color: #CCCCCC; background: inherit; text-decoration: none; font-size: inherit;}
a.green:visited {color: #76BDA2; background: inherit; text-decoration: none; font-size: inherit;}
a.green:hover {color: #CCCCCC; background: inherit; text-decoration: none; font-size: inherit;}

h1 {font-size: 1.2em; line-height: 1.3em; background: #535353; color: #ffffff; font-weight: normal; margin-bottom: 5px;}


/* custom header colours */

ul#level1nav {background-color:#676767;} /* level1 nav row colour */

#logobarnew {background-color:#cc0066;} /* logobar row colour */

#level2navbar {background-color:#999;} /* level2 nav row colour */

#level2nav ul li a{color:#fff;border-left:1px solid #fff;} /* level2 links colour */
#level2nav ul li a:hover{background-color:#676767;color:#fff;} /* level2 links hover state */