/* RESET */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

#calendar-details .program-list {
    width: 281px;
}
#programs dd.category {
    font-size: .85em;
}

/* start custom colors */
#exhibitions-details #whats-new dt.uclafilm img:hover,
#calendar-details #whats-new dt.uclafilm img:hover, 
#residencies-details #whats-new dt.uclafilm img:hover,
#watch-listen #whats-new dt.uclafilm img:hover,
#collections-details #whats-new dt.uclafilm img:hover,
#newsblogs #whats-new dt.uclafilm img:hover
 {
    border: 2px solid #db2c00;
}
a.uclafilm,.uclafilm {
    color: #db2c00;
}
.uclafilm-bg {
    background: #db2c00;
}
.uclafilm .date {
    background: #db2c00;
    color: #fff;
}
/* end UCLA Film */ 

#exhibitions-details #whats-new dt.readings img:hover,
#calendar-details #whats-new dt.readings img:hover,
#watch-listen #whats-new dt.readings img:hover,
#residencies-details #whats-new dt.readings img:hover,
#collections-details #whats-new dt.readings img:hover,
#newsblogs #whats-new dt.readings img:hover {
    border: 2px solid #9E64A3;
}
a.readings,.readings {
    color: #9E64A3;
}
.readings-bg {
    background: #9E64A3;
}
.readings .date {
    background: #9E64A3;
    color: #fff;
}

#exhibitions-details #whats-new dt.music img:hover,
#calendar-details #whats-new dt.music img:hover,
#watch-listen #whats-new dt.music img:hover,
#residencies-details #whats-new dt.music img:hover,
#collections-details #whats-new dt.music img:hover,
#newsblogs #whats-new dt.music img:hover {
    border: 2px solid #878F9E;
}
a.music,.music {
    color: #878F9E;
}
.music-bg {
    background: #878F9E;
}
.music .date {
  background: #878F9E;
  color: #FFF;
}

#exhibitions-details #whats-new dt.lectures img:hover,
#calendar-details #whats-new dt.lectures img:hover,
#watch-listen #whats-new dt.lectures img:hover,
#residencies-details #whats-new dt.lectures img:hover,
#collections-details #whats-new dt.lectures img:hover,
#newsblogs #whats-new dt.lectures img:hover {
    border: 2px solid #5FA1BD;
}
a.lectures,.lectures {
    color: #5FA1BD;
}
.lectures-bg {
    background: #6b82b2;
}
.lectures .date {
  background: #6b82b2;
  color: #FFF;
}

#exhibitions-details #whats-new dt.views img:hover,
#calendar-details #whats-new dt.views img:hover,
#watch-listen #whats-new dt.views img:hover,
#residencies-details #whats-new dt.views img:hover,
#collections-details #whats-new dt.views img:hover,
#newsblogs #whats-new dt.views img:hover {
    border: 2px solid #C9C438;
}
a.views,.views {
    color: #C9C438;
}
.views-bg {
    background: #C9C438;
}
.views .date {
  background: #C9C438;
  color: #FFF;
}

#exhibitions-details #whats-new dt.screenings img:hover,
#calendar-details #whats-new dt.screenings img:hover,
#watch-listen #whats-new dt.screenings img:hover,
#residencies-details #whats-new dt.screenings img:hover,
#collections-details #whats-new dt.screenings img:hover,
#newsblogs #whats-new dt.screenings img:hover {
    border: 2px solid #6F794A;
}
a.screenings,.screenings {
    color: #6F794A;
}
.screenings-bg {
    background: #6F794A;
}
.screenings .date {
  background: #6F794A;
  color: #FFF;
}

#exhibitions-details #whats-new dt.lunch img:hover,
#calendar-details #whats-new dt.lunch img:hover,
#watch-listen #whats-new dt.lunch img:hover,
#residencies-details #whats-new dt.lunch img:hover,
#collections-details #whats-new dt.lunch img:hover,
#newsblogs #whats-new dt.lunch img:hover {
    border: 2px solid #85BD51;
}
a.lunch,.lunch {
    color: #85BD51;
}
.lunch-bg {
    background: #85BD51;
}
.lunch .date {
  background: #85BD51;
  color: #FFF;
}

#exhibitions-details #whats-new dt.book img:hover,
#calendar-details #whats-new dt.book img:hover,
#watch-listen #whats-new dt.book img:hover,
#residencies-details #whats-new dt.book img:hover,
#collections-details #whats-new dt.book img:hover,
#newsblogs #whats-new dt.book img:hover {
    border: 2px solid #409889;
}
a.book,.book {
    color: #409889;
}
.book-bg {
    background: #409889;
}
.book .date {
  background: #409889;
  color: #FFF;
}

