/* Mockup styles (to be removed) */
img.mockup {
   background-image: url(/images/mockup-stripes.png);
   background-repeat: repeat;/* border: 1px #3d53a0 solid; */
}

/* Main CSS file used on all pages */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.current-page {
   color: #f24d32;
}

.clearfix {
   display: inline-block;
}

.hidden {
   display:none;
}

.nopad
{
   padding: 0 ! important;
}

html[xmlns] .clearfix {
   display: block;
}

* html .clearfix {
   height: 1%;
}

html,
body {
   margin: 0;
   padding: 0;
   padding-top: 10px;
   height: 100%;
   width: 100%;
   border: 0;
}

body {
   font: 14px Helvetica, Arial, Geneva, sans-serif;
   color: #505050;
}
a {
   color: #1d6faf;
   text-decoration: none;
   border: 0;
}

a:hover {
   text-decoration: underline;
}

a > img {
   border: 0;
}

h1 {
   text-transform: none;
   font-size: 18px;
   font-weight: 400;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-top: 0;
   margin-bottom: 0px;
}

h1 hr {
   margin: 0;
   border: 0;
   color: #6D6E71;
   background-color: #6D6E71;
   height: 2px;
}

h2 {
	color: #505050;
   font-weight:700;
   font-size:16px;
   margin:.3em 0;
}

h3 {
   color: #505050;
   margin: 0 0 .3em 0;
   font-size:13px;
   font-weight:bold;
}

h4 {
	color: #505050;
   margin: 0 0 .2em 0;
   font-size:15px;
   font-weight:800;
   
}

h5 {
   color: #AFBD21;
   margin: .8em 0;
   font-size:16px;
   font-weight:700;
}

p {
   margin-bottom:12px;
   line-height:1.2em;
}

em {
   font-style:italic;
}

strong {
   font-weight:700;
}

hr {
   color: #858585;
   background-color: #858585;
   margin:1.5em 0;
   height:1px;
   border:none;
}

.blue-text {
   color: #454F9D;
}

.bold {
   font-weight:700;
}

.botheaders {
	padding: 15px 0px;
	font-weight:bolder;
}

.main-color.box {
   padding-left: 14px;
   padding-right: 14px;
   margin-bottom: 10px;
}

.main-color.box img {
   padding:8px 0 0 0;
}

h3.main-color.box {
   padding-top: 5px;
   padding-bottom: 5px;
   margin-bottom: 0px;
}

h2.home {
	padding-top: 5px;
	padding-left: 14px;
	padding-right: 10px;
	font-weight:bold;
   font-size:16px;
   margin:.6em 0;
}

.main-color {
   background-color: #656565;
   color: white;
}

.top-divider {
   padding-top: 1em;
   margin-top: 1em;
   border-top: 2px solid #565656;
}

.main-color a {
   color: white;
}

.main-color a:hover {
   color: #cccccc;
}

div div {
   padding: 0px;
}

div {
   padding: 10px;
}

.breadCrumb {
   float:right;
   margin-top:14px;
   font-size:12px;
   text-transform: lowercase;
}

.text-13 {
   font-size: 0.9em;
   line-height: 1.4em;
}

.text-12 {
   font-size: 0.8em;
   line-height: 1.2em;
}

.text-10 {
   font-size: 0.7em;
}

.quote {
	font-size: .9em;
	margin: 10px 0;
}
.credit {
   font-size: 10px;
   line-height: 12px;
}

.exhibit-credit {
	font-size: 10px;
	line-height: 12px;
	margin-top:-20px;
	padding-right:275px;
}

.exhibit-credit-alt {
	font-size: 10px;
	line-height: 12px;
	margin-top:-10px;
	padding-right:275px;
}

.bolder {
	font-weight:bolder;
}

.list {
   font-size: 12px;
   line-height: 15px;
}

.indent {
	font-size:.9em;
	padding-left:20px;
	padding-top:0px;
	margin-top:-5px;
}

