/* CSS Document */
@charset "utf-8";
a.orange,
p.orange,
span.orange {
	color: #E8A900 !important;
}
a.red,
p.red,
span.red {
	color: #D65034 !important;
}
.block {
	display: block;
	margin-bottom: 12px;
}
.block span,
.formGroup span {
	display: block;
	width: 95px;
	float: left;
	text-transform: uppercase;
	margin-top: 2px;
}
.button {
	background-image: url(../../Images/buttonBG.jpg);
	background-repeat: repeat-x;
	font: 1.1em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana;
	border-style: none;
	color: #6E7376;
	padding: 2px 3px;
	margin: 10px 5px 12px 0px;
}
.email {
	background-image: url(../../Images/emailIcon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	float: left;
	padding-left: 15px;
	text-decoration: none !important;
}
.formGroup {
	margin-bottom: 12px;
}
.formGroup label {
	display: block;
	float: left;
	width: 80px;
}
.formGroup span {
	height:35px;
}
.leftAlignText {
	text-align: left;
}
.print {
	text-decoration: none !important;
	background-image: url(../../Images/printIcon.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	padding-left: 17px;
	float: left;
	margin-right: 6px;
}
.rssSmall {
	text-decoration: none !important;
	background-image: url(../../Images/rssFeedSmall.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	padding-left: 17px;
	float: left;
	margin-right: 6px;
}

.print:hover,
.email:hover,
.rssSmall:hover {
	color:#d65034 !important;
}
.rss {
	color: #D65034 !important;
	border-top: 1px solid #D65034;
	display: block;
	font: 1.2em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana;
	text-decoration: none !important;
	padding-top: 12px;
	padding-left: 23px;
	background-image: url(../../Images/rssFeed.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
}
.txtBox input {
	border: 1px solid #D3D3D3;
	width: 220px;
	font: 1em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana;
	padding: 1px 2px;
}
#container {
	left: 50%;
	top: 30px;
	margin-left: -400px;
}
#content #leftColumn {
    min-height: 460px;
}
#content #middleColumn {
	line-height:1.3em;
	background-color: #fff;
	float: left;
	padding: 8px 30px 30px 10px;
	min-height: 432px;
	position: relative;
}
#content #middleColumn a:link, #content #middleColumn a:visited {
    color: #6E7376;
    text-decoration: underline;
    text-transform: none !important;
}
#content #middleColumn a:hover {
    color:#D65034;
}
#content #middleColumn big {
	font-size: 1.3em;
	display: block;
	margin-bottom: 15px;
	text-transform: uppercase;
}
#content #middleColumn h1 {
	font-size: 1.5em;
	color: #D65034;
	margin-bottom: 20px;
	text-transform: uppercase;
	line-height: 1em;
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana;

}
#content #middleColumn h1 span {
	text-transform: none;
}

#content #middleColumn h2 {
	font-size: 1.1em;
	margin-bottom: 6px;
	font-weight: normal;
	padding-top: 6px;
}

#content #middleColumn b, #content #middleColumn strong {
    font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana;
}

#content #middleColumn ol {
	margin-left: 20px;
	list-style: decimal;
}
#content #middleColumn ul {
	list-style: disc;
	list-style: square;
	margin-left: 15px;
	padding-bottom: 1.3em;
}
/*
#content #middleColumn ul li:last-child {
padding-bottom: 1em ;
}
*/

#content #middleColumn .newsImage {
	margin-bottom: 12px;
}

#content #middleColumn .newsImage dt {
    float: left;
    overflow: hidden;
    padding: 3px 8px 5px 0;
    clear:left;
}
#content #middleColumn p.news {
    clear:left;
}
#content #middleColumn .newsImage dd:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content #middleColumn table.resultsTable {
	width: 422px;
}
#content #middleColumn table.resultsTable th {
	font-weight: bold;
	text-transform: uppercase;
}	
#content #middleColumn table.resultsTable td,
#content #middleColumn table.resultsTable th {
	padding: 10px 6px;
	border-bottom: 1px solid #DCDCDC;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
}
#content #middleColumn .sitemap {
	list-style: none;
	margin: 0px 0px 12px;
}
#content #middleColumn .sitemap li {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}
#content #middleColumn .sitemap li a {
	text-decoration: none;
}
#content #middleColumn .sitemap li a:hover {
	color: #D65034;
}

