/* common styles for Harvard Office for the Arts site  */


/* GENERAL */

html, body {
  margin: 0px;
}
body {
  background-color: #d9e5e7;
}

/* clear block */
.tinyclear {
  clear: both;
  font-size: 0px;
  height: 0px;
}
/* clear self *//* http://www.positioniseverything.net/easyclearing.html */
.clearself:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }

/* don't allow to wrap */
.nowrap {
  white-space: nowrap;
}

/* elements for screen display or print display only */
.screenonly {
  display: block;
}
.printonly {
  display: none;
}
span.screenonly {
  display: inline;
}
span.printonly {
  display: none;
}

/* remove space around form */
form {
  display: inline;
  margin: 0;
  padding: 0;
}

/* standard table styles */
table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0px;
}
thead, tbody, tfoot {
  border: none;
}
/* table cells all aligned left and top */
td, th {
  text-align: left;
  vertical-align: top;
}

/* layout table */
/* note: cellspacing=0 must still be specified in table tag because of IE */
table.layouttable {
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}
table.layouttable td {
  padding: 0px;
}

/* default font and links */
html, body {
  font-family: Arial, Lucida, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 12px;
  line-height: 133%; /* relative to font size */
  color: #000000;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
  margin-top: 0px;
}
a,
a:link {
  color: #666666;
  text-decoration: underline;
}
a:visited {
  color: #666666;
  text-decoration: underline;
}
a:hover {
  color: #000000;
  text-decoration: underline;
}



/* PRE-PAGE */
/* hidden stuff and stuff outside of the normal page flow */

#divprepage {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
}



/* OUTER SHELL */
/* container for all page content */

#divoutershell {
  width: 856px;
  margin: 0px auto;
}



/* PAGE AREA */
/* canvas for content */

#divpagearea {
  position: relative;
}



/* PAGE SECTIONS */

#divheader {
  position: relative;
  z-index: 20;
  padding-top: 9px;
  background-image:  url(../../ofa/img/backgrounds/wide_mid.gif);
}
#divbody {
  padding: 8px 18px 8px 18px;
  background-image:  url(../../ofa/img/backgrounds/split_mid.gif);
}
#divfooter {
  background-image:  url(../../ofa/img/backgrounds/wide_mid.gif);
}
/* rounded corners */
#divbodytop {
  margin-top: 7px;
  height: 10px;
  background-image:  url(../../ofa/img/backgrounds/split_top.gif);
}
#divbodybot {
  height: 10px;
  background-image:  url(../../ofa/img/backgrounds/split_bot.gif);
}
#divfootertop {
  margin-top: 7px;
  height: 10px;
  background-image:  url(../../ofa/img/backgrounds/wide_top.gif);
}
#divheaderbot,
#divfooterbot {
  height: 10px;
  background-image:  url(../../ofa/img/backgrounds/wide_bot.gif);
}



/* SEARCH */

#divsearch {
  float: right;
  margin-right: 18px;
}
/* note - this table also includes quicklinks */
#searchform table {
  border-collapse: collapse;
}
/* input field */
#searchform td.input {
  border: 2px solid #d3d3d3;
  padding: 2px;
  vertical-align: middle;
}
#searchform input.inputbox  {
  margin: 0px;
  border: none;
  background-color: #ffffff;
  width: 100px;
  padding: 0px 4px;
  font-size: 0.92em;
  color: #666666;
}
/* go button */
#searchform td.button {
  border: 2px solid #d3d3d3;
  padding: 0px 2px;
  vertical-align: middle;
  background-color: #d3d3d3;
}
#searchform input.submitbutton  {
  border: none;
  background-color: #d3d3d3;
  padding: 0px;
  font-size: 0.92em;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}
/* cursor and slight color change to let you know it's alive */
#searchform input.submitbutton:hover  {
  cursor: pointer;
  color: #444444;
}



/* QUICK LINKS */
/* these are inside the search form/table */

/* spacer */
#searchform td.space {
  width: 7px;
}
/* cell containing quicklinks */
#searchform td.quicklinks {
  border: 2px solid #d3d3d3;
  background-color: #d3d3d3;
  vertical-align: middle;
  background-image:  url(../../ofa/img/quicklinks/rightarrow.gif);
  background-position: 125px 50%;
  background-repeat: no-repeat;
}
/* quicklinks container */
#divquicklinks {
  position: relative;
  z-index: 20;
  width: 137px;
}
/* visible heading in gray box */
#divquicklinks h2 {
  font-size: 0.92em;
  font-weight: normal;
  line-height: 100%;
  color: #333333;
  margin: 0px;
  padding: 4px 16px 4px 9px;
}
/* popup box */
#divquicklinkspopup {
  display: none;
  position: absolute;
  z-index: 20;
  left: -2px;
  top: 100%;
  width: 196px;
}
#divquicklinks:hover #divquicklinkspopup {
  display: block;
}
/* connector from heading to popup links */
#divquicklinksconnector {
  width: 141px;
  height: 9px;
  background-color: #d3d3d3;
}
/* boxes containing popup links */
#divquicklinkssection1,
#divquicklinkssection2 {
  border: 7px solid #d3d3d3;
  padding: 6px 7px 4px 7px;
  background-color: #ffffff;
}
#divquicklinkssection2 {
  border-top: none;
}
/* headings */
#divquicklinkspopup h3 {
  font-size: 0.92em;
  font-weight: bold;
  line-height: 120%;
  color: #000000;
  padding-bottom: 2px;
  background-image:  url(../../ofa/img/graydots.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
  margin-bottom: 2px;
}
#divquicklinkspopup ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divquicklinkspopup ul li {
  font-size: 0.92em;
  font-weight: normal;
  line-height: 120%;
  color: #666666;
  margin: 0px;
}
#divquicklinkspopup ul li a {
  display: block;
  width: 168px;
  padding: 3px 0px 3px 0px;
}
#divquicklinkspopup ul li a,
#divquicklinkspopup ul li a:link,
#divquicklinkspopup ul li a:visited {
  color: #666666;
  text-decoration: none;
}
#divquicklinkspopup ul li a:hover {
  color: #000000;
  text-decoration: underline;
}



/* TOOL LINKS */
/* these are also inside the search form/table */

/* cell containing tool links */
#searchform td.toollinks {
  vertical-align: middle;
}
/* tool links container */
#divtoollinks {
  width: 400px;
}
#divtoollinks ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divtoollinks ul li {
  float: right;
  margin-right: 4px;
  border-right: 1px solid #666666;
  padding-right: 4px;
  font-size: 0.92em;
  font-weight: normal;
  line-height: 100%;
  color: #666666;
}
#divtoollinks ul li.first {
  margin-right: 0px;
  border-right: none;
}
#divtoollinks a {
}
#divtoollinks a,
#divtoollinks a:link,
#divtoollinks a:visited {
  color: #666666;
  text-decoration: none;
}
#divtoollinks a:hover {
  color: #000000;
  text-decoration: underline;
}



/* SITE TITLE */

/* title area includes user links */
#divtitlearea {
  position: relative;
  z-index: 1;
}
/* may be h1 or h2 */
#sitetitle {
  clear: both;
  padding: 0px 0px 10px 18px;
  margin: 0px;
}



/* USER LINKS */
/* inside divtitlearea */