ul.standard-list {
	list-style-position:outside;
	list-style-type:disc;
	margin:.5em .2em 0em .5em;
	padding: 0em .3em 1em .5em;
	line-height: 1.5em;
	font-size: .9em;
}

.orange {
	color: #f24d32;
}

.orange-pad {
	color: #f24d32;
	padding-top: 10px;
}

.exhibition-padding {
	padding-bottom: 10px;
}

.social-footer {
	padding:0;
	margin:0;
	vertical-align:middle;
}

input {
	 font-family:Helvetica, Geneva, sans-serif;
	 font-size:13px;
   border: 1px solid #cdcecf;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 8px;
}


img.logo-center {
	display:block;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}

.main-text {
   color: #656565;
}

.accent-color {
   background-color: #e6e6e7;
}

.accent-color hr {
   margin-top: 6px;
   margin-bottom: 6px;
   border: 0;
   color: white;
   background-color: white;
   height: 2px;
}

.accent-text {
   font-weight: bold;
   color: #1d6faf;
}

.bold {
   font-weight: 600;
}

.container {
   width: 890px;
   margin-left: auto;
   margin-right: auto;
}

.exhibitionhead-padding {
	padding-top: 10px;	
}

.headpadding-15 {
	padding-top:15px;
}

.docentlist td{
	height: 1.5em;
}

#main-content {
   border: 1px solid #e3e4e5;
   padding-left: 35px;
   padding-right: 35px;
   padding-top: 17px;
   padding-bottom: 12px;
}

#top {
   height:90px;
   position: relative;
   text-align: right;
}

#logo {
   position:absolute;
   width: 320px;
   left:-35px;
   top:5px;
}

#upper-navigation {
   position: absolute;
   right: 0;
   top: 0;
   padding-top:10px;
}

#lower-navigation {
   font-weight: bold;
   position: absolute;
   right: 0px;
   top: 59px;
   width:100%;
   z-index:50;
}

#left-column-home {
   width: 630px;
   position: relative;
   float: left;
   background-color: #d1d2d4;
   height: 372px;
}

#right-column-home {
   width: 250px;
   float: right;
}

#left-column-page {
   width: 648px;
   position: relative;
   float: left;
   vertical-align:top;
   padding-right: 20px;
}

#bottom-news {
	width: 880px;
	height: 100px;
	position:static;
	background-color:#777777;
	color:#f3f3f3;
	padding-left: 10px;
	margin: 0px;
	vertical-align:middle;
}

#bottom-news img {
	vertical-align:middle;
}

#left-column-page h3 {
   text-transform:none;
}

#page-content {
   list-style:disc inside;
   margin-bottom:.5em;
}

#left-column-page p {
   margin-right:5em;
   font-family: inherit;
   line-height: 16px;
}

#page-content ul {
   list-style:disc inside none;
}

#left-column-page ul.simple li {
	list-style:disc outside none;
	margin:0 0 0 1.3em;
	padding:0;
}

#right-column-page {
   width: 222px;
   float: right;
}

#exhibit-description-home {
   width:531px;
   float:left;
}

#exhibit-photos-home {
   width:331px;
   float:right;
}

#exhibit-photos-home .photo-box {
   float:right;
   margin:25px 0 0 15px;
}

#exhibit-photos-home .photo-box p {
   color: #6d6e71;
   margin-left:0;
   font-size:10px
}

#exhibit-photos-home p {
   margin-left:15px;
}

.photo-box {
   float:right;
   margin:20px 0px 0px 0px;
}

/* Needed? */
#left-column-calendar {
   width: 648px;
   position: relative;
   float: left;
   vertical-align: top;
   padding-right: 20px;
}

#callout {
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 14px;
   padding-bottom: 14px;
   position: absolute;
   bottom: 0;
   width: 606px;
   height: 42px;
}

#callout-on-view {
   padding:6px 0 0 0;
   vertical-align:center;
}

#callout-description {
   line-height: 1.1em;
   display: inline-block;
   margin-left: 30px;
   margin-right: 30px;
}