#content #middleColumn .sitemap ul {
	list-style: none;
	margin-left: 8px;
	text-transform: uppercase;
}
#content #middleColumn .sitemap li li {
	font-size: 0.9em;
	font-weight: normal;
}
#content #middleColumn .sitemap ul ul {
	list-style: none;
	margin-left: 8px;
}
#content #middleColumn .sitemap li li li {
	font-size: 0.9em;
}
#content #middleColumn .sitemap ul ul ul {
	list-style: none;
	margin-left: 8px;
}
#content #middleColumn .sitemap li li li li {
	font-size: 1em;
}
#content #middleColumn #imageLeftColumn {
	padding-left: 110px;
}
#content #middleColumn #imageLeftColumn img.shiftLeft{
	margin-left: -110px;
	float: left;

}
#content #middleColumn #innerColumnLeft {
	float: left;
	width: 206px;
	margin-right: 10px;
}
#content #middleColumn #innerColumnRight {
	float: left;
	width: 206px;
}

#content #middleColumn #innerColumnLeftAP {
        float: left;
        width: 180px;
        margin-right: 10px;
}
#content #middleColumn #innerColumnRightAP {
        float: left;
        width: 180px;
}

#content #middleColumn #innerColumnLeftAuction {
	float: left;
	width: 180px;
	margin-right: 10px;
}
#content #middleColumn #innerColumnRightAuction {
	float: left;
	width: 180px;
}
#content #middleColumn #printEmail {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#content #middleColumn #quaternaryNav {
    padding-bottom: 45px;
    margin: 0px 0px 20px 0;
    border-bottom: 1px solid #D65034;
    min-height: 52px;
}
#content #middleColumn #quaternaryNav ul  {
    margin: 0;
    padding: 0 10px 0 0;
    list-style: none;
    float: left;
    width: 110px;
}
#content #middleColumn #quaternaryNav li a {
    text-transform: none !important;
    text-decoration: none !important;
}
#content #middleColumn #quaternaryNav li a:hover {
    text-decoration: underline!important; } 

#content #middleColumn #quaternaryNav li.active a {
    color:#D65034;
}

#content #middleColumn #textPadding {
	padding-right: 15px;
}
#content #rightColumn {
	line-height:1.3em;
}
#content #rightColumn a:link, #content #rightColumn a:visited {
	/* text-transform: uppercase; */
	color: #6E7376;
	text-decoration: underline;
}
#content #rightColumn a:hover {
    color:#D65034;
}
#content #rightColumn strong, #content #rightColumn b {
	font-weight: bold ;
        font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana;
}

#header {
	height: 70px;
}

#header form {
	top: 35px;
}

#header img {
    margin-left:5px;
}

#rightColumnImage {
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -59px;
	top: 30px;
}
#threeCol #content #middleColumn {
	width: 386px;
}
#threeCol #content #middleColumn #quaternaryNav {
	width: 386px;
}
#threeCol #content #middleColumn #quaternaryNav .active a {
	color: #D65034 !important;
}

#threeCol #content #rightColumn {
	padding: 125px 10px 0px;
	float: left;
	width: 194px;
	background-color: #fff;
	min-height: 335px;
	position: relative;
	color: #231F20;
}

#threeCol #content #rightColumn p {
	color: #6E7376;
}

#threeCol #content #rightColumn big {
	font-size: 1.2em;
	color: #231F20;
	margin-bottom: 8px;
	display: block;
}

#threeCol #content #rightColumn h2 {
	font-size: 1.2em;
	margin-bottom: 12px;
}
#threeCol #content #rightColumn h3 {
	font-size: 1.8em;
	line-height: 1.1em;
	margin-bottom: 5px;
}
#threeCol #content #rightColumn h4 {
	font-size: 1.2em;
	color: #231F20;
	display: block;
	font-weight: normal;
    	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana;
}

#threeCol #content #rightColumn .columnCallout {
	margin-bottom: 30px;
}

#threeCol #content #rightColumn .columnCallout.Orange h2, 
#threeCol #content #rightColumn .columnCallout.Orange h3,
#threeCol #content #rightColumn .columnCallout.orange h2, 
#threeCol #content #rightColumn .columnCallout.orange h3
{
	color: #E8A900;
    	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana;
	text-transform: uppercase ;
}
#threeCol #content #rightColumn .columnCallout.Red h2, 
#threeCol #content #rightColumn .columnCallout.Red h3,
#threeCol #content #rightColumn .columnCallout.red h2, 
#threeCol #content #rightColumn .columnCallout.red h3
{
	color: #D65034;
    	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana;
	text-transform: uppercase ;
}
#threeCol #content #rightColumn .columnCallout.red h4.gold {
	color: #E8A900;
	font-weight: bold ;
    	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana;
	padding-bottom:4px ;
}

