﻿/* Remove any margin and padding from html elements */
body, table, tr, td, input, div, span, p, br, select, ul, li, dt, dl { margin: 0px; padding: 0px; }
img { border: none; }
a { text-decoration: none; }
a, a:focus { outline:none; } /* removes dotted outline around links for all browsers */

/* Set the body attributes */
body { background-color: White; }

/* Page Layout */
#LuxPage { display: block; position: relative; width: 744px; height: 100%; padding: 0px 20px; margin: 0px auto; }
#LuxHeader { display: block; position: relative; width: 744px; height: 98px; }


/* Navigation */
#LuxLogo { display: block; position: absolute; width: 177px; height: 15px; top: 32px; left: 0px; }

#LuxNavButtons { display: block; position: absolute; width: 744px; height: 15px; top: 67px; left: 0px; overflow: hidden; }
#LuxNavButtons a:hover img { margin-top: -15px; }

#LuxNavItemArtistResidency { display: block; position: absolute; width: 177px; height: 15px; top: 0px; left: 0px; }
#LuxNavItemEducation { display: block; position: absolute; width: 177px; height: 15px; top: 0px; left: 189px; }
#LuxNavItemInformation { display: block; position: absolute; width: 177px; height: 15px; top: 0px; left: 378px; }
#LuxNavItemSupport { display: block; position: absolute; width: 177px; height: 15px; top: 0px; left: 567px; }


/* Menus */
#LuxMenuArtistResidency { display: none; position: absolute; width: 177px; height: 177px; left: 20px; top: 98px; padding: 0px 12px 0px 0px; background-color: White; z-index: 1001; }
#LuxMenuEducation { display: none; position: absolute; width: 177px; height: 177px; left: 197px; top: 98px; padding: 0px 12px 0px 12px; background-color: White; z-index: 1002; }
#LuxMenuInformation { display: none; position: absolute; width: 177px; height: 177px; left: 386px; top: 98px; padding: 0px 12px 0px 12px; background-color: White; z-index: 1003; }
#LuxMenuSupport { display: none; position: absolute; width: 177px; height: 177px; left: 575px; top: 98px; padding: 0px 0px 0px 12px; background-color: White; z-index: 1004; }