#divuserlinks {
  position: absolute;
  right: 28px;
  bottom: 8px;
  width: 400px;
  z-index: 1;
}
#divuserlinks p {
  float: right;
  margin: 0px 7px 0px 0px;
  font-size: 0.92em;
  font-weight: bold;
  line-height: 100%;
  color: #666666;
}
#divuserlinks ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divuserlinks ul li {
  float: right;
  margin-right: 4px;
  border-right: 1px solid #666666;
  padding-right: 4px;
  font-size: 0.92em;
  font-weight: normal;
  line-height: 100%;
  color: #666666;
}
#divuserlinks ul li.first {
  margin-right: 0px;
  border-right: none;
}
#divuserlinks a {
}
#divuserlinks a,
#divuserlinks a:link,
#divuserlinks a:visited {
  color: #666666;
  text-decoration: underline;
}
#divuserlinks a:hover {
  color: #000000;
  text-decoration: underline;
}



/* MAIN NAVIGATION */

#divprimarynav {
  margin-left: 18px;
}
/* outer list containing main items */
#divprimarynav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
}
/* main items */
#divprimarynav ul li {
  position: relative;
  z-index: 10;
  float: left;
  width: 135px;
  height: 43px;
  margin-right: 2px;
  font-size: 1.0em;
  font-weight: bold;
  line-height: 100%;
  color: #ffffff;
  background-repeat: no-repeat;
}
/* individual colors */
#divprimarynav ul li.grants {
  background-image:  url(../../ofa/img/nav/blue_off.gif);
}
body.grants #divprimarynav ul li.grants,
#divprimarynav ul li.grants:hover {
  background-image:  url(../../ofa/img/nav/blue_on.gif);
}
#divprimarynav ul li.events {
  background-image:  url(../../ofa/img/nav/aqua_off.gif);
}
body.events #divprimarynav ul li.events,
#divprimarynav ul li.events:hover {
  background-image:  url(../../ofa/img/nav/aqua_on.gif);
}
#divprimarynav ul li.visitingartists {
  background-image:  url(../../ofa/img/nav/green_off.gif);
}
body.visitingartists #divprimarynav ul li.visitingartists,
#divprimarynav ul li.visitingartists:hover {
  background-image:  url(../../ofa/img/nav/green_on.gif);
}
#divprimarynav ul li.visualarts {
  background-image:  url(../../ofa/img/nav/orange_off.gif);
}
body.visualarts #divprimarynav ul li.visualarts,
#divprimarynav ul li.visualarts:hover {
  background-image:  url(../../ofa/img/nav/orange_on.gif);
}
#divprimarynav ul li.performingarts {
  background-image:  url(../../ofa/img/nav/red_off.gif);
}
body.performingarts #divprimarynav ul li.performingarts,
#divprimarynav ul li.performingarts:hover {
  background-image:  url(../../ofa/img/nav/red_on.gif);
}
#divprimarynav ul li.courses {
  background-image:  url(../../ofa/img/nav/purple_off.gif);
}
body.courses #divprimarynav ul li.courses,
#divprimarynav ul li.courses:hover {
  background-image:  url(../../ofa/img/nav/purple_on.gif);
}
/* main links */
#divprimarynav ul li a {
  display: block;
  width: 135px;
  padding: 17px 0px 10px 0px;
}
#divprimarynav ul li a,
#divprimarynav ul li a:link,
#divprimarynav ul li a:visited,
#divprimarynav ul li a:hover {
  color: #ffffff;
  text-decoration: none;
}
/* popup menu */
#divprimarynav ul li ul {
  display: none;
  position: absolute;
  left: 0px;
  top: 43px;
  top: 100%;
  width: 135px;
  padding: 8px 0px 4px 0px;
  text-align: left;
  background-color: #ffffff;
}
#divprimarynav ul li:hover ul {
  display: block;
}
/* menu items */
#divprimarynav ul li ul li {
  position: static;
  float: none;
  width: auto;
  height: auto;
  margin: 0px;
  font-size: 1.0em;
  font-weight: normal;
  line-height: 125%;
  color: #333333;
  background-image: none;
}
#divprimarynav ul li ul li a {
  display: block;
  padding: 3px 4px 3px 6px;
  width: 125px;
}
#divprimarynav ul li ul li a,
#divprimarynav ul li ul li a:link,
#divprimarynav ul li ul li a:visited {
  color: #333333;
  text-decoration: none;
}
#divprimarynav ul li ul li a:hover {
  color: #000000;
  text-decoration: underline;
}



/* BODY */

/* columns */
#divleftcolumn {
  float: left;
  width: 148px;
  margin-right: 43px;
}
#divcentercolumn {
  float: left;
  width: 629px;
}
#divleftcentercolumn {
  float: left;
  width: 363px;
  margin-right: 16px;
}
#divrightcentercolumn {
  float: left;
  width: 250px;
}

/* common text styles */
#divbody p {
  font-size: 0.92em;
  line-height: 130%;
  color: #000000;
  margin-bottom: 1.15em;
}
#divbody li {
  font-size: 0.92em;
  line-height: 130%;
  color: #000000;
}
#divbody a,
#divbody a:link {
  color: #006699;
  text-decoration: underline;
}
#divbody a:visited {
  color: #006699;
  text-decoration: underline;
}
#divbody a:hover {
  color: #003366;
  text-decoration: underline;
}
/* links that trail a section of text */
#divbody p.trailinglink {
  line-height: 100%;
  padding-top: 7px;
  background-image:  url(../../ofa/img/graydots.gif);
  background-position: left top;
  background-repeat: repeat-x;
  margin-bottom: 0px;
}

/* secondary navigation */
/* buttons */
#divsecondarynav p.button {
  font-size: 0.92em;
  font-weight: bold;
  line-height: 100%;
  color: #333333;
  margin-bottom: 2px;
}
#divsecondarynav p.button a {
  display: block;
  width: 132px;
  padding: 6px 8px 6px 8px;
}
#divsecondarynav p.button a,
#divsecondarynav p.button a:link,
#divsecondarynav p.button a:visited {
  color: #333333;
  background-color: #dbdbdb;
  text-decoration: none;
}
#divsecondarynav p.button a:hover {
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
}
#divsecondarynav p.button a.active {
  color: #ffffff !important;
  background-color: #000000 !important;
}
/* lists with headings */
#divsecondarynav h2 {
  margin-top: 16px;
  font-size: 0.92em;
  font-weight: bold;
  line-height: 100%;
  color: #000000;
  padding-bottom: 3px;
  background-image:  url(../../ofa/img/graydots.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
  margin-bottom: 3px;
}
#divsecondarynav ul {
  margin: 0px 0px 16px 0px;
  padding: 0px;
  list-style: none;
}
#divsecondarynav ul li {
  font-size: 0.92em;
  line-height: 110%;
  margin: 0px;
}
#divsecondarynav ul li a {
  display: block;
  width: 140px;
  padding: 3px 0px 3px 8px;
}
#divsecondarynav ul li a,
#divsecondarynav ul li a:link,
#divsecondarynav ul li a:visited {
  color: #666666;
  text-decoration: none;
}
#divsecondarynav ul li a:hover {
  color: #000000;
  text-decoration: underline;
}
#divsecondarynav ul li a.active {
  font-weight: bold;
  color: #000000 !important;
  text-decoration: underline !important;
}
#divsecondarynav ul.filter li a.active {
  font-weight: bold;
  color: #ffffff !important;
  text-decoration: none !important;
  background-color: #000000;
}

