
/**********************************************GLOBAL STUFF - COLORS, FONTS, ETC.***************************
#4d4d4d - dk gray orig body bg
**********************************************EOF GLOBAL STUFF - COLORS, FONTS, ETC.***************************/
html,body {
/*text-align:center; center hack*/
background:#4d4d4d;
font:14px "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;/*Georgia, "Times New Roman", Times, serif; - original font before changing to franklin*/
margin:0;
color: #000;
width:100%;
}
h1{
font:bold 14px Arial, Helvetica, sans-serif;
color:#993300;
margin:0 0 10px 0;
padding-bottom:10px;
float:left;
width:100%;
}
h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#000;
float:left;
width:100%;
}
td h1{
font:bold 14px Arial, Helvetica, sans-serif;
color:#993300;
margin:20px 0 0 0;
float:left;
}
td p {font:13px "Franklin Gothic Medium", Arial, Helvetica, sans-serif;}
a:link, a:visited {text-decoration:none;color:#4d4d4d;}
a:hover, a:active {text-decoration:underline;color:#4d4d4d;}
a {color:#4d4d4d;}
a.current{color:#4d4d4d;}

a:link.goldLinks, a:visited.goldLinks {text-decoration:none;}
a:hover.goldLinks, a:active.goldLinks {text-decoration:underline;}
a.goldLinks {color:#c96;}

a:link.redLinks, a:visited.redLinks {text-decoration:none;}
a:hover.redLinks, a:active.redLinks {text-decoration:underline;}
a.redLinks, .redLinks {color:#ff0000;}

a.white{color:#fff;}

#wrap{
width:955px;
margin:0 auto;/*center hack*/
text-align:left;/*center hack*/
}
#dropShadowEffect{
width:955px;
float:left;
padding-bottom:5px;
background:#333333 url(../images/content_tile.png) repeat-y;
margin:40px 0 0 5px;
}
#contentWrap{
width:955px;
float:left;
padding-bottom:10px;
background:#fff;
margin:-5px 0 0 -5px;
min-height:700px;
}


#masthead{
width:945px;/*orig width:950px*/
float:left;
margin:5px 0 0 10px;
padding-top:5px;
/*background:#4d4d4d;orig*/
background:#fff;
}
#contemporaryArt{
width:955px;/*orig width:950px*/
float:left;
margin:-5px 0 0 0;
background:#fff;
}

#pageMargins{
padding:40px 0 0 20px;
float:left;
}

ul.topNav {
float:right;
text-align:right;
width:945px;
padding:10px 0 2px 0;
margin:0 10px 0 0;
}
.topNav li{
display:inline;
font:bold 14px Arial, Helvetica, sans-serif;;
padding:0 10px 0 10px;
color:#4d4d4d;
}
.topNav li a:link, .topNav li a:visited {
text-decoration:none;
color:#4d4d4d;
}
.topNav li a:hover, .topNav li a:active {
text-decoration:none;
color:#2417d9;
}
.topNav li a.current {
text-decoration:none;
color:#2417d9;
}


#rightColumnArtistIndex{
float:left;
width:650px;
height:500px;
}
#twoColumnSideNav{
float:left;
width:250px;
padding:40px 0 0 0;
font:13px "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;/*"Times New Roman", Times, serif;-original font before switching to franklin*/
text-transform:uppercase;
}
#twoColumnSideNav ul.col1 {
text-align:left;
float:left;
width:200px;
/*height:450px;ORIG FOR VERTICAL SCROLL
overflow-y:scroll;*/
margin:0;
padding:0;
}
#twoColumnSideNav .col1 li{
display:block;
list-style:none;
line-height:5px;
margin:0 0 0 0;
}
#twoColumnSideNav .col1 li a:link, #twoColumnSideNav .col1 li a:visited {
text-decoration:none;
color:#4d4d4d;
}
#twoColumnSideNav .col1 li a:hover, #twoColumnSideNav .col1 li a:active {
text-decoration:none;
color:#ff4040;
}

/*****************artist landing with scroll*********************/
#twoColumnSideNav ul.col1ArtistLanding {
text-align:left;
float:left;
width:200px;
height:400px;
overflow-y:scroll;
margin:0;
padding:0;
}
#twoColumnSideNav .col1ArtistLanding li{
display:block;
list-style:none;
padding-bottom:10px;
}
#twoColumnSideNav .col1ArtistLanding li a:link, #twoColumnSideNav .col1ArtistLanding li a:visited {
text-decoration:none;
color:#4d4d4d;
}
#twoColumnSideNav .col1ArtistLanding li a:hover, #twoColumnSideNav .col1ArtistLanding li a:active {
text-decoration:none;
color:#ff4040;
}
/******************************eof artist landing with scroll***************************/