#callout-description div {
   font-weight: 600;
}

#callout-next {
   display: inline-block;
   text-align: right;
   margin-top: -2px;
}

#events-container {
   padding-left: 14px;
   font-size: 0.9em;
   line-height: 1.4em;
   
}

}

#events-container a {
   padding-left: 14px;
   font-size: 1em;
   font-weight: bold;
   
}


.events h3,
.events p {
   margin: 0;
}

.events h3 a
{
   color: #1d6faf;
}

.events p {
   margin-bottom: 1em;
}

.event {
   margin-bottom: 0.5em;
}

#calendar-right .event h3 {
   text-transform:none;
   margin-top:.4em;
}

#loading {
   text-align: center;
   padding: 1em;
}

.search-type {
   display: none;
}

.future {
   display: none;
}

.event h4 {
   margin: 0;
   font-weight: normal;
}


h3.dateHeader {
   text-transform: none;
   color: #f24d32  !important;
   font-size: 14px !important;
   font-weight: 100 !important;
   margin: 1.8em 0 0.3em 0 !important;
}

div.event span.highlight {
   background-color: #BDD8FF;
}

#cal-list > h3 span.highlight {
   background-color: #CCC;
}

#cal-list .dateHeader {
	padding-left:17px;
}

#today .event, 
#cal-list .event {
	padding-left:17px;
}

#email {
   width: 143px;
}

#subscription {
   padding-left: 14px;
}

#subscribe {
   font-size: 12px;
}

#bottom {
   margin-top: -7px;
}

#news-container {
   font-size: 0.85em;
   vertical-align: top
}

.news div,
.news p {
   margin: 0;
	 font-size:12px;
	 margin-right:10px;
}

.news img {
   background-color: #d1d2d4;
   width: 105px;
   height: 140px;
   margin-right: 10px;
   float: left;
}

.news {
   /*   display: inline-block; this doesn't work in IE7 */
   float:left;
   width: 296px;
   vertical-align: top;
}

#bottom-navigation-div {
   padding-top: 6px;
   border-top: 2px solid #cccccc;
   margin-top: 10px;
   clear:both;
}

#bottom-navigation {
   font-weight: 500;
   height: 32px;
   float: left;
   padding-top: 4px;
   margin-left: -10px;
}

#bottom-navigation a.current-page {
   color: #f15033;
}

#bottom-navigation * {
   vertical-align: middle;
}

#social-and-search-container {
   height: 32px;
   text-align: right;
   float: right;
}

#social-and-search-container * {
   vertical-align: top;
}

#search-container {
   height: 10px;
   text-align: left;
   float: left;
}

#search-container * {
   vertical-align: top;
}

.st_sharethis_custom {
   cursor: pointer;
}

.button {
   width: 20px;
   height: 20px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   display: inline-block;
   padding: 0;
   padding-top: 0px;
   padding-left: 2px;
   text-align: center;
   margin-top: 2px;
   margin-bottom: 2px;
}

.button > a:hover {
   text-decoration: none;
}

.floatList {
   padding:0;
   margin:0;
}

.floatList li {
   float:left;
   list-style:none;
   padding:0 0 0 4px;
   margin:0;
   font-size:8px;
}

.floatListsearch {
   padding:0;
   margin:0;
}

.floatListsearch li {
   float:left;
   vertical-align:top;
   list-style:none;
   padding:0 0 0 4px;
   margin:0;
   font-size:8px;
   height: 5px;
}

.floatlistsocial {
   padding-top:40px;
   padding-left:14px;
   margin:0;
}

.floatlistsocial li {
   float:left;
   list-style:none;
   padding:10 14 5 4px;
   margin:5;
}

#page-content .floatList li {
   padding:0 2px 0 0;
}

.search-button,
.email-button {
   padding:0;
}

.search-button a {
   display:block;
   background:url(/images/submit-button3.png) center top no-repeat;
   height:24px;
   width:24px;
   text-indent:-500px;
   text-decoration:none;
}