/** breadcrumbs **/
p#breadcrumbs {
  font-size: 0.92em;
  line-height: 100%;
  color: #333333;
  background-color: #dbdbdb;
  padding: 7px 11px 6px 11px;
  margin-bottom: 2px;
}
p#breadcrumbs a,
p#breadcrumbs a:link,
p#breadcrumbs a:visited {
  color: #333333;
  text-decoration: underline;
}
p#breadcrumbs a:hover {
  color: #000000;
  text-decoration: underline;
}



/* EVENTS BLOCK */

/** events **/
#divevents {
  width: 250px;
  margin-bottom: 15px;
}
/* heading */
#divevents h2 {
  padding: 8px 0px 0px 0px;
  height: 17px;
  margin-bottom: 2px !important;
  font-size: 1.08em;
  font-weight: bold;
  line-height: 100%;
  color: #007daa;
  border-bottom: 5px solid #000000;
}
/* tabs */
#divevents .divtabs {
  background-color: #ededed;
}
/*Padding for support index no tab BeN 8/20/12*/
.divtabsNotabs {padding: 10px 10px 20px 10px;}

#divevents .divtabs ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
}
#divevents .divtabs ul li {
  float: left;
  width: 124px;
  height: 31px;
  margin-right: 2px;
  font-size: 0.84em;
  font-weight: bold;
  line-height: 100%;
  text-transform: uppercase;
  background-image:  url(../../ofa/img/visualarts/eventstab_off.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}
#divevents .divtabs ul li.monthevents {
  margin-right: 0px;
}
#divevents .divtabs ul li.ui-tabs-selected {
  background-image:  url(../../ofa/img/visualarts/eventstab_on.gif);
}
#divevents .divtabs ul li a {
  display: block;
  padding: 7px 0px 8px 0px;
  width: 124px;
  min-height: 16px;
}
#divevents .divtabs ul li a,
#divevents .divtabs ul li a:link,
#divevents .divtabs ul li a:visited {
  color: #666666;
  text-decoration: none;
}
#divevents .divtabs ul li a:hover {
  color: #000000;
  text-decoration: none;
}
#divevents .divtabs ul li.ui-tabs-selected a {
  color: #ffffff !important;
}
/* panels */
#divevents .divpanels {
  padding: 0px 14px 0px 14px;
  background-color: #ededed;
  min-height: 249px;
}
/* events panel */
#divevents .divpanel {
  padding: 8px 0px 2px 0px;
  margin: 0px;
  width: 222px;
  min-height: 214px;
}
#divevents span.datetime {
  font-weight: bold;
}
/* trailing link */
#divevents p.trailinglink {
  padding-bottom: 6px;
}



/* FOOTER */

#divfooter {
  padding: 2px 6px 2px 10px;
  min-height: 11px;
  background-color: #ffffff;
  background-image:  url(../../ofa/img/footer/harvardshield.gif);
  background-position: 13px 50%;
  background-repeat: no-repeat;
}
#divfooter ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divfooter ul li {
  float: left;
  border-left: 1px solid #666666;
  font-size: 0.92em;
  line-height: 100%;
  color: #666666;
}
/* standard links */
#divfooter a {
  display: block;
  min-height: 11px;
  padding: 0px 4px;
}
#divfooter a,
#divfooter a:link,
#divfooter a:visited {
  color: #666666;
  text-decoration: none;
}
#divfooter a:hover {
  color: #000000;
  text-decoration: underline;
}
/* Harvard link */
#divfooter ul li.harvardlink {
  border-left: none;
}
#divfooter ul li.harvardlink a {
  padding-left: 24px;
  color: #000000 !important;
}
/* copyright (which is not a link) */
#divfooter ul li.copyright {
  padding: 0px 4px 0px 1px;
  border-left: none;
}




/****************************/
/*** PAGE-SPECIFIC STYLES ***/
/****************************/


/*** HOME PAGE STYLES ***/

/* single column backgrounds */
body.home #divbody {
  background-image:  url(../../ofa/img/backgrounds/wide_mid.gif);
}
body.home #divbodytop {
  background-image:  url(../../ofa/img/backgrounds/wide_top.gif);
}
body.home #divbodybot {
  background-image:  url(../../ofa/img/backgrounds/wide_bot.gif);
}

/** spotlight **/
body.home #divspotlight {
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
  width: 820px;
  height: 285px;
  overflow: hidden;
  background-color: #000000;
}
/* spotlight item */
body.home #divspotlight div.spotlightitem {
  display: none;
}
/* photos */
body.home #divspotlight div.image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 820px;
  height: 285px;
  z-index: 1;
}
body.home #divspotlight div.image img {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
}
body.home #divspotlight div.image img.photoright {
  left: 555px;
}
/* color overlay */
body.home #divspotlight div.image img.color {
  z-index: 2;
  left: 555px;
}
/* text */
body.home #divspotlight div.text {
  position: absolute;
  left: 579px;
  top: 24px;
  width: 222px;
  height: 249px;
  z-index: 5;
  background-color: transparent;
}
body.home #divspotlight div.text h2 {
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 6px;
}
body.home #divspotlight div.text p {
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  color: #ffffff;
}
body.home #divspotlight div.text p a,
body.home #divspotlight div.text p a:link,
body.home #divspotlight div.text p a:visited {
  color: #ffffff;
  text-decoration: underline;
}
body.home #divspotlight div.text p a:hover {
  color: #ffffff;
  text-decoration: none;
}
/* prev/next links */
body.home #divspotlight div.text p.prevnext {
  position: absolute;
  z-index: 1;
  right: 0px;
  bottom: 0px;
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  color: #ffffff;
  text-transform: uppercase
}
body.home #divspotlight div.text p.prevnext a,
body.home #divspotlight div.text p.prevnext a:link,
body.home #divspotlight div.text p.prevnext a:visited {
  color: #ffffff;
  text-decoration: none;
}
body.home #divspotlight div.text p.prevnext a:hover {
  color: #ffffff;
  text-decoration: underline;
}
body.home #divspotlight div.text p.prevnext a.previous {
  padding-left: 9px;
  background-image:  url(../../ofa/img/home/spotlight/leftarrow.gif);
  background-position: left 50%;
  background-repeat: no-repeat;
  padding-right: 4px;
  border-right: 1px solid #ffffff;
}
body.home #divspotlight div.text p.prevnext a.next {
  padding-left: 4px;
  padding-right: 9px;
  background-image:  url(../../ofa/img/home/spotlight/rightarrow.gif);
  background-position: right 50%;
  background-repeat: no-repeat;
}
/* spotlight no-javascript styles */
body.home #divspotlight div.first {
  display: block; /* make sure one is displayed if javascript off */
}
body.home #divspotlight div.text p.prevnext {
  display: none; /* don't need these links if javascript off */
}

/** news **/
body.home #divnews {
  float: left;
  width: 556px;
  min-height: 344px;
  margin-right: 14px;
  padding-bottom: 18px;
  background-image:  url(../../ofa/img/home/bluebar.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}
body.home #divnews h2 {
  font-size: 1.50em;
  font-weight: bold;
  line-height: 100%;
  color: #f4760b;
  margin-bottom: 0px;
}
/* tabs */
body.home #divnews .divtabs {
  background-image:  url(../../ofa/img/home/bluebar.gif);
  background-position: 0px 25px;
  background-repeat: no-repeat;
}
body.home #divnews .divtabs ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
}
body.home #divnews .divtabs ul li {
  float: left;
  width: 184px;
  height: 39px;
  margin-right: 2px;
  font-size: 1.08em;
  font-weight: bold;
  line-height: 100%;
  background-image:  url(../../ofa/img/home/newstab_off.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}
