body {background:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;text-align:center;font-size:84%;}
h1 {font-size:182%;}
h2 {font-size:123.1%}
h3 {font-size:123.1%;}
h4 {font-size:108%;}
h5 {font-size:93%;}
h6 {font-size:85%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:Helvetica, "Arial Narrow", Arial, sans-serif;color:#333;}
h1.sIFRHeader {margin-bottom:5px;font-weight:bold}
h2.sIFRHeader {margin-bottom:10px;}
h3.sIFRHeader {margin-bottom:10px;}
h4.sIFRHeader {margin-bottom:10px;}

p {font-size:85%;margin:0 0 15px 0;line-height:150%;}
p.caption {font-family:Arial, Helvetica, sans-serif;font-size:72%;margin:7px 0;}

strong {font-weight:bold;}
em {font-style:italic;}
a {color:#333;text-decoration:none;}
a:hover {color:#CC0000;text-decoration:underline;}
select, input, textarea {background-color:#fff;border:1px solid #ccc;padding:3px 5px;color:#666;}
:focus{-moz-outline-style: none;}
.hide {display:none}
.brclear {clear:both;height:0;margin:0;font-size:1px;line-height:0px;}

/* general layout */
#wrapper {margin:0 auto;width:960px;text-align:left;}
#leftCol {float:left;width:190px;}
#rightCol {width:765px;float:right;margin-top:33px;}
#rightColA {width:560px;float:left;}
#rightColA p {margin-right:40px;}
#rightColA #ArtistContent p {margin:0 0 15px 0;}
#rightColB {width:200px;float:right;}

/* popup */
#bodyPopup #wrapper {margin:0 auto;width:700px;text-align:left;}


/* leftnav */
#logo {width:110px;margin:15px 0 25px 0;}
#logo a {text-indent:-10000px;display:block;width:110px;}
#logo, #logo a {background:url(../images/nav/xist_logo.png) top left no-repeat;height:50px}

#navEn a, #navTr a {text-indent:-10000px;display:block;}
#navEn li, #navTr li {margin:0;padding:0;}

/* Nav En */

#navEn #nav1 a {background:url(../images/nav/nav1en.png) top left no-repeat;height:23px}
#navEn #nav1on a {background:url(../images/nav/nav1en_on.png) top left no-repeat;height:23px}

#navEn #nav2 a {background:url(../images/nav/nav2en.png) top left no-repeat;height:23px}
#navEn #nav2on a {background:url(../images/nav/nav2en_on.png) top left no-repeat;height:23px}

#navEn #nav3 a {background:url(../images/nav/nav3en.png) top left no-repeat;height:23px}
#navEn #nav3on a {background:url(../images/nav/nav3en_on.png) top left no-repeat;height:23px}

#navEn #nav4 a {background:url(../images/nav/nav4en.png) top left no-repeat;height:23px}
#navEn #nav4on a {background:url(../images/nav/nav4en_on.png) top left no-repeat;height:23px}

#navEn #nav5 a {background:url(../images/nav/nav5en.png) top left no-repeat;height:23px}
#navEn #nav5on a {background:url(../images/nav/nav5en_on.png) top left no-repeat;height:23px}

#navEn #nav6 a {background:url(../images/nav/nav6en.png) top left no-repeat;height:23px}
#navEn #nav6on a {background:url(../images/nav/nav6en_on.png) top left no-repeat;height:23px}

/* Nav Tr */

#navTr #nav1 a {background:url(../images/nav/nav1tr.png) top left no-repeat;height:23px}
#navTr #nav1on a {background:url(../images/nav/nav1tr_on.png) top left no-repeat;height:23px}

#navTr #nav2 a {background:url(../images/nav/nav2tr.png) top left no-repeat;height:23px}
#navTr #nav2on a {background:url(../images/nav/nav2tr_on.png) top left no-repeat;height:23px}

#navTr #nav3 a {background:url(../images/nav/nav3tr.png) top left no-repeat;height:23px}
#navTr #nav3on a {background:url(../images/nav/nav3tr_on.png) top left no-repeat;height:23px}

#navTr #nav4 a {background:url(../images/nav/nav4tr.png) top left no-repeat;height:23px}
#navTr #nav4on a {background:url(../images/nav/nav4tr_on.png) top left no-repeat;height:23px}

#navTr #nav5 a {background:url(../images/nav/nav5tr.png) top left no-repeat;height:23px}
#navTr #nav5on a {background:url(../images/nav/nav5tr_on.png) top left no-repeat;height:23px}

#navTr #nav6 a {background:url(../images/nav/nav6tr.png) top left no-repeat;height:23px}
#navTr #nav6on a {background:url(../images/nav/nav6tr_on.png) top left no-repeat;height:23px}

#navEn #navLang a {background:url(../images/nav/nav_lang_tr.png) top left no-repeat;height:23px;margin:20px 0;} 
#navTr #navLang a {background:url(../images/nav/nav_lang_en.png) top left no-repeat;height:23px;margin:20px 0;}

#navTr #navFollow, #navEn #navFollow {padding:20px 0 0 13px;} 
#navTr #navFollow .label, #navEn #navFollow .label {float:left;display:block;width:40px;font-size:70%;color:#999;font-family:Arial, Helvetica, sans-serif;margin-top:3px;} 
#navTr #navFollow a.facebook, #navEn #navFollow a.facebook {float:left;display:block;background:url(../images/buttons/facebook.gif) 0px top no-repeat;width:16px;height:16px;margin:0 7px 0 10px;} 
#navTr #navFollow a.facebook:hover, #navEn #navFollow a.facebook:hover {background:url(../images/buttons/facebook.gif) -16px top no-repeat;} 
#navTr #navFollow a.twitter, #navEn #navFollow a.twitter {float:left;display:block;background:url(../images/buttons/twitter.gif) 0px top no-repeat;width:16px;height:16px;}
#navTr #navFollow a.twitter:hover, #navEn #navFollow a.twitter:hover {background:url(../images/buttons/twitter.gif) -16px top no-repeat;}

#navEn #subnav, #navTr #subnav {margin-top:-2px;margin-bottom:12px;}
#navEn #subnav a, #navTr #subnav a {text-indent:0px;font-size:75%;padding:0 0 0 13px;background:none;height:1%;text-transform:uppercase;}
#navEn #subnav a:hover, #navTr #subnav a:hover {text-decoration:none;color:#000;}
#navEn #subnav a.selected, #navTr #subnav a.selected, #navEn #subnav a.selected:hover, #navTr #subnav a.selected:hover {color:#C00;}

#search {margin-left:13px;font-size:84%;}
#search .searchBtn {border:none 0px;background:none;margin-bottom:-6px;}

/* home page styles */
.HiliteExhibitionImage {width:500px;float:left;text-align:center;}
.HiliteExhibitionImage img {clear:both;margin-bottom:5px;}
.HiliteExhibitionTxt {width:200px;padding-top:20px;float:right;}
#HomeNews {margin:30px 0 50px 0;border-top:1px solid #ccc;padding-top:20px;}
#HomeNews h5 {font-weight:bold;width:100px;float:left;color:#666;}
#HomeNews p {margin:0 0 0 100px;}

/* link styles */
.detailLink1 {background:url(../images/buttons/red_arrow.gif) 1px 50% no-repeat;padding-left:15px;}
h5.detailLink1 {color:#666;font-weight:bold;font-size:88%;}
h5.detailLink1 a {color:#666;}
.detailLink2 {background:url(../images/buttons/red_arrow.gif) right 50% no-repeat;padding-right:20px;}
.detailLink3 {background:url(../images/buttons/grey_arrow.gif) 1px 50% no-repeat;padding-left:15px;}
.downloadLink {background:url(../images/buttons/download.gif) 1px 50% no-repeat;padding-left:15px;}
a.detailLink3 {color:#666;}
ul.RelatedLinks {margin-left:15px;font-size:85%;}
ul.RelatedLinks li {margin:5px 0 8px 0;line-height:130%;}

.gridPadder1 {margin-top:62px;} /* use to align image with nav */
.gridPadder2 {margin-top:59px;} /* use to align text with nav */

/* artist info */
#ArtistHilite {float:left;width:220px;}
#ArtistList {float:right;width:510px;}
#ArtistList ul li {margin:5px 0 10px 0;padding:0;list-style-type:none;}
#ArtistList ul div {font-size:85%;font-weight:bold;float:left;width:160px;}
#ArtistContent {float:right;width:310px;}
#ArtistTitle {margin:20px 0 14px 0;}

/* news */
#NewsImg {float:left;width:220px;margin-top:62px;}
#NewsContent {float:right;width:310px;margin-top:62px;}
#NewsContent h4 {margin-bottom:15px;}


/* exhibition */
.ExhibitionImage {width:500px;}
.ExhibitionInfo {padding:20px 0 0 0;}
.ExhibitionDate {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:78%;display:block;color:#999;/*border-bottom:1px solid #eaeaea;width:80%;padding-bottom:10px;*/}


/* work gallery */
#WorkThumbs {border:1px solid #ccc;width:550px;overflow:hidden;padding-bottom:25px;}
#WorkThumbs div.thumb {width:100px;height:100px;text-align:center;float:left;margin:25px 0 0 29px;}
#WorkThumbs div.thumb img {vertical-align:middle;}
#WorkDetail {border:1px solid #ccc;width:550px;text-align:center;min-height:300px;}
#WorkDetail #BigImg {margin:19px auto 30px auto;}
#WorkDetail #BigImg p.caption {margin:7px 40px;}
/*#WorkDetail #BigImg img {margin-bottom:5px;}*/
#WorkDetail #WorkStatus {margin-bottom:15px;text-align:center;}
#WorkDetail #WorkStatus ul {font-size:75%;}
#WorkDetail #WorkStatus ul li img.DetailThumb {margin:0 5px -14px 0px;}
#WorkDetail #WorkStatus ul li#StatusArchived {background:url(../images/buttons/status_archived.gif) 1px 50% no-repeat;padding-left:15px;float:left;margin-left:19px;}
#WorkDetail #WorkStatus ul li#StatusSold {background:url(../images/buttons/status_sold.gif) 1px 50% no-repeat;padding-left:15px;float:right;margin-right:19px;}
#WorkDetail #WorkStatus ul li#StatusReserved {background:url(../images/buttons/status_reserved.gif) 1px 50% no-repeat;padding-left:15px;float:right;margin-right:19px;}
#WorkDetail #WorkStatus ul li#StateInterested {background:url(../images/buttons/red_arrow.gif) 1px 50% no-repeat;padding-left:15px;float:right;margin-right:19px;}
#WorkBrowse {margin:25px 0;text-align:center;}
#WorkBrowse ul {font-size:75%;position:relative;display:block;}
#WorkBrowse ul li#BrowsePrev {background:url(../images/buttons/prev.gif) left 50% no-repeat;padding-left:15px;float:left;margin-left:19px;}
#WorkBrowse ul li#BrowseThumbs {background:url(../images/buttons/thumbs.gif) left 50% no-repeat;padding-left:15px;position:absolute;width:100px;left:220px;height:14px;}
#WorkBrowse ul li#BrowseNext {background:url(../images/buttons/next.gif) right 50% no-repeat;padding-right:15px;float:right;margin-right:19px;}

/* table */
table.dataTable {margin:0 0 10px 0;width:100%;}
table.dataTable td {border-collapse:collapse;border-top:1px #CCC solid;border-bottom:1px #CCC solid;font-size:85%;padding:10px;/*vertical-align:top;*/}
table.dataTable td p{font-size:100%;margin:0 0 10px 0;}

/* form */
/* generic form styling */
.cssform p{clear:left;margin:0;padding:6px 0 6px 0;padding-left:140px;height:1%;line-height:150%;font-size:85%;}
.cssform label{font-weight:normal;float:left;margin-left:-140px;width:130px;}
.cssform input {width:220px;margin:0;border:1px solid #ccc;background-color:#FAFAFA;color:#333;padding:2px 2px 2px 4px;}
.cssform textarea{width:300px;border:1px solid #ccc;background-color:#FAFAFA;color:#333;padding:2px 2px 2px 4px;}
/* error messages */
p.error {color:#CC0000;padding:0px 0 0px 20px;margin:0px;background:url(../images/buttons/error.gif) left 50% no-repeat;}

/* exhibition archive  - tab interface */
.shadetabs{padding:0 0 10px 4px;font:bold 85% Verdana;list-style-type:none;text-align:left;margin-top:58px;}
.shadetabs li{display:inline;margin:0;}
.shadetabs li a{text-decoration:none;position:relative;z-index:1;padding:3px 25px 10px 7px;color:#666;}
.shadetabs li a:visited{color:#2d2b2b;}
.shadetabs li a:hover{text-decoration:underline;color:#2d2b2b;}
.shadetabs li a.selected{position:relative;}
.shadetabs li a.selected{color:#CC0000;}
.shadetabs li a.selected:hover{color:#CC0000;text-decoration:none;}
.tabcontent{display:none;}

@media print {
.tabcontent {
display:block !important;
}
}

.tabcontent{display:none;}

@media print {
.tabcontent {
display:block !important;
}
}

.indentmenu{font: bold 13px Arial;width:100%;}
.indentmenu ul{margin:0;padding:0;float:left;}
.indentmenu ul li{display: inline;}
.indentmenu ul li a{float: left;color:white;padding:5px 11px;text-decoration:none;}
.indentmenu ul li a:visited{color:white;}
.indentmenu ul li a.selected{color:white !important;padding-top:6px;padding-bottom:4px;}
.tabcontentstyle{margin-bottom:1em;padding:10px;}
.tabcontent{display:none;}

@media print {
.tabcontent {
display:block !important;
}
}


.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu
border-top: 1px solid navy;
background: black url(indentbg.gif) center center repeat-x;*/
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
/*border-right: 1px solid navy; navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
/*background: black url(indentbg2.gif) center center repeat-x;*/
}


.tabcontentstyle{ /*style of tab content container*/
/*border: 1px solid gray;
width: 450px;*/
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}