.search-button a:hover {
   background:url(/images/submit-button3.png) center bottom no-repeat;
}


.email-button a {
   display:block;
   background:url(/images/submit-button2.png) center top no-repeat;
   height:24px;
   width:24px;
   text-indent:-500px;
   text-decoration:none;
}


.email-button a:hover {
   background:url(/images/submit-button2.png) center bottom no-repeat;
}


#footer {
   font-size: 0.85em;
   padding-left: 35px;
   padding-right: 35px;
   padding-top: 6px;
   padding-bottom: 6px;
   text-align: right;
   height: 22px;
}

#footer p {
	padding-top: 3px;
}

#footer img {
	float:right;
	margin-top:-3px;
}

#image-header {
   margin-top:3px;
   margin-bottom:16px;
}

#right-nav {
   background-color: #e0e0e0;
   width: 178px;
   padding-top: 22px;
   padding-bottom: 17px;
   padding-right:22px;
   padding-left: 22px;
   margin-top: 12px;
}

#right-nav ul  {
   list-style: none outside none;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-left: 0px;
}

#right-nav ul ul {
	padding: 4px 0 0 1.5em;
}

#right-nav li {
   padding: 0 0 3px 0;
   font-weight:401;
}

#right-nav li.title {
   color: #949599;
}

#right-nav a {
   color: #505050;
   font-weight: normal;
   text-transform: none;
   padding-left:1em;
}

#right-nav a.current-page {
   color: #f24d32;
   background: url(/images/arrowred.png) left center no-repeat;
}

#right-nav a:hover {
   color: #f24d32;
   text-decoration: none;
}

/* Exhibition-specific */
#gallery-wrapper a {
   cursor:pointer;
}

#exhibition-gallery-new {
   float: top;
   width: 620px;
   height: 416px;
   background-color: #D9D9D9;
}

#exhibition-thumbnails-new {
   float: bottom;
   width: 620px;
   margin-right: 30px;
   font-size: 0.9em;
}

#exhibition-gallery {
   float: left;
   width: 425px;
   height: 416px;
   background-color: #D9D9D9;
}

#exhibition-thumbnails {
   float: right;
   width: 158px;
   margin-right: 30px;
   font-size: 0.9em;
}
#exhibition-thumbnails a {
   font-weight: 600;
}

#exhibition-thumbnails img {
   width: 64px;
   height: 56px;
   margin-right: 4px;
   margin-bottom: 4px;
}

#gallery-image-container {
   height: 367px;
   width: 425px;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

#photo-details {
   margin-top: 1em;
   margin-bottom: 1em;
}

#photo-details p {
   margin: 0;
   clear: both;
}

#photo-details p.photo-credit {
   margin-top: 1em;
   font-size: 0.7em;
}

#related-programs {
   margin-top: 1em;
}

#related-programs dt {
   font-weight: bold;
}

#related-programs dd {
   margin-left: 0;
   margin-bottom: 1em;
}

.exhibit-list {
   margin-bottom:15px;
}

.exhibit-list li{
   list-style:none;
   border-bottom: 1px solid #999;
   padding:10px 0;
   float:left;
   width:100%
}

/* last li has no bottom border */
.exhibit-list li:last-child {
		border-bottom:none;
}

.exhibit-list div {
	margin-left:190px;
}

.exhibit-list h4 {
   padding-top: 8px;
}

.exhibit-list .date {
   color: #6d6e71;
   margin:4px 0 1em 0;
}

.exhibit-list img {
   float:left;
   clear:left;
   padding:5px 10px 5px 0;
}

















.programs-list {
   margin-bottom:15px;
}

.programs-list li{
   list-style:none;
   border-bottom: 1px solid #999;
   padding:10px 0;
   float:left;
   width:100%
}

/* last li has no bottom border */
.programs-list li:last-child {
		border-bottom:none;
}

.programs-list div {
	margin-left:160px;
}

.programs-list h4 {
   padding-top: 8px;
}

.programs-list .date {
   color: #6d6e71;
   margin:4px 0 1em 0;
}