body.home #divnews .divtabs ul li.opportunities {
  margin-right: 0px;
}
body.home #divnews .divtabs ul li.ui-tabs-selected {
  background-image:  url(../../ofa/img/home/newstab_on.gif);
}
body.home #divnews .divtabs ul li a {
  display: block;
  padding: 8px 0px 14px 0px;
  width: 184px;
  min-height: 17px;
}
body.home #divnews .divtabs ul li a,
body.home #divnews .divtabs ul li a:link,
body.home #divnews .divtabs ul li a:visited {
  color: #666666;
  text-decoration: none;
}
body.home #divnews .divtabs ul li a:hover {
  color: #000000;
  text-decoration: none;
}
body.home #divnews .divtabs ul li.ui-tabs-selected a {
  color: #ffffff !important;
}
/* tweets */
body.home #divnews #tweets {
  padding: 20px 0px 0px 80px;
  width: 476px;
  background-image:  url(../../ofa/img/home/twittericon.gif);
  background-position: 15px 21px;
  background-repeat: no-repeat;
}
body.home #divnews #tweets ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
body.home #divnews #tweets ul li {
  margin-bottom: 1.15em;
}
body.home #divnews #tweets span.meta {
  color: #f4760b;
}
/* blog */
body.home #divnews #blog {
  padding: 16px 0px 0px 0px;
}
body.home #divnews #blog div.photo {
  float: left;
  width: 182px;
  margin-right: 18px;
}
body.home #divnews #blog div.text {
  float: left;
  width: 356px;
}
/* opportunities */
body.home #divnews #opportunities {
  padding: 16px 0px 0px 0px;
}

body.home #divnews #opportunities div.photo {
  float: left;
  margin-right: 18px;
}
body.home #divnews #opportunities div.text {
	float: left;
  width: 345px;
}


/** events **/
body.home #divevents {
  float: left;
  min-height: 362px;
}
/* heading */
body.home #divevents h2 {
  border-bottom-color: #007daa;
}
/* panels */
body.home #divevents .divpanels {
  margin-bottom: 2px;
}
/* buttons */
body.home #divevents p.button {
  font-size: 0.92em;
  font-weight: bold;
  line-height: 100%;
  color: #ffffff;
  margin-bottom: 2px;
}
body.home #divevents p.facebook {
  margin-bottom: 0px;
}
body.home #divevents p.button a {
  display: block;
  width: 228px;
  min-height: 15px;
  padding: 6px 11px 2px 11px;
}
body.home #divevents p.facebook a {
  width: 216px;
  padding-right: 23px;
  background-image:  url(../../ofa/img/facebookicon.gif);
  background-position: 230px 50%;
  background-repeat: no-repeat;
}
body.home #divevents p.button a,
body.home #divevents p.button a:link,
body.home #divevents p.button a:visited {
  color: #ffffff;
  background-color: #007daa;
  text-decoration: none;
}
body.home #divevents p.button a:hover {
  color: #ffffff;
  background-color: #007daa;
  text-decoration: underline;
}



/*** LEVEL 2 PAGES ***/

/** spotlight **/
body.level2 #divspotlight {
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
  width: 629px;
  height: 269px;
  overflow: hidden;
  background-color: #000000;
}
/* photos */
body.level2 #divspotlight div.image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 629px;
  height: 269px;
  z-index: 1;
}
body.level2 #divspotlight div.image img {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
}
body.level2 #divspotlight div.image img.photoright {
  left: 260px;
}
/* color overlay */
body.level2 #divspotlight div.image img.color {
  z-index: 2;
}
body.level2 #divspotlight div.image img.screenonly {
  display: block;
}
body.level2 #divspotlight div.image img.printonly {
  display: none;
}
/* text */
body.level2 #divspotlight div.text {
  position: absolute;
  left: 11px;
  top: 16px;
  width: 238px;
  height: 235px;
  z-index: 5;
  background-color: transparent;
}
body.level2 #divspotlight div.text h1 {
  font-size: 24px;
  font-weight: bold;
 line-height:100%  
# line-height: 24px;
  color: #ffffff;
  margin-bottom: 6px;
}
body.level2 #divspotlight div.text p {
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  color: #ffffff;
}
body.level2 #divspotlight div.text p a,
body.level2 #divspotlight div.text p a:link,
body.level2 #divspotlight div.text p a:visited {
  color: #ffffff;
  text-decoration: underline;
}
body.level2 #divspotlight div.text p a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* prev/next links */
body.level2 #divspotlight div.text p.prevnext {
  position: absolute;
  z-index: 1;
  right: 0px;
  bottom: 0px;
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  color: #ffffff;
  text-transform: uppercase
}
body.level2 #divspotlight div.text p.prevnext a,
body.level2 #divspotlight div.text p.prevnext a:link,
body.level2 #divspotlight div.text p.prevnext a:visited {
  color: #ffffff;
  text-decoration: none;
}
body.level2 #divspotlight div.text p.prevnext a:hover {
  color: #ffffff;
  text-decoration: underline;
}
body.level2 #divspotlight div.text p.prevnext a.previous {
  padding-left: 9px;
  background-image:  url(../../ofa/img/home/spotlight/leftarrow.gif);
  background-position: left 50%;
  background-repeat: no-repeat;
  padding-right: 4px;
  border-right: 1px solid #ffffff;
}
body.level2 #divspotlight div.text p.prevnext a.next {
  padding-left: 4px;
  padding-right: 9px;
  background-image:  url(../../ofa/img/home/spotlight/rightarrow.gif);
  background-position: right 50%;
  background-repeat: no-repeat;
}
/* spotlight no-javascript styles */
body.level2 #divspotlight div.first {
  display: block; /* make sure one is displayed if javascript off */
}
body.level2 #divspotlight div.text p.prevnext {
  display: none; /* don't need these links if javascript off */
}
/************************/

/* headings */
body.level2 #divcentercolumn h2 {
  padding: 0px;
  height: 17px;
  margin-bottom: 12px;
  font-size: 1.08em;
  font-weight: bold;
  line-height: 125%;
  color: #000000;
  border-bottom: 5px solid #000000;
}

/* tweets */
body.level2 #divtweets {
  margin-bottom: 24px;
  
}
body.level2 #divtweets ul {
  margin: 0px;
  padding: 0px 53px 0px 0px;
  list-style: none;
  background-image:  url(../../ofa/img/twittericon.gif);
  background-position: 328px 0px;
  background-repeat: no-repeat;
}
body.level2 #divtweets ul li {
  margin-bottom: 1.15em;
}
body.level2 #divtweets span.meta {
  font-weight: bold;
  color: #000000;
}

/* blog */
body.level2 #divblog {
}
body.level2 #divblog div.divblogpost {
  margin: 12px 0px 8px 0px;
  padding-bottom: 1px;
  background-image:  url(../../ofa/img/graydots.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}
body.level2 #divblog div.divblogpost h3, .welcomeText h3{
  font-size: 1.50em;
  font-weight: bold;
  line-height: 120%;
  color: #000000;
  margin-bottom: 0px;
}

.welcomeText h3{margin-bottom: 5px;}

body.level2 #divblog div.divblogpost p.meta {
  color: #666666;
}
body.level2 #divblog div.divblogpost p.meta a,
body.level2 #divblog div.divblogpost p.meta a:link,
body.level2 #divblog div.divblogpost p.meta a:visited {
  color: #666666;
  text-decoration: underline;
}
body.level2 #divblog div.divblogpost p.meta a:hover {
  color: #000000;
  text-decoration: underline;
}
/* pager and link to full blog */
body.level2 #divblog p.pager {
  float: right;
  text-align: right;
  line-height: 100%;
  margin-bottom: 0px;
}
body.level2 #divblog p.fullbloglink {
  line-height: 100%;
  margin-bottom: 0px;
}