#exhibitions-details #whats-new dt.sunday img:hover,
#calendar-details #whats-new dt.sunday img:hover,
#watch-listen #whats-new dt.sunday img:hover,
#residencies-details #whats-new dt.sunday img:hover,
#collections-details #whats-new dt.sunday img:hover,
#newsblogs #whats-new dt.sunday img:hover {
    border: 2px solid #DB8100;
}
a.sunday,.sunday {
    color: #DB8100;
}
.sunday-bg {
    background: #DB8100;
}
.sunday .date {
  background: #DB8100;
  color: #FFF;
}

#exhibitions-details #whats-new dt.ucla img:hover,
#calendar-details #whats-new dt.ucla img:hover,
#watch-listen #whats-new dt.ucla img:hover,
#residencies-details #whats-new dt.ucla img:hover,
#collections-details #whats-new dt.ucla img:hover,
#newsblogs #whats-new dt.ucla img:hover {
    border: 2px solid #CA1472;
}
a.ucla,.ucla {
    color: #CA1472;
}
.ucla-bg {
    background: #CA1472;
}
.ucla .date {
  background: #CA1472;
  color: #FFF;
}

/* end custom colors */

:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol,ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,th,td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,blockquote:after,
q:before,q:after {
  content: "";
}
blockquote,q {
  quotes: "" "";
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
/* GLOBAL */
.selectFree IFRAME
{
 display:none;
 display/**/:block;
 position:absolute;
 top:0;
 left:0;
 z-index:-1;
 filter:mask();
 width:2000px;
 height:3000px
}
html {
  height: 100%;
}
body {
  height: 100%;
  font: normal .8em Arial,sans-serif;
  background: #e5e5e5;
}
#wrapper {
  position: relative;
  min-height: 100%;
  width: 983px;
}
*html #wrapper {
  height: 100%;
}
#content {
  clear: both;
  padding-bottom: 26px;
  padding: 21px 30px 21px 33px;
}
#footer {
  width: 959px;
  background: #000;
  position: relative;
  margin-top: -26px;
  height: 26px;
  padding-left: 24px;
  font-size: .8em;
  line-height: 2.6em;
  color: #666;
}
#navigation form{
  float:right;
  padding-right:22px;
  padding-top:8px;

}
#navigation form input#searchnav{
  font-family: Arial, sans-serif;
  border: 1px solid #cccccc;
  height:12px;
  width:130px;
  padding:2px;
  padding-left:20px;
  font-size:.8em;
  color:#444;
  background: #FFF url('../images/global/search.gif') no-repeat top left;
}
a {
  color: #709ee9;
}

#blog h1 a
{
    color: #709ee9;
    text-decoration: none;
}

* html #footer {
  padding-top: 5px;
  height: 21px;
}
#content {
  border-top: 1px solid #9cd12b;
  background: #FFF;
}
*html #content {
  width: 983px;
}
#footer a {
  color: #AAA;
  text-decoration: none;
  margin-right: 10px;
}
#footer a img {
  margin-right: -7px;
  margin-bottom: -1px;
}
#footer a:hover {
  text-decoration: underline;
}
#navigation {
  min-width: 983px;
  height: 71px;
  background: #FFF;
  z-index: 8;
  position: absolute;
  left: 0;
}
#logo {
  float: left;
}
#sub-navigation{
  float:left;
  padding: 0 26px;
}
#main-navigation {
  float: left;
  width: 796px;
  padding-left:26px;
  padding-right:0px;
}
#sub-navigation li{
  margin-top: 12px;
  float: left;
}
#main-navigation li {
  margin-top: 11px;
  float: left;
}
#main-navigation li a.navitem {
  border-bottom: 4px solid transparent;
  padding-bottom: 18px;
}
*+html #main-navigation li a.navitem {
  border-bottom: 4px solid #FFF;
  padding-bottom: 16px;
}
*html #main-navigation li a.navitem {
  padding-bottom: 12px;
  border-bottom: 4px solid #FFF;
}