.programs-list img {
   float:left;
   clear:left;
   padding:5px 10px 5px 0;
}



.programs-list-col1 {
   margin-bottom:15px;
}

.programs-list-col1 li{
   list-style:none;
   border-bottom: 1px solid #999;
   padding:10px 0;
   float:left;
   width:45%;
}

/* last li has no bottom border */
.programs-list-col1 li:last-child {
		border-bottom:none;
}

.programs-list-col1 div {
	margin-left:160px;
}

.programs-list-col1 h4 {
   padding-top: 8px;
}

.programs-list-col1 .date {
   color: #6d6e71;
   margin:4px 0 1em 0;
}

.programs-list-col1 img {
   float:left;
   clear:left;
   padding:5px 10px 5px 0;
}



.programs-list-col2 {
   margin-bottom:15px;
}

.programs-list-col2 li{
   list-style:none;
   border-bottom: 1px solid #999;
   padding:10px 0;
   float:right;
   width:45%;
}

/* last li has no bottom border */
.programs-list-col2 li:last-child {
		border-bottom:none;
}

.programs-list-col2 div {
	margin-left:160px;
}

.programs-list-col2 h4 {
   padding-top: 8px;
}

.programs-list-col2 .date {
   color: #6d6e71;
   margin:4px 0 1em 0;
}

.programs-list-col2 img {
   float:left;
   clear:left;
   padding:5px 10px 5px 0;
}









.pagetitlebold {
	font-weight:700;	
}

.pagetitleboldpad {
	font-weight:700;	
	padding-top: 5px;
	padding-right: 30px;
}

.pagetitle15 {
	font-weight:700;
	margin-top: 15px;
	padding-right: 30px;
}

.padding-top-5 {
	padding-top:5px;
}
.padding-top-10 {
	padding-top:10px;
}
.padding-top-15 {
	padding-top:15px;
}

#left-column-page .exhibit-list p {
   margin:0 3em 6px 0;
}

/* Store/Shop specific */
#shop-left-column {
   width: 185px;
   vertical-align: bottom;
   position: relative;
   float: left;
}

#shop-right-column {
   width: 695px;
   float: right;
}

#shop-groups {
   background-color: #E6E6E7;
   width: 161px;
   height: 223px;
   padding: 22px 14px 4px 14px;
   margin-bottom: 6px;
}


#shop-groups ul  {
   list-style: none outside none;
   margin: 0px;
   padding-left: 0px;
}

#shop-groups > ul > li {
   padding:0 0 10px 0;
}

#shop-left-column a {
   color: #6D6E7C;
}

#shop-left-column a:hover {
   color: #f24d32;
   text-decoration:none;
}

#shop-hours {
   background-color: #CFD0D2;
   width: 175px;
   height:178px;
   padding: 17px 0 2px 14px;
   font-size: 12px;
}

#shop-hours p {
   margin-top:.25em;
}

#shop-discount {
   margin-top: 3px;
   padding: 14px 30px;
   text-align: center;
   bottom: 0;
   width: 635px;
   height:53px;
   font-size: 13px;
}

#shop-discount-header {
   font-size: 17px;
}
/* End of Store/Shop-specific */

/* Store/Shop and Arts Fair items specific */
#store-items {
   padding-left: 50px;
   padding-right: 60px;

}

#artsfair-items {
   padding-right: 20px;
}

#artsfair-items h1 {
	width:587px;
}

#store-items td, #artsfair-items td {
   vertical-align: top;
}

#store-items td.padded, #artsfair-items td.padded {
   padding-right: 90px;
   padding-bottom: 30px;
}

#shop-right-column h1 {
	margin-left:50px;
	width:583px;
}

ul.store-items-list {
	width:675px;
	margin-left:10px;
}

ul.store-items-list li {
	list-style:none;
	float:left;
	margin-left:40px;
	width:185px;
	height:260px;
}

#artsfair-items ul.store-items-list {
	margin-left:0;
}