/* image block links in right column */
#divbody p.blocklink {
  width: 250px;
  height: 151px;
  overflow: hidden;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 16px;
}
#divbody p.blocklink a {
  display: block;
  padding: 90px 14px 2px 14px;
  width: 222px;
  height: 59px;
  background-color: #000000;
}
#divbody p.blocklink a,
#divbody p.blocklink a:link,
#divbody p.blocklink a:visited {
  color: #ffffff;
  text-decoration: none;
}
#divbody p.blocklink a:hover {
  color: #ffffff;
  text-decoration: none;
}



/*** LEVEL 3 PAGES ***/

/* section name */
body.level3 #divcentercolumn p.sectiontitle {
  margin-bottom: 14px;
}
/* page title */
body.level3 #divcentercolumn h1 {
  padding: 0px;
  height: 17px;
  margin-bottom: 20px;
  font-size: 1.17em;
  font-weight: bold;
  line-height: 100%;
  color: #000000;
  border-bottom: 5px solid #000000;
}
/* page title that is also section title */
body.level3 #divcentercolumn h1.sectiontitle {
  height: auto;
  margin-bottom: 14px;
  border: none;
 line-height:100%
}
/* introduction */
body.level3 #divcentercolumn p.introduction {
  font-size: 1.17em;
  color: #000000;
  padding-bottom: 14px;
  background-image:  url(../../ofa/img/graydots.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}
/* subheadings */
body.level3 #divcentercolumn h3 {
  font-size: 0.92em;
  line-height: 130%;
  color: #000000;
  margin-bottom: 0px;
}
/* right-floating image with caption */
body.level3 #divcentercolumn p.inset {
  float: right;
  padding: 0px 0px 16px 16px;
  font-weight: bold;
  color: #000000;
  background-color: #ffffff;
}
body.level3 #divcentercolumn p.inset img {
  margin-bottom: 2px;
}



/*** CALENDAR ***/

/* left column calendar navigation */
#divcalendarnav {
}
#divcalendarnav h2 {
  padding: 3px 0px 0px 0px;
  height: 17px;
  margin-bottom: 2px !important;
  font-size: 1.08em;
  font-weight: bold;
  line-height: 100%;
  color: #13c1bf;
  border-bottom: 5px solid #13c1bf;
}
/* filter groups */
#divcalendarnav .divfiltergroupopen {
  padding-bottom: 16px;
}
#divcalendarnav .divfiltergroupclosed {
  padding-bottom: 0px;
}
/* filter group open/close button */
#divcalendarnav .divfiltergroup h3 {
  font-size: 0.83em;
  font-weight: bold;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 2px;
}
#divcalendarnav .divfiltergroup h3 a {
  display: block;
  width: 122px;
  padding: 6px 18px 6px 8px;
  background-position: 135px 50%;
  background-repeat: no-repeat;
}
#divcalendarnav .divfiltergroup h3 a,
#divcalendarnav .divfiltergroup h3 a:link,
#divcalendarnav .divfiltergroup h3 a:visited {
  color: #333333;
  background-color: #dbdbdb;
  text-decoration: none;
}
#divcalendarnav .divfiltergroup h3 a:hover {
  color: #000000;
  background-color: #dbdbdb;
  text-decoration: none;
}
#divcalendarnav .divfiltergroupopen h3 a {
  background-image:  url(../../ofa/img/events/calendar/filtergroup_open.gif);
}
#divcalendarnav .divfiltergroupclosed h3 a {
  background-image:  url(../../ofa/img/events/calendar/filtergroup_closed.gif);
}
/* month calendar filter */
#divcalendarnav .monthtable {
  width: 148px;
  margin-bottom: 6px;
}
#divcalendarnav .monthtable td,
#divcalendarnav .monthtable th {
  padding: 5px 4px;
  font-size: 0.92em;
  line-height: 100%;
  color: #333333;
  text-align: center;
  vertical-align: middle;
}
#divcalendarnav .monthtable th {
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
}
#divcalendarnav .monthtable td a,
#divcalendarnav .monthtable td a:link,
#divcalendarnav .monthtable td a:visited {
  color: #333333;
  text-decoration: none;
}
#divcalendarnav .monthtable td a:hover {
  color: #333333;
  text-decoration: underline;
}
/* active rows and days */
#divcalendarnav .monthtable tr.active td,
#divcalendarnav .monthtable tr td.active {
  background-color: #13c1bf;
}
#divcalendarnav .monthtable tr.active td a,
#divcalendarnav .monthtable tr td.active a {
  color: #ffffff !important;
}
/* by day/week/month */
#divcalendarnav p.timespan {
  font-size: 0.92em;
  line-height: 100%;
  color: #999999;
  text-align: center;
  margin-bottom: 0px;
}
#divcalendarnav p.timespan a,
#divcalendarnav p.timespan a:link,
#divcalendarnav p.timespan a:visited {
  color: #999999;
  text-decoration: none;
}
#divcalendarnav p.timespan a:hover {
  color: #999999;
  text-decoration: underline;
}
#divcalendarnav p.timespan a.active {
  color: #000000 !important;
  text-decoration: none;
}

/* list of filters */
#divcalendarnav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divcalendarnav ul li {
  font-size: 0.92em;
  line-height: 110%;
  margin: 0px;
}
#divcalendarnav ul li a {
  display: block;
  width: 140px;
  padding: 3px 0px 3px 8px;
}
#divcalendarnav ul li a,
#divcalendarnav ul li a:link,
#divcalendarnav ul li a:visited {
  color: #666666;
  text-decoration: none;
}
#divcalendarnav ul li a:hover {
  color: #000000;
  text-decoration: underline;
}
#divcalendarnav ul li a.active {
  font-weight: bold;
  color: #ffffff !important;
  text-decoration: none !important;
  background-color: #13c1bf;
}
/* block link */
#divcalendarnav p.blocklink {
  width: 148px;
  height: 89px;
  overflow: hidden;
  font-size: 20px;
  line-height: 22px;
  margin-top: 20px;
  margin-bottom: 2px;
}
#divcalendarnav p.blocklink a {
  display: block;
  padding: 38px 10px 2px 8px;
  width: 130px;
  height: 49px;
  background-color: #000000;
  background-image:  url(../../ofa/img/events/calendar/blocklinkbkg.jpg);
}
#divcalendarnav p.blocklink a,
#divcalendarnav p.blocklink a:link,
#divcalendarnav p.blocklink a:visited {
  color: #13c1bf;
  text-decoration: none;
}
#divcalendarnav p.blocklink a:hover {
  color: #13c1bf;
  text-decoration: none;
}
/* button links */
#divcalendarnav p.button {
  font-size: 0.92em;
  font-weight: bold;
  line-height: 120%;
  color: #ffffff;
  margin-bottom: 2px;
}
#divcalendarnav p.button a {
  display: block;
  width: 102px;
  padding: 4px 38px 4px 8px;
}
#divcalendarnav p.facebook a {
  background-image:  url(../../ofa/img/facebookicon.gif);
  background-position: 120px 50%;
  background-repeat: no-repeat;
}
#divcalendarnav p.button a,
#divcalendarnav p.button a:link,
#divcalendarnav p.button a:visited {
  color: #ffffff;
  background-color: #007daa;
  text-decoration: none;
}
#divcalendarnav p.button a:hover {
  color: #ffffff;
  background-color: #007daa;
  text-decoration: underline;
}