#twoColumnSideNav ul.col2 {
text-align:left;
float:left;
width:200px;
margin:0;
padding:0;
}
#twoColumnSideNav .col2 li{
display:block;
list-style:none;
padding-bottom:10px;
}
#twoColumnSideNav .col2 li a:link, #twoColumnSideNav .col2 li a:visited {
text-decoration:none;
color:#36f;
}
#twoColumnSideNav .col2 li a:hover, #twoColumnSideNav .col2 li a:active {
text-decoration:none;
color:#999;
}

/*Artists landing page right column - where thumbs will be shown*/
#artistsRightColHide{
position:absolute;
top:200px;
left:400px;
width:555px;
z-index:2;
background:#00FF00;
}
#artistsRightColShow{
position:absolute;
top:200px;
left:400px;
width:555px;
z-index:1;
}
#newLeftCol{
float:left;
width:270px;
margin:-15px 10px 0 20px;
color:#4d4d4d;
}
#newLeftCol h1{
margin:-4px 0 20px -2px;
font:bold 16px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#ff4040;
}
/*begin slideshow*/
#homeSlideShow{
width:570px;
float:left;
padding:20px;
margin:0;
background:#808080;

}
#homeSlideShow img{width:570px; height:455px;}

#contactRight{
width:570px;
float:left;
padding:20px;
border:1px solid #808080;

}


.descpanelfg{
font:bold 12px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#fff;
    margin:10px 0 0 0;
    height:20px;
	float:left;
}
/*eof begin slideshow*/

/*ARTIST PAGES CSS*/

/*artist landing page*/
#artistPageContentWrap{
float:left;
width:915px;
padding:40px 20px 0 20px;
}

#currExEnlargedWrap{
float:left;
width:955px;
padding:20px 0 0 0;
text-align:center;
margin:auto;
}

#currExEnlargedWrapAbout{
float:left;
width:955px;
padding:20px 0 0 0;
text-align:left;
margin:auto;
}

.currExEnlargedNavWrap{
float:left;
width:955px;
}
.currExEnlargedNavLeft{width:600px; float:left;text-align:left;}
.currExEnlargedNavRight{width:400px; float:right;text-align:right; background:red;}

#artistInfoNav{
width:190px;
margin:-38px 10px 0 20px;
float:left;
font:13px "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;/*"Times New Roman", Times, serif;-original font before switching to franklin*/
text-transform:uppercase;

}
#artistInfoNav h1, #artistInfoNav h1 a{
margin:20px 0 5px -1px;
font:bold 16px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#4d4d4d;
}
#artistInfoNav h1.zeroTop, #artistInfoNav h1.zeroTop a{
margin:-15px 0 5px -1px;
font:bold 16px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#4d4d4d;
}
#twoColumnSideNav h1, #twoColumnSideNav h1 a{
margin:20px 0 5px -1px;
font:bold 16px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#4d4d4d;
}
#twoColumnSideNav h1.zeroTop, #twoColumnSideNav h1.zeroTop a{
margin:-5px 0 5px -1px;
font:bold 16px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#4d4d4d;
}
.exhibitionsHeader{
color:#666;
}
#artistInfoNav ul.col1 {
text-align:left;
float:left;
width:190px;
margin:0 0 0 0;
padding:0;
}
#artistInfoNav .col1 li{
display:block;
list-style:none;
padding-bottom:10px;
}
#artistInfoNav .col1 li a:link, #artistInfoNav .col1 li a:visited {
text-decoration:none;
color:#4d4d4d;
}
#artistInfoNav .col1 li a:hover, #artistInfoNav .col1 li a:active {
text-decoration:none;
color:#ff4040;
}
#artistInfoNav .col1 li a.current {
text-decoration:none;
color:#ff4040;
}


#shareNew{
width:600px;
float:right;
text-align:center;
background:#fff;
margin:-40px 0 0 10px;
padding:10px 10px 10px 10px;
}
#artistWorks{
width:600px;
float:right;
text-align:center;
background:#808080;
margin:0 0 0 10px;
padding:10px 10px 10px 10px;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
}
.artworkWrap{
float:left;
/*orig width:180px; height:180px;*/
width:180px;
margin:0;
padding:10px;
height:230px;
}
.artworkContainer{
float:left;
/*orig width:180px; height:180px;*/
width:180px; /*height:180px;*/
margin:0;

}
#artworkCaption{
float:left;
text-align:left;
color:#fff;
font:12px arial;
margin-top:3px;
}