#artsfair-items ul.store-items-list li {
	margin-left:0;
	width:225px;
	height:236px;
}

ul.store-items-list p {
	margin:0;
	font-size:12px;
}

.store-paging, .artsfair-paging,
.store-paging-float, .artsfair-paging-float
{
   font-size: 12px;
   text-transform: none;
   text-align: right;
}

.store-paging-float, .artsfair-paging-float {
   float: right;
   margin-top: 8px;
}

.store-paging-float span {
	padding:0 4px;
	text-decoration:underline;
	cursor:pointer;
}

.store-paging-selected, .artsfair-paging-selected,
.store-paging > a:hover, .artsfair-paging > a:hover {
   color: #3E529F;
   text-decoration: underline;
}

.store-paging > a, .artsfair-paging > a {
   color: #6D6E71;
}

.store-items-title .artsfair-items-artist {
   color: #3E529F;
}
/* End of Store/Shop and Arts Fair items */

/* Hack fpr <p> having a 14 top margin. Does <p> need a top margin? */
.no-top-margin {
   margin-top: 0;
}

.orange-bar {
   background-color: #E4811C;
   width: 500px;
   color: white;
   font-size: 1.27em;
   text-align: center;
   color: white;
   padding: 5px;
   margin-bottom: 0px;
   margin-top: 14px;
}

.orange-bar > a {
   color: white;
}

.orange-bar span.smaller {
   font-size: .855em;
}

/* Calendar-specific */
#right-column-home #calendar {
   padding-left:14px;
}
#calendar {
   margin:0 0 0.5em 0;
}

#calendar-left h3 {
   margin-bottom: 0;
   margin-top: 10px;
   font-weight:normal;
   font-size:18px;
}
#calendar-right h5 {
   margin-bottom: 0;
   margin-top: 10px;
   font-weight:normal;
   font-size:18px;
   color:#505050;
  
}

#calendar-right h3 {
   margin-bottom: 2px;
   font-weight:bold;
   font-size:14px;

}

div.event h3 {
   color: #6D6E71;
}

#calendar-right > div > h3 {
   margin-bottom: 0.5em;
}

div.gray-bar h4 {
   margin:0 0 0 2px;
}

#calendar-left  {
   padding: 0;
   margin: 0;
   margin-bottom: 1em;
}

#calendar-left  li {
   list-style-type: none;
   font-weight: bold;
}

#search-by-programs li:hover {
	color: #1d6faf;
   text-decoration: underline;
}

#search-by-programs li {
   color: #1d6faf;
   font-weight:600;
   line-height: 1.3em;
   cursor: pointer;
}

a.rsvp,
a.buy-tickets {
   color: white;
   font-weight: bold;
   padding: 0.25em;
}

a.rsvp {
   background-color: #f24d32;
}

a.buy-tickets {
   background-color: #1d6faf;
}

a.share-this {
   padding-left: 30px;
   background-position: center left;
   background-image: url(/images/social/Share-This.png);
   background-repeat: no-repeat;
   margin-top: 0.5em;
   display: block;
   height: 24px;
   padding-top: 0.5em;
   color: #505050;
   text-decoration: underline;
}

.gray-bar {
   background-color: #E6E6E6;
   color: #505050;
   padding: 0.5em 1em;
   margin-bottom: 1em;
}

.gray-bar h1,
.gray-bar h2,
.gray-bar h3 {
   font-weight: normal;
   margin: 0;
}

.gray-bar h2 {
   text-transform: none;
}

div.event {
   margin:0 0 1em 0;
}

div.event h3 {
   font-color: #505050;
}

#calendar-right {
   float: right;
   width: 400px;
}

#calendar-left {
   float: left;
   width: 220px;
}

.ui-datepicker {
   width: auto;

}

.ui-datepicker .ui-datepicker-header {
	margin-bottom:0.3em;
}

.ui-datepicker .ui-datepicker-prev {
   left: 0;
}

.ui-datepicker .ui-datepicker-prev span {
   left: 0;
   margin-left: 0;
}