#threeCol #content #rightColumn.portfolioSection {
	padding-top: 221px;
	min-height: 249px;
}
#threeCol #content #rightColumn.portfolioSection .columnCallout {
	margin-bottom: 0px;
}

#threeCol #content #rightColumn #scrollingPortfolio {
	width: 194px;
	overflow: auto;
	margin-bottom: 6px;
}
#threeCol #content #rightColumn #scrollingPortfolio table td {
	padding: 0px 5px 0px 0px;
	border: none;
	text-align: left;
}
#threeCol #content #rightColumn #portfolioLgImage {
	position: absolute;
	top: 0px;
	left: -14px;
}
/* FIXME: height isn't correct */
#threeCol #content #rightColumn #flashProfile {
	position: absolute;
	top: 0px;
	left: -14px;
}
#twoCol #content  #middleColumn  {
	width: 437px;
}
#twoColFull #content #middleColumn {
	padding: 8px 10px 30px;
	width: 590px;
}
#twoColFull #content #middleColumn #imageSlideShow {
	width: 620px;
	padding-top: 20px;
}
#twoColFull #content #middleColumn #auctionBody {
	width: 590px;
	padding-top: 20px;
}

#twoColFull #content #middleColumn #auctionBody p.biggerLeading {
	line-height: 1.8em ;
}

#twoColFull #content #middleColumn #auctionBody .auctionDivider {
    clear: both;
    border-bottom: 1px solid #ddd;
    margin-top: 0px;
    margin-bottom: 40px;
}

#twoColFull #content #middleColumn #auctionBody .morePadding {
    margin-top: 30px;
}

/*
#twoColFull #content #middleColumn #auctionBody h1.auctionOrangeH1
{
    color: #00A599 ;
}
*/

#twoColFull #content #middleColumn #auctionBody table.auctionTable 
{
    width: 100% ;
}
#twoColFull #content #middleColumn #auctionBody .auctionTable td {
    text-align: left;
    border: 0 ;
    font-size: 62.5% ;
    width:50% ;
}
/*
#twoColFull #content #middleColumn #auctionBody .auctionTable td a {
    color: #D65034 ;
}

#twoColFull #content #middleColumn #auctionBody .auctionTable td:nth-child(1) {
    color: #D65034 ;
}
*/
#twoColFull #content #middleColumn #auctionBody .auctionTable tr {
    border-top: 1px dotted #b0b0b0;
}
#twoColFull #content #middleColumn #auctionBody .auctionTable tr:nth-child(even) {
    background: #f0f1f1 ; 
}


#twoColFull #content #middleColumn #imageSlideShow #imageHolder {
    height: 200px;
    width: 620px;
    overflow: auto;
    position: relative;
    margin: 0 0 5px 0;
}

.imageHolder img.active {
	border: 2px solid #000;
}
#twoColFull #content #middleColumn #imageSlideShow #imageHolder table {
	margin:0px;
	position: absolute;
	left: 0px;
}
#twoColFull #content #middleColumn #imageSlideShow #imageHolder table td {
	border: none;
	padding: 0px 4px 0px 0px !important;
	text-align: left;
}

#twoColFull #content #middleColumn #imageSlideShow p {
    margin:10px 0 0 0;
}

#twoColWide #content #middleColumn {
	padding: 8px 25px 10px 10px;
	width: 550px;
}
#twoCol  #content  #middleColumn #textPadding,
#twoColWide #content #middleColumn #textPadding,
#twoColFull #content #middleColumn #textPadding {
	width: 422px;
}

/* Two subheadings */
.highlight {
    font-size: 1.3em;
    color:#D65034;
    font-weight: normal;
    margin: 6px 0;
    padding: 0;
}
.heavy {
    font-size:1.1em;
    font-weight:bold;
    padding:0;
    margin:4px 0;
    font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana;
}

/* Image captions and formatting */
.imgLeft {
    float:left;
    padding:0 10px 10px 0;
    margin-right: 20px ;
}
.imgRight {
    float:right;
    padding: 0 0 10px 10px;
    margin-left: 20px ;
}
.imgLeft, .imgRight {
    font-style:italic;
}
.imgLeft img, .imgRight img {
    display:block;
    margin-bottom:5px;
}

/* campaign tab overlay */

#campaign {
        background-image: url(../../Images/campaign.png);
	z-index: 48;
	position: absolute;
	width: 221px;
	background-repeat: no-repeat;
	height: 45px;
	top: -30px;
	right: 15px
}


/*

New stuff for revised auction artwork listing.

*/

#auctionCol #content #middleColumn {
	padding: 8px 10px 30px;
	width: 560px;
}
#auctionCol #content #middleColumn #imageSlideShow {
	width: 560px;
	padding-top: 20px;
}
#auctionCol #content #middleColumn #imageSlideShow #imageHolder {
    height: 200px;
    width: 560px;
    overflow: auto;
    position: relative;
    margin: 0 0 5px 0;
}