.MenuContents { display: block; position: relative; width: 177px; font-family: Georgia, Serif; font-size: 12.5px; line-height: 15px; color: Black; }
.MenuContents a { display: block; color: #818181; padding-bottom: 7px; }
.MenuContents a:hover { display: block; color: #3c3c3c; }
.MenuContentsSubhead { font-size: 10px; letter-spacing: 0.1em; color: Black; padding-bottom: 7px; }


/* Content Area */
#LuxContents { display: block; position: relative; width: 744px; height: 100%; }

#LuxSmallTiles { display: block; position: relative; width: 744px; height: 177px; padding-bottom: 25px; }
#LuxSmallTilesWithCaptions { display: block; position: relative; width: 744px; height: 203px; }
#LuxLargeTiles { display: block; position: relative; width: 744px; height: 391px; }

#LuxHeadline { display: block; position: relative; width: auto; height: auto; padding: 11px 0px 13px 0px; font-family: Georgia, Serif; font-size: 40px; line-height: 50px; color: Black; }
#LuxBody { display: block; position: relative; width: 744px; height: auto; padding-bottom: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 17px; color: #a7965a; }
#LuxBody p { width: 543px; padding-bottom: 8px; }
#LuxBodyLinks { display: block; padding: 0px 0px 17px 0px; margin-top: -4px; }
#LuxBodyLinks a { font-weight: bold; }
#LuxBodyNoLinks { display: block; padding: 0px 0px 17px 0px !important; }
#LuxBody a { color: #685728; }
#LuxBody a:hover { color: #a7965a; }
.LuxSubhead { display: block; padding-bottom: 12px; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 15px; line-height: 20px; color: Black; }
.LuxLabelBold { display: block; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 12px; line-height: 17px; color: Black; }
.LuxLabel { display: block; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 17px; color: Black; }
.LuxSectionHead { display: block; margin: 6px 0px 8px 0px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 17px; color: Black; }
.clear { clear: both; }

.LuxList,.LuxListWorks { margin-top: 14px; }
.LuxList dt { margin-bottom: 6px;}
.LuxListWorks dt { margin-bottom: 0px;margin-top: 14px; font-weight: bold; }
.LuxListWorks dd { margin-bottom: 4px; margin-left: 0px; padding-left: 0px;}
.LuxListLabel { display: block; margin: 6px 0px 8px 0px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 17px; color: Black; }

.LuxEvent { display: block; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 15px; line-height: 21px; color: Black; padding-bottom: 0px; }
.LuxDate { display: block; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 17px; color: Black; padding-bottom: 6px; }


/* Columns */
.LuxSingleColumnLeft { display: inline; position: relative; float: left; width: 165px; vertical-align: top; padding-right: 12px; }
.LuxThreeColumnLeft { display: inline; position: relative; float: left; width: 543px; vertical-align: top; padding-right: 12px; margin-right: 12px; }
.LuxNavColumnRight { display: inline; position: relative; float: right; width: 165px; vertical-align: top; padding-right: 12px; }

.ColumnSubhead { display: block; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 15px; line-height: 22px; color: Black; padding-bottom: 6px; }
.ColumnLabel { display: block; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 12px; color: Black; }
.ColumnBullets { list-style-type: none; }
.ColumnBullets li { padding-top: 8px; }
.ColumnP { padding-top: 4px; width: auto !important; }
.ColumnPSmall { width: auto !important; font-size: 9px; line-height: 12px; word-spacing: -0.1em; }
.ColumnPStart { padding-top: 0px; width: auto !important; }
.ColumnDL { padding-top: 8px; }
.ColumnDLTop { padding-top: 0px; }
.ColumnDL dt, .ColumnDLTop dt { padding-bottom: 8px; }


.ColumnNavLink { display: block; position: relative; padding-bottom: 8px; font-weight: bold; font-size: 12px; line-height: 17px; color: #969696 !important; }
.ColumnNavLink:hover { color: #5a5a5a !important; }
.ColumnNavLinkSelected { display: block; position: relative; padding-bottom: 8px; font-weight: bold; font-size: 12px; line-height: 17px; color: #5a5a5a !important; }
.ColumnNavLinkSelected:hover { color: #5a5a5a !important; }
.ColumnNavLinkDisabled { display: block; position: relative; padding-bottom: 8px; font-weight: bold; font-size: 12px; line-height: 17px; color: #969696 !important; }

.ColumnNavDate { display: block; color: #969696 !important; font-size: 10px; line-height: 13px; margin-top: -8px; padding-bottom: 8px; }
.ColumnNavDateLink { display: block; color: #969696 !important; font-size: 10px; line-height: 13px; padding-bottom: 8px; }
.ColumnNavDateLink:hover { color: #5a5a5a !important; }


/* Footer */
#LuxPageFooter { display: block; position: relative; width: 744px; height: auto; padding-bottom: 30px; font-family: Arial, Helvetica; font-size: 12px; line-height: 18px; color: Black; }
#LuxPageFooter a, label { color: Black; }
#LuxPageFooter a:hover { color: #5a5a5a; }

#LuxPageFooterContact { display: block; padding-left: 15px; background: White url(../../Shared/Images/Lux-Page-Footer-Dot.gif) no-repeat scroll left center; }
#LuxPageFooterContactDetails { display: inline; visibility: hidden; color: #969696; }
#LuxPageFooterContactDetails a { color: #969696; }

#LuxPageFooterSignup { display: block; padding-left: 15px; background: White url(../../Shared/Images/Lux-Page-Footer-Dot.gif) no-repeat scroll left center; }
#LuxPageFooterSignupDetails { display: inline; visibility: hidden; }
#LuxPageFooterSignupDetails input { border: 1px solid #9ea0a1; height: 14px; width: 99px; margin: 0px 5px 0px 0px; padding: 1px 0px 0px 4px; font-size: 10px; color: #9ea0a1; }
#LuxPageFooterSignupDetails a { display: inline; font-family: Georgia, Serif; font-size: 16px; font-weight: bold; color: #c6b67f; }


#LuxPageFooterCopyright { display: block; position: absolute; top: 0px; left: 644px; width: 100px; height: auto; font-family: Arial, Helvetica; font-size: 8px; line-height: 15px; color: #969696; text-align: right; }

/* Home Page */
#LuxHomeTiles { display: block; position: relative; width: 744px; height: 366px; }
#LuxHomeCopy { display: block; position: relative; width: 744px; height: auto; margin: 19px 0px 21px 0px; font-family: Georgia, Serif; font-size: 16px; line-height: 26px; word-spacing: -0.15em; text-align: justify; }
#LuxHomeCopy a {  color: #969696; }
#LuxHomeCopy a:hover {  color: #5a5a5a; }
#LuxHomeCopyIntro a { color: Black; }
#LuxHomeCopy span { color: Black; }

/* Tiles */
#LuxLogoTile { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 0px; }

#LuxResidentArtistTile { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 189px; background-image: url(../../Shared/Images/Tile-Lux-Resident-Artist.gif); }
#LuxResidentArtistTileContents { display: block; position: relative; width: 154px; height: 126px; padding: 39px 6px 14px 17px; overflow: hidden; font-family: Arial, Helvetica; font-size: 10px; line-height: 12px; color: #937f47; }
/*#LuxResidentArtistTileContents2 { display: block; position: relative; width: 154px; height: 126px; padding: 24px 6px 14px 17px; overflow: hidden; font-family: Arial, Helvetica; font-size: 10px; line-height: 12px; color: #937f47; }*/
#LuxResidentArtistTileContentsArtist a { display: block; font-family: Georgia, Serif; font-size: 26px; line-height: 26px; color: Black; padding: 24px 0px 9px 0px; }
#LuxResidentArtistTileContentsArtist a:hover, .LuxResidentArtistTileContentsArtistLinkEnabled:hover { color: #5d5236; }
.LuxResidentArtistTileContentsArtistLinkDisabled:hover { color: #937f47; }
#LuxResidentArtistTileContentsArtistInStudio { padding-left:2px; display:inline; float:left; white-space:nowrap; overflow:hidden; }
#LuxResidentArtistTileContentsArtistOnExhibit { padding-left:9px; display:inline; float:left; white-space:nowrap; overflow:hidden; }
.LuxResidentArtistTileContentsArtistSubLink, .LuxResidentArtistTileContentsArtistSubLinkDisabled { font-weight: bold; font-size: 12px; line-height: 15px; color: #937f47; }
.LuxResidentArtistTileContentsArtistSubLink:hover { color: #5d5236; }
	
#LuxArtistWorksTile { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 378px; }

#LuxVisitTile { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 567px; background-image: url(../../Shared/Images/Tile-Visit-Lux.gif); }
#LuxVisitTileContents { display: block; position: relative; width: 146px; height: 126px; padding: 39px 14px 14px 17px; overflow: hidden; font-family: Arial, Helvetica; font-size: 12px; line-height: 15px; color: #766432; }
.LuxVisitTileContentsDay { display: block; font-weight: bold; }
.LuxVisitTileContentsTime { display: block; padding-bottom: 8px; }
#LuxVisitTileContents a { font-weight: bold; color: #eee8d4; }
#LuxVisitTileContents a:hover { font-weight: bold; color: White; }

#LuxWhatsNewTile { display: block; position: absolute; width: 177px; height: 177px; top: 189px; left: 0px; background-image: url(../../Shared/Images/Tile-Whats-New.gif); }
#LuxWhatsNewTileContents { display: block; position: relative; width: 154px; height: 126px; padding: 39px 10px 14px 15px; overflow: hidden; font-family: Arial, Helvetica; font-size: 10px; line-height: 12px; color: #d8d1b9; }
.LuxWhatsNewTileContentsItem { display: block; padding-bottom: 10px; }
.LuxWhatsNewTileContentsItem a { color: #d8d1b9; }
.LuxWhatsNewTileContentsItem a:hover { color: White; }
.LuxWhatsNewTileContentsItemHeadline { display: block; font-weight: bold; font-size: 12px; line-height: 15px; }
.LuxWhatsNewTileContentsItem span { color: Black; }

#LuxBuildingTile { display: block; position: absolute; width: 177px; height: 177px; top: 189px; left: 189px; }
#LuxBuildingTileSub { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 0px; }

#LuxInTheClassroomTile { display: block; position: absolute; width: 177px; height: 177px; top: 189px; left: 378px; background-image: url(../../Shared/Images/Tile-In-The-Classroom.gif); }
#LuxInTheClassroomTileContents { display: block; position: relative; width: 150px; height: 126px; padding: 39px 10px 14px 17px; overflow: hidden; font-family: Arial, Helvetica; font-size: 10px; line-height: 12px; }
#LuxInTheClassroomTileContentsHeadline a { display: block; font-family: Georgia, Serif; font-size: 26px; line-height: 26px; color: White; padding: 24px 0px 9px 0px; }
#LuxInTheClassroomTileContentsHeadline a:hover { color: #cecece; }
#LuxInTheClassroomTileContentsBody span { color: White; }
#LuxInTheClassroomTileContentsBody a { color: Black; }
#LuxInTheClassroomTileContentsBody a:hover { color: #3c3c3c; }

#LuxEducationTile { display: block; position: absolute; width: 177px; height: 177px; top: 189px; left: 567px; }

#LuxArtistProfilePortraitTile { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 0px; }
#LuxArtistProfilePortraitTileCaption { display: block; position: absolute; width: 177px; height: 25px; top: 177px; left: 0px; }

#LuxArtistProfileWork1Tile { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 378px; }
#LuxArtistProfileWork1TileCaption { display: block; position: absolute; width: 177px; height: 25px; top: 177px; left: 378px; }

#LuxArtistProfileWork2Tile { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 567px; }
#LuxArtistProfileWork2TileCaption { display: block; position: absolute; width: 177px; height: 25px; top: 177px; left: 567px; }

#LuxArtistResidencyTile1 { display: block; position: absolute; width: 366px; height: 366px; top: 0px; left: 0px; }
#LuxArtistResidencyTile2 { display: block; position: absolute; width: 366px; height: 366px; top: 0px; left: 378px; }

#LuxArtistWorksTile1 { display: block; position: absolute; width: 366px; height: 366px; top: 0px; left: 0px; }
#LuxArtistWorksTile1Caption { display: block; position: absolute; width: 366px; height: 25px; top: 366px; left: 0px; }

#LuxArtistWorksTile2 { display: block; position: absolute; width: 366px; height: 366px; top: 0px; left: 378px; }
#LuxArtistWorksTile2Caption { display: block; position: absolute; width: 266px; height: 25px; top: 366px; left: 378px; }

#LuxArtistWorksControls { display: block; position: absolute; width: 100px; height: 25px; top: 366px; left: 644px; text-align: right; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 23px; color: Black; }
#LuxArtistWorksControls a { color: Black; }
#LuxArtistWorksControls a:hover { color: #5a5a5a; }

#LuxMapAndDirectionsTile1 { display: block; position: absolute; width: 366px; height: 366px; top: 0px; left: 0px; }
#LuxMapAndDirectionsTile2 { display: block; position: absolute; width: 366px; height: 366px; top: 0px; left: 378px; }

#LuxValiseTile { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 0px; }
#LuxValiseTileLeft { display: block; position: absolute; width: 366px; height: 366px; top: 0px; left: 0px; }
#LuxValiseTileRight { display: block; position: absolute; width: 366px; height: 366px; top: 0px; left: 378px; }

#LuxValiseControls { display: block; position: absolute; width: 200px; height: 25px; top: 366px; left: 544px; text-align: right; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 23px; color: Black; }
#LuxValiseControls a { color: Black; }
#LuxValiseControls a:hover { color: #5a5a5a; }

#LuxStaffTile { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 0px; }
#LuxStaffTileCaption { display: block; position: absolute; width: 177px; height: 25px; top: 177px; left: 0px; }

#LuxInstallationsTile { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 0px; }
#LuxInstallationsTileCaption { display: block; position: absolute; width: 177px; height: 25px; top: 177px; left: 0px; }

#LuxEventTile1 { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 0px; }
#LuxEventTile1Caption { display: block; position: absolute; width: 177px; height: 25px; top: 177px; left: 0px; }

#LuxEventTile2 { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 189px; }
#LuxEventTile2Caption { display: block; position: absolute; width: 177px; height: 25px; top: 177px; left: 189px; }

#LuxEventTile3 { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 378px; }
#LuxEventTile3Caption { display: block; position: absolute; width: 177px; height: 25px; top: 177px; left: 378px; }

#LuxEventTile4 { display: block; position: absolute; width: 177px; height: 177px; top: 0px; left: 567px; }
#LuxEventTile4Caption { display: block; position: absolute; width: 177px; height: 25px; top: 177px; left: 567px; }

.TileCaption { font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 13px; padding-top: 5px; color: #969696; }

.Quote { font-family: Georgia, Serif; font-size: 20px; line-height: 27px; padding-bottom: 10px !important; }
.Quote span { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 22px; color: #818181; }

#ArtistWorksArchive div { float:left; position:static !important; padding-right:12px !important; }
#ArtistWorksArchive div img {
	display:block;
	position:static !important;
	}
	#ArtistWorksArchive .margin-left { margin-left:12px !important; }
	#ArtistWorksArchive .no-padding { padding-right:0px !important; }

#artist-archive-list,
.artist-archive-list  {
	list-style:none;
	}
	#artist-archive-list li,
	.artist-archive-list li {
		line-height:25px;
		}
		#artist-archive-list li a:link, #artist-archive-list li a:visited, #artist-archive-list li a:active,
		.artist-archive-list li a:link, .artist-archive-list li a:visited, .artist-archive-list li a:active {
			color:#969696;
			font-weight:bold;
			}
		#artist-archive-list li a:hover,
		.artist-archive-list li a:hover { color:#000; font-weight:bold; }

.black { color:#000; font-size:15px; line-height:17px; }
.title { color:#000; line-height:17px; }

#events-list-text-color .LuxEvent, #events-list-text-color .LuxDate { color:#a7965a !important; }

.two-column {
  float: left;
  width: 50%;
  _display: inline;
    }
  .artist-archive {
  float: left;
  width: 35%;
  _display: inline;
    }

#LuxBody .artist-archive a:link,
#LuxBody .artist-archive a:visited
{   color: #969696;
}
#LuxBody .artist-archive a:hover,
#LuxBody .artist-archive a:active
{   color: #5A5A5A;
}

ul.news-lists 
{
    margin: 0px 0px 10px 30px;
    }
    
dl.dates {margin-bottom:10px;}
dl.dates dt {text-decoration: underline; margin-bottom: 3px;} 
dl.dates dd {padding-left: 0px; margin-left: 0px; line-height: 14px; margin-bottom: 4px;}