.ui-datepicker .ui-datepicker-next span {
   left: auto;
   right: 0;
   margin-right: 0;
}

.ui-datepicker td {
   padding: 0;
}

.ui-datepicker-header .ui-datepicker-title {
   text-align: center;
}

.ui-datepicker-title
{
   cursor: pointer;
}

table.simple {
   margin:1em 0;
}

table.simple thead {
   font-weight:700;
   border-bottom:1px solid #999;
}

table.simple th {
   padding:0 10px 5px 10px;
}

table.simple td{
   padding:5px 10px;
   text-align:center;
}

table.store-items,
table.exhibitor-items {
   margin:0;
}

#graySquares {
}

#graySquares div {
	width:314px;
	background-color:#f0f0f0;
	margin-top:12px;
	margin-bottom:20px;
}

#graySquares .leftColumn {
	float:left;
}

#graySquares .rightColumn {
	float:right;
}

#graySquares img {
	height:100px;
	width:100px;
	float:left;
}

#graySquares  h3 {
	padding-top:20px;
	margin:0 10px 0 120px;
}

#graySquares  p {
	margin:0 10px 0 120px;
}

#graySquares  .title {
	font-size:0.85em;
}

#graySquares  .date {
	font-size: 0.7em;
	line-height: 2.2em;
}

#left-column-page table.fourSquares td p {
	margin:0 10px 0 120px;
}

ul.gray-squares {
}

#page-content ul.gray-squares li {
	list-style:none;
	width:305px;
	background-color:#f0f0f0;
	height:100px;
	padding:0;
	margin-right:15px;
	float:left;
}

ul.gray-squares img {
	float:left;
	width:100px;
	height:100px;
}

ul.gray-squares h3 {
	padding:14px 8px 0 120px;
}

ul.gray-squares p {
	padding:0 8px 0 120px;
}

table.gray-squares {
	width:648px;
	border-spacing:20px;
}

table.gray-squares tr {

}

table.gray-squares td {
	vertical-align:central;
	height:100px;
	background-color:#F0F0F0;
	width:314px;
}

table.gray-squares td img {
	float:left;
	height:100px;
	width:100px;
}

#featured {
   width: 630px;
   height: 372px;
   background: #000 url('/images/orbit/loading.gif') no-repeat center center;
   overflow: hidden;
}

#featured img,
#featured > div {
   display: none;
   width: 630px;
   height: 372px;
}

.padding-calendar {
	padding: 15px 0px 10px 0px;
}

.padding-calendar-top {
	padding: 0px 0px 15px 0px;
}

/* New homepage elements bottom */
#hp-container-left {
	vertical-align: top;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

#hp-container-left-grey {
	vertical-align: top;
	width: 290px;
	height: 155px;
	float: left;
	background-color: #e2e2e2;
	margin-bottom: 13px;
}

#hp-container-left-clear {
	vertical-align: top;
	width: 200px;
	float: left;
}

.hp-container p {
	padding-left: 14px;
	padding-right: 10px;
	font-size: 13px;
	line-height: 1.4em;
}

#hp-container ul.simple li {
	list-style:disc outside none;
	margin:0 1em 1.5em 1.5em;
	padding:0;
	font-size: 12px;
}

#hp-container-right {
	padding-left: 0px;
	vertical-align: top;
	width: 600px;
	height: 155px;
	float: right;
	background-color: #f0f0f0;
	margin-bottom: 13px;
}

#hp-events {
	padding: 0px;
	float: left;
	width: 300px;
}

#hp-connect {
	float: right;
	width: 300px;
}

.main-color-grey {
   background-color: #e0e0e0;
   color: white;
   padding-left: 14px;
   padding-right: 14px;
   margin-bottom: 10px;   
}

.main-color-grey.box {
   padding-left: 14px;
   padding-right: 14px;
   margin-bottom: 10px;
}

.main-color-grey.box img {
   padding:8px 0 0 0;
}


.padding-bottom-15 {
	padding-bottom: 15px;
}