#auctionCol #content #middleColumn #imageSlideShow #imageHolder table {
	margin:0px;
	position: absolute;
	left: 0px;
}
#auctionCol #content #middleColumn #imageSlideShow #imageHolder table td {
	border: none;
	padding: 0px 4px 0px 0px !important;
	text-align: left;
}

#auctionCol #content #middleColumn #imageSlideShow p {
    margin:10px 0 0 0;
}

#auctionCol #content #middleColumn #textPadding {
	width: 560px;
}

#auctionCol #content #middleColumn #textPadding .artwork {
	width: 120px;
	float: left ;
/* border: 1px solid gray ; */
}

#auctionCol #content #middleColumn #textPadding .firstArtwork {
	padding-right: 13px ;
}

#auctionCol #content #middleColumn #textPadding .lastArtwork {
	padding-left: 13px ;
}


#auctionCol #content #middleColumn #textPadding .middleArtwork {
	padding-left: 13px ;
	padding-right: 13px ;
}

#auctionCol #content #middleColumn #textPadding img.artworkThumbnail {
	/* CSS3; only supported on recent browsers */
	box-shadow: 0.3em 0.3em 0.4em #CCC, -0.3em 0.4em 0.4em #CCC, -0.1em -0.1em 0.4em #CCC ;
	margin-bottom: 10px ;
	position: relative ;
	z-index: 0;
}

#auctionCol #content #middleColumn #textPadding .artwork .magnifyingGlass {
	background-image:none ;
	width: 118px ;
	height: 118px ;
	position:absolute; 
	z-index: 1;
}

#auctionCol #content #middleColumn #textPadding .artwork .magnifyingGlass:hover {
	background-image: url("../../Images/www.massart.edu/support_massart/auction/magnifying-glass-overlay.png") ;
	background-repeat: no-repeat ;
	background-position: left bottom ;
}

#auctionCol #content #middleColumn #textPadding p.artistName {
	font-size: 1.2em ;
	color: #D65034 ;
}

#auctionCol #content #middleColumn #textPadding p.artworkTitle {
	font-size: 1em ;
	color: #000000 ;
	font-style: italic ;
	margin-bottom: 3px ;
}

#auctionCol #content #middleColumn #textPadding p.artworkMedium {
	font-size: 1em ;
	margin-bottom: 3px ;
}

#auctionCol #content #middleColumn #textPadding p.artworkDimensions {
	font-size: 1em ;
}

#auctionCol #content #middleColumn #textPadding p.artworkValue {
	/* font-size: 2em ; */
	font-size: 1em ;
	letter-spacing: 0.1em ;

	color: #000000 ;
	font-family: Sabon;
	font-style: normal;
	font-weight: normal;
}

#auctionCol #content #middleColumn #textPadding div.verticalSpacer {
	clear: both ;
	height: 10px ;
}

#auctionCol #content #middleColumn #innerColumnLeft {
	float: left;
	width: 270px;
	margin-right: 10px;
}

#auctionCol #content #middleColumn #innerColumnRight {
	float: left;
	width: 270px;
}


/*
TO DO
#+ sabon type
   --> no non-lining numerals. I called webtype (they're in Boston!) to ask them about this.
*/

/* create new styles for galleries archive index page? */

img.artwork_archive {
border: 1px solid #a6a6a6 ;
margin-bottom: 10px ;
}

img.visiting_artist {
border: 1px solid #a6a6a6 ;
margin-top: 5px ;
margin-bottom: 10px ;
margin-right: 15px ;
float: left ; 
}

#twoCol #content #middleColumn #textPadding div.verticalSpacer {
	height: 25px ;
}

#twoCol #content #middleColumn #textPadding p.gallery_header {
margin-bottom: 10px ;
}

#content #middleColumn .apply_red, #content #rightColumn .apply_red {
	letter-spacing: 1px ;
	/* width: 100px ; */
	height: 25px ;
	color: #fff ;
	background-color: #d65034 ;
	border: 1px solid #d65034 ;
	text-align: center ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #fff;
	margin-bottom: 10px ;
	display: inline-block ;
	clear: both ;
}

#content #middleColumn .apply_blue, #content #rightColumn .apply_blue {
	letter-spacing: 1px ;
	/* width: 100px ; */
	height: 25px ;
	color: #fff ;
	background-color: #00AFD8 ;
	border: 1px solid #00AFD8 ;
	text-align: center ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #fff;
	margin-bottom: 10px ;
	display: inline-block ;
}