/*tool tips for image rollovers on artists landing page*/
#coolmenu{
width: 170px;
float:left;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: #fff;
background:#930;
text-decoration: none;
border: solid black;
border-width:1px 0 1px 0;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:link, #coolmenu a:visited{
background-color: #930;
color: white;
}
#coolmenu a:hover, #coolmenu a:active{
background-color: black;
color: white;
}

#tabledescription{
width: 250px;
padding: 2px;
margin-top:0;
filter:alpha(opacity=0);
-moz-opacity:0;
}
/*eof artist landing page*/

/*artist detail page*/

.paginationNav{text-align:center; background:#fff; padding:2px;margin-top:5px; width:75px;float:left;}



.paginationNav a:link, .paginationNav a:visited{

text-decoration:none;

color:#626189;

}

.paginationNav a:hover,.paginationNav a:active{

text-decoration:none;

color:#000;

}



/*pop up nav*/
.paginationNavPopUp{text-align:center; background:#fff; padding:2px;margin-top:5px; width:75px;float:right;}

.paginationNavPopUp a:link, .paginationNavPopUp a:visited{
text-decoration:none;
color:#4d4d4d;
}
.paginationNavPopUp a:hover,.paginationNavPopUp a:active{
text-decoration:none;
color:#ff4040;
}

/*artist page exhibition*/
.exLeft{width:500px; float:left;}
.exRight{width:400px; float:right;}
.exContainer{
width:500px;
float:left;
text-align:left;
padding:0 10px 10px 0;
}
.exContainerRight{
width:300px;
float:right;
text-align:left;
padding:0 10px 10px 0;
margin-top:0;
}
.exContainerImg{
width:202px;
overflow:hidden;
float:left;
text-align:left;
}
.exContainerImgCurrent{
width:100px;
height:100px;
overflow:hidden;
float:right;
text-align:left;
}
.exText{
width:250px;
padding:0 0 0 20px;
float:left;
text-align:left;
/*font:15px arial;*/
font:12px "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
}
.exTextCurrent{
width:200px;
padding:0 0 0 0;
float:right;
text-align:left;
/*font:15px arial;*/
font:12px "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
}

.exText a:link, .exText a:visited{
text-decoration:none;
color:#4d4d4d;
}
.exText a:hover,.exText a:active{
text-decoration:none;
color:#ff4040;
}

/*.logoBGColor{
width:200px;
height:58px;
/*margin-left:385px;*/
text-align:left;
padding:0 0 5px 0;
}*/

.logoBGColor{
width:185px;
height:120px;
/*margin-left:385px;*/
text-align:left;
padding:0 0 5px 0;
}

.sharePage{
float:left;
width:100px;
margin:10px 0 0 0;
background:#ccc;
}


/*eof ARTIST PAGES CSS*/

/*misc*/
a:link.black, a:visited.black {text-decoration:none;color:#000;}
a:hover.black, a:active.black {text-decoration:underline;color:#4d4d4d;}
a.black {color:#000;}

/*image border hover*/
a:link.imgPop img, a:visited.imgPop img {border:1px solid #ccc; width:178px; height:178px;}
a:hover.imgPop img, a:active.imgPop img {border:1px solid #000; width:178px; height:178px;}

/*image border for exhibitions pages*/
a:link.imgEx img, a:visited.imgEx img {border:1px solid #ccc;max-width:500px;}
a:hover.imgEx img, a:active.imgEx img {border:1px solid #000;max-width:500px;}

/*begin dranoff styles*/
#footer{
width:100%;
float:left;
text-align:left;
padding:10px 0 10px 0;
font-size:12px;
letter-spacing:1px;
color:#fff;
}
.moreInfo{
float:left;
margin:5px 0 0 0;
}
.moreInfo a {color:#333;}
.moreInfo a:link, .moreInfo a:visited{
text-decoration:none;
}
.moreInfo a:hover,.moreInfo a:active{
text-decoration:underline;
}
.pageContactWrap{float:left;width:600px;}

.clickToEnlarge{
width:100%;
float:left;
text-transform:none;
font-style:italic;
color: #2417d9;
font-weight:normal;
}