.video-padding {
	padding: 25px 0;
}

h3.main-color-grey.box {
   padding-top: 5px;
   padding-bottom: 5px;
   margin-bottom: 0px;
}

/* New homepage elements slideshow */
#new-featured-container {
	width: 890px;
	height: 490px;
	position: absolute;
	padding-bottom: 0px;
}

#new-featured {
   width: 890px;
   height: 490px;
   background: #000 url('/images/orbit/loading.gif') no-repeat center center;
   overflow: hidden;
   padding-bottom: 0px;
}

#new-featured img,
#new-featured > div {
   display: none;
   width: 890px;
   height: 490px;
   padding-bottom: 0px;
}

#new-featured, div.orbit-wrapper {
	position: absolute;
	top: 0px;
	left: -2px;
}

#top-row-home {
   width: 890px;
   position: relative;
   float: left;
   height: 490px;
   padding-bottom: 0px;
}

/* Docent slideshow */
#docent-slide-row {
   width: 222px;
   position: relative;
   height: 660px;
   padding-bottom: 0px;
   margin-top: 5%;
   
}


#docent-slide-container {
	width: 222px;
	height: 660px;
	position: absolute;
	padding-bottom: 0px;
}

#docent-slide {
   width: 222px;
   height: 660px;
   background: #000 url('/images/orbit/loading.gif') no-repeat center center;
   overflow: hidden;
   padding-bottom: 0px;
}

#docent-slide img,
#docent-slide > div {
   display: none;
   width: 222px;
   height: 660px;
   padding-bottom: 0px;
}

#docent-slide, div.orbit-wrapper {
	position: absolute;
	top: 0px;
	left: -1px;
}

/*Ebony Slideshow */
#ebony-slide-row {
   width: 600px;
   position: relative;
   height: 700px;
   padding-bottom: 0px;
   margin-top: 5%;
   
}


#ebony-slide-container {
	width: 600px;
	height: 700px;
	position: absolute;
	padding-bottom: 0px;
}

#ebony-slide {
   width: 600px;
   height: 700px;
   background: #000 url('/images/orbit/loading.gif') no-repeat center center;
   overflow: hidden;
   padding-bottom: 0px;
}

#ebony-slide img,
#ebony-slide > div {
   display: none;
   width: 600px;
   height: 700px;
   padding-bottom: 0px;
}

#ebony-slide, div.orbit-wrapper {
	position: absolute;
	top: 0px;
	left: -1px;
}
	

/* Edie Everette elements slideshow */
#slide-show-container {
	width: 594px;
	height: 700px;
	position: absolute;
	padding-bottom: 0px;
}

#slide-show {
   width: 594px;
   height: 700px;
   background: #000 url('/images/orbit/loading.gif') no-repeat center center;
   overflow: hidden;
   padding-bottom: 0px;
}

#slide-show img,
#slide-show > div {
   display: none;
   width: 594px;
   height: 700px;
   padding-bottom: 0px;
}

#slide-show, div.orbit-wrapper {
	position: absolute;
	top: 2px;
	left: 0px;
}

#top-row-slideshow {
   width: 594px;
   position: relative;
   float: left;
   height: 700px;
   padding-bottom: 0px;
}

/* AE elements slideshow */
#ae-slide-show-container {
	width: 600px;
	height: 400px;
	position: absolute;
	padding-bottom: 0px;
}

#ae-slide-show {
   width: 600px;
   height: 400px;
   background: #000 url('/images/orbit/loading.gif') no-repeat center center;
   overflow: hidden;
   padding-bottom: 0px;
}

#ae-slide-show img,
#ae-slide-show > div {
   display: none;
   width: 600px;
   height: 400px;
   padding-bottom: 0px;
}

#ae-slide-show, div.orbit-wrapper {
	position: absolute;
	top: 3px;
	left: 1px;
}

#ae-top-row-slideshow {
   width: 600px;
   position: relative;
   float: left;
   height: 400px;
   padding-bottom: 0px;
}