/* main calendar table */
#calendartable {
  margin-top: -16px;
  border-collapse: separate;
  width: 100%;
}
#calendartable th {
  padding: 16px 20px 2px 0px;
  font-size: 1.17em;
  font-weight: bold;
  line-height: 100%;
  color: #13c1bf;
  border-bottom: 5px solid #13c1bf;
}
#calendartable td {
  border-top: 2px solid #ffffff;
  background-color: #ececec;
  vertical-align: middle;
  font-size: 1.0em;
  line-height: 120%;
  color: #000000;
}
#calendartable td.time {
  padding: 12px 15px 11px 11px;
  white-space: nowrap;
}
#calendartable td.eventimage {
  padding: 8px 10px 8px 0px;
}
#calendartable td.eventimage img {
  border: 5px solid #ffffff;
}
#calendartable td.event {
  padding: 12px 0px 11px 0px;
  font-weight: bold;
  width: 100%; /* force all extra space into this column */
}
#calendartable td.category {
  padding: 12px 15px 11px 20px;
  font-size: 0.92em;
  color: #999999;
  white-space: nowrap;
}
/* event detail */
#calendartable td.eventdetail {
  padding: 12px 11px 11px 0px;
  font-size: 1.0em;
}
#calendartable .diveventdetail {
  position: relative;
  z-index: 1;
}
#calendartable .diveventdetail .divclose {
  position: absolute;
  right: 0px;
  top: 0px;
}
#calendartable .eventdetailheadtable {
  width: 100%;
}
#calendartable .eventdetailheadtable td {
  vertical-align: middle;
  border: none;
}
#calendartable .eventdetailheadtable td.eventimage {
  padding: 0px;
  background-color: #ffffff;
}
#calendartable .eventdetailheadtable td.eventimage img {
  border-top: 5px solid #ffffff;
  border-left: 5px solid #ffffff;
  border-right: 5px solid #ffffff;
  border-bottom: none;
}
#calendartable .eventdetailheadtable td.title {
  padding: 0px 0px 0px 10px;
  width: 100%;
  font-size: 1.84em;
  font-weight: bold;
  line-height: 110%;
  color: #000000;
}
#calendartable .eventdetailbodytable {
  width: 100%;
}
#calendartable .eventdetailbodytable td {
  background-color: #ffffff;
  text-align: left;
  vertical-align: top;
  border: none;
}
#calendartable .eventdetailbodytable td.info {
  padding: 10px 22px 10px 10px;
  width: 40%;
}
#calendartable .eventdetailbodytable td.info span.location {
  display: block;
  font-size: 0.92em;
  line-height: 130%;
  color: #000000;
  margin-bottom: 20px;
}
#calendartable .eventdetailbodytable td.info span.tickets {
  display: block;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 130%;
  color: #000000;
  margin-bottom: 28px;
}
#calendartable .eventdetailbodytable td.info span.button {
  display: block;
  margin-bottom: 2px;
  font-size: 0.92em;
  font-weight: bold;
  line-height: 100%;
  color: #000000;
  text-align: center;
}
#calendartable .eventdetailbodytable td.info span.button a {
  display: block;
  padding: 6px;
  width: 178px;
  background-color: #13c1bf;
}
#calendartable .eventdetailbodytable td.info span.button a,
#calendartable .eventdetailbodytable td.info span.button a:link,
#calendartable .eventdetailbodytable td.info span.button a:visited {
  color: #ffffff;
  text-decoration: none;
}
#calendartable .eventdetailbodytable td.info span.button a:hover {
  color: #ffffff;
  text-decoration: underline;
}
#calendartable .eventdetailbodytable td.description {
  padding: 10px 10px 10px 0px;
  width: 60%;
}
#calendartable .eventdetailbodytable td.description span.description {
  display: block;
  font-size: 0.92em;
  line-height: 130%;
  color: #000000;
  margin-bottom: 20px;
}
#calendartable .eventdetailbodytable td.description span.links {
  display: block;
  font-size: 0.92em;
  line-height: 130%;
  color: #000000;
  margin-bottom: 0px;
}



/*** BOX OFFICE ***/

/** spotlight **/
body.events_boxoffice #divspotlight {
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
  width: 629px;
  height: 269px;
  background-color: #000000;
}
/* static content */
body.events_boxoffice #divspotlight div.spotlightstatic div.image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 260px;
  height: 269px;
  z-index: 1;
}
body.events_boxoffice #divspotlight div.spotlightstatic div.image img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
body.events_boxoffice #divspotlight div.spotlightstatic div.image img.color {
  z-index: 2;
}
body.events_boxoffice #divspotlight div.spotlightstatic div.text {
  position: absolute;
  left: 11px;
  top: 16px;
  width: 238px;
  height: 166px;
  z-index: 5;
  background-color: transparent;
}
/* spotlight items */
body.events_boxoffice #divspotlight div.spotlightitem {
  display: none;
}
body.events_boxoffice #divspotlight div.spotlightitem div.image {
  position: absolute;
  left: 260px;
  top: 0px;
  width: 369px;
  height: 269px;
  z-index: 1;
  overflow: hidden;
}
body.events_boxoffice #divspotlight div.spotlightitem div.image img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
body.events_boxoffice #divspotlight div.spotlightitem div.text {
  position: absolute;
  left: 11px;
  top: 190px;
  width: 238px;
  height: 79px;
  z-index: 5;
  background-color: transparent;
}
/* text styles */
body.events_boxoffice #divspotlight div.text h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 6px;
}
body.events_boxoffice #divspotlight div.text p {
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  color: #ffffff;
}
body.events_boxoffice #divspotlight div.text p a,
body.events_boxoffice #divspotlight div.text p a:link,
body.events_boxoffice #divspotlight div.text p a:visited {
  color: #ffffff;
  text-decoration: underline;
}
body.events_boxoffice #divspotlight div.text p a:hover {
  color: #ffffff;
  text-decoration: none;
}
/* prev/next links */
body.events_boxoffice #divspotlight div.text p.prevnext {
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
body.events_boxoffice #divspotlight div.text p.prevnext a,
body.events_boxoffice #divspotlight div.text p.prevnext a:link,
body.events_boxoffice #divspotlight div.text p.prevnext a:visited {
  color: #ffffff;
  text-decoration: none;
}
body.events_boxoffice #divspotlight div.text p.prevnext a:hover {
  color: #ffffff;
  text-decoration: underline;
}
body.events_boxoffice #divspotlight div.text p.prevnext a.previous {
  padding-left: 9px;
  background-image:  url(../../ofa/img/home/spotlight/leftarrow.gif);
  background-position: left 50%;
  background-repeat: no-repeat;
  padding-right: 4px;
  border-right: 1px solid #ffffff;
}
body.events_boxoffice #divspotlight div.text p.prevnext a.next {
  padding-left: 4px;
  padding-right: 9px;
  background-image:  url(../../ofa/img/home/spotlight/rightarrow.gif);
  background-position: right 50%;
  background-repeat: no-repeat;
}
/* spotlight no-javascript styles */
body.events_boxoffice #divspotlight div.first {
  display: block; /* make sure one is displayed if javascript off */
}
body.events_boxoffice #divspotlight div.text p.prevnext {
  display: none; /* don't need these links if javascript off */
}



/*** COURSES ***/