#content #middleColumn .apply_gray, #content #rightColumn .apply_gray {
	letter-spacing: 1px ;
	/* width: 100px ; */
	height: 25px ;
	color: #fff ;
	background-color: #6E7376 ;
	border: 1px solid #6E7376 ;
	text-align: center ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #fff;
	margin-bottom: 10px ;
	display: inline-block ;
}

#content #middleColumn .apply_text, #content #rightColumn .apply_text {
	line-height: 25px ;
	margin-left: 2em ;
	margin-right: 2em ;
}

#content #middleColumn .apply_text a, #content #rightColumn .apply_text a {
	color: #fff ;
	text-decoration: none ;
	text-transform: uppercase !important ;
}

#content #middleColumn .apply_red:hover, #content #middleColumn .apply_blue:hover, #content #middleColumn .apply_gray:hover, #content #rightColumn .apply_gray:hover, #content #rightColumn .apply_red:hover, #content #rightColumn .apply_blue:hover {
	background: #E8A900 ;
}

#content #middleColumn .apply_gold, #content #rightColumn .apply_gold {
        letter-spacing: 1px ;
        height: 25px ;
        color: #fff ;
        background-color: #E8A900 ;
        border: 1px solid #E8A900 ;
        text-align: center ;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: solid 1px #fff;
        margin-bottom: 10px ;
        display: inline-block ;
}

#content #middleColumn .apply_gold:hover, #content #rightColumn .apply_gold:hover
{
        background: #00A599 ;   
}

#content #middleColumn .influencers_01, #content #middleColumn .influencers_02, #content #middleColumn .influencers_03, #content #middleColumn .influencers_04 {
        letter-spacing: 1px ;
        height: 25px ;
        color: #fff ;
        background-color: #E8A900 ;
        text-align: center ;
/*
        border: 1px solid #E8A900 ;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
*/
        border: solid 1px #fff;
        margin-bottom: 10px ;
        display: inline-block ;
	width: 100% ;
}

#content #middleColumn .influencers_01 { 
    background-color: #bd6868 ;
}

#content #middleColumn .influencers_02 { 
    background-color: #436589 ;
}

#content #middleColumn .influencers_03 { 
    background-color: #00a599;
}

#content #middleColumn .influencers_04 { 
    background-color: #3095b4;
}

#content #middleColumn .influencers_01:hover, #content #middleColumn .influencers_02:hover, #content #middleColumn .influencers_03:hover, #content #middleColumn .influencers_04:hover {
    background-color: #E8A900 ;
}



.triangle-closed {
	background-image: url('../../Images/triangle-closed.png');
	background-repeat: no-repeat;
/*	width:10px;
	height:10px; */
}

.triangle-open {
	background-image: url('../../Images/triangle-open.png');
	background-repeat: no-repeat;
/*	width:10px;
	height:10px; */
}

p.highlight + span
{
	padding-left: 15px ;
}

p.expand_collapse { 
border-top: 1px dotted #6e7376 ;
width: 386px ;
padding-top: 10px ;
}


/* BEGIN slideshow stuff for career services */

.slideshow
{
	height: 250px;
	position: relative;
	z-index:0;
}
.slideshow img
{
	padding: 0px;
}
.slideshow .green_field {
	background-color: #7B942E; 
	width:661px; 
	z-index: 1  ; 
	position: absolute ; 
	top:250px ; 
	left: 0px; 
	height: 55px ; 
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.slideshow p.who
{
	color: white ;
	font-weight: bold ; 
	font-size: 0.9em ; 
	z-index: 2 ; 
	position: absolute; 
	width:641px; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 10px; 
	margin-top: -60px; 
	height: 30px ; 
}
.slideshow p.what 
{ 
	color: white ; 
	z-index: 2 ; 
	font-size: 0.8em; 
	position: absolute; 
	width:641px; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 10px; 
	margin-top: -40px; 
	height: 30px ; 
}
.slideshow p.what a
{
	 text-decoration: underline ;
	 color: white ;
}
.slideshow p.what a:hover
{
	background: none ; 
	color: white ; 
	text-decoration: underline ;
	
}			
#slideshownav 
{ 
	text-align: right ; 
	margin-right: 7px ; 
} 
#slideshownav a 
{ 
	color: #77adb4 ; 
	background: #77adb4; 
	text-decoration: none; 
	margin: 0 5px; 
	padding: 3px 5px;  
	font-size: 0.7em ;
}
#slideshownav a.activeSlide 
{ 
	background: #018cab; 
	color: #018cab; 
}
#slideshownav a:focus 
{ 
	outline: none; 
}