#sub-navigation li a {
  margin-right: 12px;
}
#main-navigation li a {
  margin-right: 19px;
}
#main-navigation li a.nav-aboutus{
  margin-right:0px;
  margin-left:4px;
}
#header {
  float: left;
  margin-top: 65px;
  width: 920px;
}
#header.tall {
  height: 30px;
  padding: 32px 38px 10px 33px;
}
#header h1 {
  font-size: 1.5em;
  text-transform: uppercase;
  float: left;
}
#header.short {
  height: 13px;
  padding: 8px 38px 13px 33px;
}
*+html #header.short {
  padding-top: 20px;
}
*html #header.short h1 img {
  padding: 15px 38px 13px 33px;
}
a.button {
  float: right;
  text-transform: uppercase;
  font-size: .8em;
  padding: 7px 11px 5px 11px;
  text-decoration: none;
  color: #5f5f5f;
  font-weight: bold;
  border: 1px solid #bebebe;
  background: #FFF url('../images/global/header-buttonbg.gif') repeat-x;
}
a.button:hover {
  color: #888;
  background-position: 0px -50px;
}
span.indicator {
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 7px;
  margin-top: -2px;
}
.overlay-button {
  position: absolute;
  /*border: 1px solid #555;*/
}
.overlay-button:hover {
  /*border: 1px solid #888;*/
}
p {
  color: #333;
  line-height: 1.85em;
  font-size: .89em;
}
#content #details ul { /* set font on ul */
  color: #333;
  line-height: 1.85em;
  font-size: .89em;
}
p.fine-print {
  color: #7d7d7d;
  margin-top: 28px;
}
.module {
  float: left;
}
.module .tabs {
  position: absolute;
  text-transform: uppercase;
  margin-top:-5px;
}
.module .tabs li {
  cursor: pointer;
  padding-top: 5px;
  padding-left: 7px;
  float: left;
  color: #999;
  font-weight: bold;
  font-size: .85em;
  display: block;
  padding-right: 8px;
  height: 21px;

}
.module .tabs li:hover {
  color: #CCC;
}
.module .tabs li.selected {
  color: #fff;
  background-image: url('../images/exhibitions/module-tab.png');
}

.module .tabs li img{
  position:absolute;
  top:0;
  margin-left:5px;
}
.module .tabs li img{
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}
.module .tabs li.selected img{
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter:alpha(opacity=100);
}
.date {
  float: left;
  display: block;
  width: 39px;
  display: inline;
  margin: 0 10px 0 0;
}
.date a {
  color: #FFF;
  text-decoration: none;
}
.date span {
  clear: both;
  float: left;
  width: 100%;
  text-align: center;
  text-decoration: none;
}
.date .month {
  font-size: .95em;
  margin-top: 4px;
}
.date .day {
  font-size: 1.7em;
}
.date .time {
  font-size: .85em;
  margin-bottom: 4px;
}
.date a:hover {
  text-decoration: none;
}
.blue .date {
  background: #6b82b2;
  color: #FFF;
}
.red .date {
  background: #e14931;
  color: #FFF;
}
.green .date {
  background: #81b513;
  color: #FFF;
}
.purple .date {
  background: #9E5BA4;
  color: #FFF;
}
a:hover {
  text-decoration: underline;
}
img.box {
  border: 1px solid #e6e6e6;
}
a img.box:hover {
  border: 1px solid #CCC;
}
.hidden {
  display: none;
}
/* COLORS */
.blue-bg {
  background: #6896e3;
}
a.blue,.blue {
  color: #6896e3;
}
.red-bg {
  background: #e14931;
}
a.red,.red {
  color: #e14931;
}
.green-bg {
  background: #81b513;
}
a.green,.green {
  color: #81b513;
}
.purple-bg {
  background: #9e5ba4;
}
a.purple,.purple {
  color: #9e5ba4;
}
.yellow-bg {
  background: #c9c438;
}
a.yellow,.yellow {
  color: #c9c438;
}

/* DELUXE */
#back {
  z-index: 0;
}
.drop-down {
  position: absolute;
  left: 135px;
  background: #FFF;
  width: 796px;
  height: 243px;
  top: 71px;
  z-index: 100;
  border-top: 1px solid #dbdbdb;
  display: none;
  padding: 0px 26px 17px 26px;
  text-transform: uppercase;
}
.drop-down a {
  text-decoration: none;
}
.drop-down a:hover {
  text-decoration: underline;
}
.drop-down h4 {
  font-size: .8em;
  margin-top: 13px;
}
.drop-down .image img {
  border: 2px solid #FFF;
}
.drop-down .featured {
  float: left;
  border-right: 1px solid #e5e5e5;
}
.drop-down .category {
  font-size: .85em;
  margin-top: 4px;
  margin-bottom: 2px;
}
.drop-down .title a {
  color: #000;
}
.drop-down .date {
  position: absolute;
  margin: 2px;
}
.drop-down dl {
  margin-left: -2px;
}
*html .drop-down dl {
  margin-left: 0;
}
.drop-down dt.image img {
  border: 2px solid #FFF;
  margin-bottom: 4px;
}
.drop-down dt.image img:hover {
  border: 2px solid #6b82b2;
  margin-bottom: 4px;
}