#coursestable th {
  padding: 4px 20px 2px 0px;
  font-size: 1.17em;
  font-weight: bold;
  line-height: 100%;
  color: #gray;
  border-bottom: 5px solid #gray;
}
#coursestable td {
  /* padding: 12px 20px 12px 0px;*/
  padding: 12px 10px 12px 0px;
  font-size: 0.92em;
  line-height: 130%;
  color: #000000;
}
#coursestable tbody tr {
  background-image:  url(../../ofa/img/graydots.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}



/***********************************************/
/*** SECTION-SPECIFIC COLORS AND BACKGROUNDS ***/
/***********************************************/


/*** grants  fix this color       ***/

body.grants #divbody.level2 #divcentercolumn h2,
body.grants #divbody.level3 #divcentercolumn h1 {
  color: #009AE1;
  border-bottom-color: #009AE1;
}
body.grants #divbody.level3 #divcentercolumn p.inset {
  color: #009AE1;
}
body.grants #divevents .divtabs ul li {
  background-image:  url(../../ofa/img/events/eventstab_off.gif);
}
body.grants #divevents .divtabs ul li.ui-tabs-selected {
  background-image:  url(../../ofa/img/events/eventstab_on.gif);
}

body.grants #divsecondarynav ul.filter li a.active {
  color: #ffffff !important;
  background-color: #009AE1;
}

body.grants #divsecondarynav p.button a:hover {
  background-color: #009AE1;
}
body.grants #divsecondarynav p.button a.active {
  background-color: #009AE1 !important;
}
body.v #divsecondarynav ul li a.active {
  color: #009AE1 !important;
}
body.grants #divbody p.blocklink a {
  background-image:  url(../../ofa/img/events/blocklinkbkg.jpg);
  color: #009AE1 !important;
}
body.grants #divbody p.videoblocklink a {
  background-image:  url(../../ofa/img/events/videoblocklinkbkg.jpg);
}

body.performingarts #divspotlight {
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
  width: 629px;
  height: 269px;
  background-color: #000000;
}
/* static content */
body.grants #divspotlight div.spotlightstatic div.image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 260px;
  height: 269px;
  z-index: 1;
}
body.grants #divspotlight div.spotlightstatic div.image img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
body.grants #divspotlight div.spotlightstatic div.image img.color {
  z-index: 2;
}
body.grants #divspotlight div.spotlightstatic div.text {
	position: absolute;
	left: 11px;
	top: 16px;
	width: 238px;
	height: 166px;
	z-index: 5;
	background-color: transparent;
}
/* spotlight items */
body.grants #divspotlight div.spotlightitem {
  display: none;
}
body.grants #divspotlight div.spotlightitem div.image {
  position: absolute;
  left: 260px;
  top: 0px;
  width: 369px;
  height: 269px;
  z-index: 1;
  overflow: hidden;
}
body.grants #divspotlight div.spotlightitem div.image img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
body.grants #divspotlight div.spotlightitem div.text {
  position: absolute;
  left: 11px;
  top: 190px;
  width: 238px;
  height: 79px;
  z-index: 5;
  background-color: transparent;
}

/* spotlight no-javascript styles */
body.grants_subsidies #divspotlight div.first {
  display: block; /* make sure one is displayed if javascript off */
}
body.grants_subsidies #divspotlight div.text p.prevnext {
  display: none; /* don't need these links if javascript off */
}


/*** EVENTS ***/
body.events #divbody.level2 #divcentercolumn h2,
body.events #divbody.level3 #divcentercolumn h1 {
  color: #13c1bf;
  border-bottom-color: #13c1bf;
line-height:100%
	
}
body.events #divbody.level3 #divcentercolumn p.inset {
  color: #13c1bf;
}
body.events #divevents .divtabs ul li {
  background-image:  url(../../ofa/img/events/eventstab_off.gif);
}
body.events #divevents .divtabs ul li.ui-tabs-selected {
  background-image:  url(../../ofa/img/events/eventstab_on.gif);
}
body.events #divsecondarynav p.button a:hover {
  background-color: #13c1bf;
}
body.events #divsecondarynav p.button a.active {
  background-color: #13c1bf !important;
}
body.events #divsecondarynav ul li a.active {
  color: #13c1bf !important;
}
body.events #divbody p.blocklink a {
  background-image:  url(../../ofa/img/events/blocklinkbkg.jpg);
  color: #13c1bf !important;
}
body.events #divbody p.videoblocklink a {
  background-image:  url(../../ofa/img/events/videoblocklinkbkg.jpg);
}

/* Fix for font size issue in header quick links */
body.events table.layouttable {
  font-size: 12px;
}



/*** VISITING ARTISTS ***/

body.visitingartists #divbody.level2 #divcentercolumn h2,
body.visitingartists #divbody.level3 #divcentercolumn h1 {
  color: #acc60d;
  border-bottom-color: #acc60d;
  line-height:100%
}
body.visitingartists #divbody.level3 #divcentercolumn p.inset {
  color: #acc60d;
}
body.visitingartists #divevents .divtabs ul li {
  background-image:  url(../../ofa/img/visitingartists/eventstab_off.gif);
}
body.visitingartists #divevents .divtabs ul li.ui-tabs-selected {
  background-image:  url(../../ofa/img/visitingartists/eventstab_on.gif);
}


body.visitingartists #divsecondarynav ul.filter li a.active {
  color: #ffffff !important;
  background-color: #acc60d;
}

body.visitingartists #divsecondarynav p.button a:hover {
  background-color: #acc60d;
}
body.visitingartists #divsecondarynav p.button a.active {
  background-color: #acc60d !important;
}
body.visitingartists #divsecondarynav ul li a.active {
  color: #acc60d !important;
}
body.visitingartists #divbody p.blocklink a {
  background-image:  url(../../ofa/img/visitingartists/blocklinkbkg.jpg);
  color: #acc60d !important;
}
body.visitingartists #divbody p.videoblocklink a {
  background-image:  url(../../ofa/img/visitingartists/videoblocklinkbkg.jpg);
}

body.visitingartists #visitingartiststable th {
  padding: 4px 20px 2px 0px;
  font-size: 1.17em;
  font-weight: bold;
  line-height: 100%;
  color: #acc60d;
  border-bottom: 5px solid #acc60d;
}
body.visitingartists #visitingartiststable td {
  padding: 12px 20px 12px 0px;
  font-size: 0.92em;
  line-height: 130%;
  color: #000000;
}
body.visitingartists #visitingartiststable tbody tr {
  background-image:  url(../../ofa/img/graydots.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}

/* spotlight items */
body.visitingartists_lfp #divspotlight div.spotlightitem {
  display: none;
}
body.visitingartists_lfp #divspotlight div.spotlightitem div.image {
  position: absolute;
  left: 260px;
  top: 0px;
  width: 369px;
  height: 269px;
  z-index: 1;
  overflow: hidden;
}
body.visitingartists_lfp #divspotlight div.spotlightitem div.image img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
body.visitingartists_lfp #divspotlight div.spotlightitem div.text {
  position: absolute;
  left: 11px;
  top: 190px;
  width: 238px;
  height: 79px;
  z-index: 5;
  background-color: transparent;
}
/* spotlight no-javascript styles */
body.visitingartists_lfp #divspotlight div.first {
  display: block; /* make sure one is displayed if javascript off */
}
body.visitingartists_lfp #divspotlight div.text p.prevnext {
  display: none; /* don't need these links if javascript off */
}
/*** VISUAL ARTS ***/



body.visualarts #divspotlight {
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
  width: 629px;
  height: 269px;
  background-color: #000000;
}
/* static content */
body.visualarts #divspotlight div.spotlightstatic div.image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 260px;
  height: 269px;
  z-index: 1;
}
body.visualarts #divspotlight div.spotlightstatic div.image img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
body.visualarts #divspotlight div.spotlightstatic div.image img.color {
  z-index: 2;
}
body.visualarts #divspotlight div.spotlightstatic div.text {
  position: absolute;
  left: 11px;
  top: 16px;
  width: 238px;
  height: 166px;
  z-index: 5;
  background-color: transparent;
}
/* spotlight items */
body.visualarts #divspotlight div.spotlightitem {
  display: none;
}
body.visualarts #divspotlight div.spotlightitem div.image {
  position: absolute;
  left: 260px;
  top: 0px;
  width: 369px;
  height: 269px;
  z-index: 1;
  overflow: hidden;
}
body.visualarts #divspotlight div.spotlightitem div.image img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
body.visualarts #divspotlight div.spotlightitem div.text {
  position: absolute;
  left: 11px;
  top: 190px;
  width: 238px;
  height: 79px;
  z-index: 5;
  background-color: transparent;
}

body.visualarts #divbody.level2 #divcentercolumn h2,
body.visualarts #divbody.level3 #divcentercolumn h1 {
  color: #f4760b;
  border-bottom-color: #f4760b;
 line-height:100%
}
body.visualarts #divbody.level3 #divcentercolumn p.inset {
  color: #f4760b;
}
body.visualarts #divevents .divtabs ul li {
  background-image:  url(../../ofa/img/visualarts/eventstab_off.gif);
}
body.visualarts #divevents .divtabs ul li.ui-tabs-selected {
  background-image:  url(../../ofa/img/visualarts/eventstab_on.gif);
}
body.visualarts #divsecondarynav p.button a:hover {
  background-color: #f4760b;
}
body.visualarts #divsecondarynav p.button a.active {
  background-color: #f4760b !important;
}
body.visualarts #divsecondarynav ul li a.active {
  color: #f4760b !important;
}
body.visualarts #divbody p.blocklink a {
  background-image:  url(../../ofa/img/visualarts/blocklinkbkg.jpg);
  color: #f4760b !important;
}
body.visualarts #divbody p.videoblocklink a {
  background-image:  url(../../ofa/img/visualarts/videoblocklinkbkg.jpg);
}

/* spotlight no-javascript styles */
body.visualarts_ceramics #divspotlight div.first {
  display: block; /* make sure one is displayed if javascript off */
}
body.visualarts_ceramics #divspotlight div.text p.prevnext {
  display: none; /* don't need these links if javascript off */
}


/*** PERFORMING ARTS ***/

body.performingarts #divbody.level2 #divcentercolumn h2,
body.performingarts #divbody.level3 #divcentercolumn h1 {
  color: #ff0000;
  border-bottom-color: #ff0000;
}
body.performingarts #divbody.level3 #divcentercolumn p.inset {
  color: #ff0000;
}
body.performingarts #divevents .divtabs ul li {
  background-image:  url(../../ofa/img/performingarts/eventstab_off.gif);
}
body.performingarts #divevents .divtabs ul li.ui-tabs-selected {
  background-image:  url(../../ofa/img/performingarts/eventstab_on.gif);
}
body.performingarts #divsecondarynav p.button a:hover {
  background-color: #ff0000;
}
body.performingarts #divsecondarynav p.button a.active {
  background-color: #ff0000 !important;
}
body.performingarts #divsecondarynav ul li a.active {
  color: #ff0000 !important;
}
body.performingarts #divbody p.blocklink a {
  background-image:  url(../../ofa/img/performingarts/blocklinkbkg.jpg);
  color: #ff0000 !important;
}
body.performingarts #divbody p.videoblocklink a {
  background-image:  url(../../ofa/img/performingarts/videoblocklinkbkg.jpg);
}

body.performingarts #divspotlight {
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
  width: 629px;
  height: 269px;
  background-color: #000000;
}
/* static content */
body.performingarts #divspotlight div.spotlightstatic div.image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 260px;
  height: 269px;
  z-index: 1;
}
body.performingarts #divspotlight div.spotlightstatic div.image img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
body.performingarts #divspotlight div.spotlightstatic div.image img.color {
  z-index: 2;
}
body.performingarts #divspotlight div.spotlightstatic div.text {
  position: absolute;
  left: 11px;
  top: 16px;
  width: 238px;
  height: 166px;
  z-index: 5;
  background-color: transparent;
}
/* spotlight items */
body.performingarts #divspotlight div.spotlightitem {
  display: none;
}
body.performingarts #divspotlight div.spotlightitem div.image {
  position: absolute;
  left: 260px;
  top: 0px;
  width: 369px;
  height: 269px;
  z-index: 1;
  overflow: hidden;
}
body.performingarts #divspotlight div.spotlightitem div.image img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
body.performingarts #divspotlight div.spotlightitem div.text {
  position: absolute;
  left: 11px;
  top: 190px;
  width: 238px;
  height: 79px;
  z-index: 5;
  background-color: transparent;
}

/* spotlight no-javascript styles */
body.performingarts_dance #divspotlight div.first {
  display: block; /* make sure one is displayed if javascript off */
}
body.performingarts_dance #divspotlight div.text p.prevnext {
  display: none; /* don't need these links if javascript off */
}

/*** COURSES ***/

body.courses #divbody.level3 #divcentercolumn h1 {
  color: #ff0000;
  border-bottom-color: #bd0ed6;
}
body.courses #divsecondarynav p.button a:hover {
  background-color: #bd0ed6;
}
body.courses #divsecondarynav p.button a.active {
  background-color: #bd0ed6 !important;
}
body.courses #divsecondarynav ul li a.active {
  color: #bd0ed6 !important;
}
body.courses #divsecondarynav ul.filter li a.active {
  color: #ffffff !important;
  background-color: #bd0ed6;
}



/*** WINTER SESSION ***/

body.level3 #divcentercolumn h3.readmore{
margin-bottom: 10px;
cursor: pointer;
}


/*** CUSTOM ***/

#divbody p.linktext { 
font-size: 1.1em;
font-weight: bold;
}

#divbody #divnews h2 a, #divbody #divnews h2 a:link {
    color: #F4760B;
    text-decoration: none;
}
#divbody #divnews h2 a:hover {
    color: #006699;
    text-decoration: none;
}

#divnews #divnews-sub{
font-size: 1em;
margin-bottom: 10px;
line-height: 1.1em;
text-align: center;
font-size: 1.1em;
}


/*** Details images ***/
.details_img {
  padding-left: 10px;
  padding-bottom: 10px;
  margin-top:17px;
}

/*** pffair ***/
.pffairResults h3 {line-height:0% !important;}

/*** alert ***/
.alert{color:red;
  line-height:100%;
  display:none;
  /*display: block;*/
}

.rotate h3 {
background: red;
text-align: center;
font-size: 1.7em;
color: white;
width: 156px;
padding-top: 10px;
padding: 10px;
margin-top: 68px;
margin-left: 66px;
}


.rotate {
width: 200px;
position: absolute;

/* Safari */
-webkit-transform: rotate(-45deg);

/* Firefox */
-moz-transform: rotate(-45deg);

/* IE */
-ms-transform: rotate(-45deg);

/* Opera */
-o-transform: rotate(-45deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

/*** twitter and facebook streams ***/
.facebookStream{float:right; }

.twitterStream {float:left;}