.drop-down dt.blue img:hover {
  border: 2px solid #6b82b2;
}
.drop-down dt.red img:hover {
  border: 2px solid #e14931;
}
.drop-down dt.green img:hover {
  border: 2px solid #81b513;
}
.drop-down .links {
  float: right;
  width: 260px;
  _width: 280px;
}
.drop-down .links a {
  float: left;
  margin-top: 4px;
  color: #747373;
  font-size: .85em;
  width: 280px;
}
.drop-down .filter a {
  text-decoration: none;
  text-transform: uppercase;
  color: #747373;
  font-size: .85em;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 0px;
  padding-top: 0px;
}
.drop-down .filter li {
  width: 260px;
  height: 14px;
  margin-bottom: 0px;
}
*html .drop-down .filter li {
  width: 260px;
  height: 12px;
}
.drop-down .filter li.selected a:hover,.drop-down .filter li:hover a:hover {
  text-decoration: underline;
}
#overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  display: none;
  background-color: #000;
  opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=75);
  left: 0;
  top: 0;
  z-index: 1000000;
}
*html #overlay {
  position: absolute;
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat')?documentElement.scrollTop:document.body.scrollTop);;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}
/* NAV ITEMS*/
a.navitem {
  text-indent: -1000px;
  height: 12px;
  display: block;
}
a.topnavitem {
  text-indent: -1000px;
  height: 10px;
  display: block;
}
a.nav-calendar{
  width:48px;
  background: url('../images/global/nav-calendar.gif') no-repeat;
  background-position: 0 0;
}
a.nav-visit{
  width:24px;
  background: url('../images/global/nav-visit.gif') no-repeat;
  background-position: 0 0;
}
a.nav-involve{
  width:63px;
  background: url('../images/global/nav-getinvolved.gif') no-repeat;
  background-position: 0 0;
}
a.nav-shop{
  width:25px;
  background: url('../images/global/nav-shop.gif') no-repeat;
  background-position: 0 0;
}
a.nav-email{
  width:100px;
  background: url('../images/global/nav-email.gif') no-repeat;
  background-position: 0 0;
}
a.nav-home {
  width: 33px;
  background: url('../images/global/nav-home.gif') no-repeat;
  background-position: 0 0;
}
a.nav-exhibitions {
  width: 72px;
  background: url('../images/global/nav-exhibitions.gif') no-repeat;
  background-position: 0 0;
}
a.nav-programs {
  width: 61px;
  background: url('../images/global/nav-programs.gif') no-repeat;
  background-position: 0 0;
}
a.nav-collections {
  width: 73px;
  background: url('../images/global/nav-collections.gif') no-repeat;
  background-position: 0 0;
}
a.nav-residencies {
  width: 120px;
  background: url('../images/global/nav-artistresidencies.gif') no-repeat;
  background-position: 0 0;
}
a.nav-watchlisten {
  width: 83px;
  background: url('../images/global/nav-watchlisten.gif') no-repeat;
  background-position: 0 0;
}
a.nav-newsblogs {
  width: 75px;
  background: url('../images/global/nav-newsblogs.gif') no-repeat;
  background-position: 0 0;
}
a.nav-support {
  width: 51px;
  background: url('../images/global/nav-support.gif') no-repeat;
  background-position: 0 0;
}
a.nav-uclafilm {
  width: 137px;
  background: url('../images/global/nav-uclafilm.gif') no-repeat;
  background-position: 0 0;
}
a.nav-aboutus {
  width: 55px;
  background: url('../images/global/nav-aboutus.gif') no-repeat;
  background-position: 0 0;
}
a.navitem:hover, a.nav-on {
  background-position: -200px 0px;
}
a.topnavitem:hover{
  background-position: -100px 0px;
}
#main-navigation li.on a.navitem {
  border-bottom: 4px solid #6893e1;
  background-position: -200px 0px;
}

/* Newly added */
#sub-navigation a.nav-on{
  background-position: -100px 0px;
}

#calendar .search-result-title
{
    font-weight: bold;
    font-size: 1em;
}
.error {
    color: red;
}
.pitem a {
    text-decoration: none;
}