/* overall site structure setup */
body { padding: 0; margin: 0; }
div#holder { background: #ffffff; width: 760px; margin: 0 auto 0 auto; padding: 0; }
div.clearer { clear: both; font: normal 1px/1px sans-serif; height: 0; padding: 0; margin: 0; }
.skiplink { display: none; }
.linksep { display: none; }
.hideme { display: none; }

/* header area */
div#headerarea { padding: 0; border:thin; color:#000000}
div.headerlogo { float: left; margin: 13px 116px -10px 5px; } 
div.headerlogo img { border: none; padding: 0; margin: 0; position: relative; z-index: 10; }
div#topmenu { float: left; margin: 15px 0 0 0; }

/* navigation */
div#topnav { margin: 15px 0 0 0; }
div.menuspace {	float: left; width: 13px; height: 10px; padding: 0; margin: 0; font: normal 1px/1px sans-serif; }
div#topnav ul {	list-style-type: none; float: left; padding: 0;	margin: 0; border:none;	}
div#topnav li {	display: inline; }
div#topnav li a { display: block; float: left; padding: 0px 6px 0px 6px; text-decoration: none; color: #333333; background: #ffffff; border: 1px solid #D9D9D9; }
body div#topnav li a:hover { text-decoration: none;	color: #ffffff;	background: #333333; }
div#topnav li.hi a { color: #ffffff; background: #333333; }	
div#topnav li.hi a:hover { color: #ffffff; background: #555555; }
body div#topnav li a.hi { color: #ffffff; background: #333333; }

/* overall areas */
div#pagetitle { background: #ffffff; }
div#pagesubtitle { background: #ffffff; margin: 0 0 0px 184px; }
div#pagecontent { background: #ffffff; }
div#mapcontent { float: left; width: 517px; }
div#imagearea { margin-bottom: 18px; }
div#imageareawithtabs { margin-bottom: 3px; }
div#maparea { margin-bottom: 18px; height: 340px; background: #F1F1F1; }
div#maparea img { border: none; padding: 0; margin: 0; }
div#contentmaparea { height: 340px; }
div#contentmaparea img { border: none; padding: 0; margin: 0; }
div#feature { float: right; width: 235px; }
div#footer { clear: both; font: normal 1px/1px sans-serif; height: 25px; padding: 0; margin: 0; background:#ffffff; }

/* page areas columns */
div.leftcolumn { float: left; width: 174px; margin: 0 8px 0 0; }
div.othercolumn { float: right; width: 578px; }
div.middlecolumn { float: left; width: 400px; margin: 0 8px 0 0; }
div.middleartcolumn { float: left; width: 400px; margin: 0 8px 0 0; }
div.rightcolumn { float: right; width: 170px; }

/* image area pages (artists) */
div#imagecolour { height: 340px; background: #99CCCC; }
div#artwork { height: 340px; background: #F1F1F1; }
div#artwork img { border-top: none; border-right: 8px solid #ffffff; border-bottom: none; border-left: none; padding: 0; margin: 0; float: left; }

/* flash map */
div#mapnoflash img { border: none; }
div#contentmapflasharea { display: block; height: 340px; width: 517px; border-top: none; border-right: 8px solid #ffffff; border-bottom: none; border-left: none; }

/* home areas */
div#homecontent { float: left; width: 758px; } /* 517px*/
div.hometext1 { width: 185px; float: left; }
div.hometext2 { width: 338px; float: left; }
div.hometext3 { width: 235px; float: left; }
div.righthometext3 { position: absolute; width: 235px; margin-top: 17px; }
.hometitlepad { font: normal 1em/1em sans-serif; }

/* feature area */
.featureon { display: block; }
.featureoff { display: none; }
div#feature h2.spacetop { padding-bottom: 0px; margin-top: 18px; margin-bottom: 0px; }
div#feature img { border: 0px; margin: 0px; padding: 0px; }
div#feature ul { list-style-type: none; padding: 20px 0 0 0; margin: 0; border:none; }
div#feature li { display: inline; }
div#feature li a { display: block; float: left; width: 9px; height: 3px; margin: 0 2px 0 0; overflow: hidden; background: #BAD1D1; color: #BAD1D1; text-decoration: none; font: normal 1px/3px sans-serif;  }
body div#feature li a:hover { text-decoration: none;	background: #555555; color: #555555; }
div#feature li.hi a { color: #333333; background: #333333; }	
div#feature li.hi a:hover { color: #888888; background: #888888; }
body div#feature li a.hi { color: #333333; background: #333333; }
div.featurearea { position: absolute; width: 235px; margin-top: 6px; }
div.featurelocation { position: absolute; width: 235px; margin-top: 0px; }
div.featuredetails { position: absolute; top: 338px; }

div.featureareahomepage {
	position: absolute; width: 235px; margin-top: 0px; margin-left: 525px;
}
div.featureimages {
	position: absolute;
	top: 0px;
	width: 235px;
	height: 340px;
	overflow: hidden;
	left: 0px;
}

div#sitehomeimage {
}

/* main image nav */
div#noimagetabs { display: block; margin: 0; padding: 0; height: 14px; }
div#imagetabs { display: block; margin: 0 0 0 183px; padding: 0; height: 25px; }
div#imagetabs div.hi { display: block; float: left; width: 9px; height: 3px; margin: 2px 2px 0 0; overflow: hidden; background: #333333; color: #333333; text-decoration: none; font: normal 1px/3px sans-serif; cursor: default; }	
div#imagetabs div.norm { display: block; float: left; width: 9px; height: 3px; margin: 2px 2px 0 0; overflow: hidden; background: #BAD1D1; color: #BAD1D1; text-decoration: none; font: normal 1px/3px sans-serif; cursor: default; }
div#imagetabs img { border: 0px; padding: 0; margin: 0 4px 0 0; float: left; }

/* locations specific */
.locationcol { float: left; width: 120px; margin-right: 5px; padding: 0; }

/* caption rollovers */
a.inbrief { display:block; position:relative; z-index:24; color: #333333; text-decoration:none; cursor: default; }
a.inbrief:visited { display:block; position:relative; z-index:24; color: #333333; text-decoration:none; cursor: default; }
a.inbrief:hover { display:block; position:relative; z-index:25; background: white; }
a.inbrief span { display: none; }
a.inbrief:hover span { display:block; position:absolute; z-index:28; top:1em; left:4em; width:180px; border:1px solid #777777; background-color: #FDCBE3; color:#333333; text-align: left; padding: 0px 2px 0px 2px; line-height: 120%; }

a.morelink { display:block; position:relative; z-index:24; color: #669999; text-decoration:none; cursor: pointer; }
a.morelink:visited { display:block; position:relative; z-index:24; color: #996699; text-decoration:none; cursor: pointer; }
a.morelink:hover { display:block; position:relative; z-index:25; background: white; }
a.morelink span { display: none; }
a.morelink:hover span { display:block; position:absolute; z-index:28; top:1em; left:4em; width:70px; border:1px solid #666666; background-color:#A1D6D6; color:#333333; text-align: left; padding: 0px 2px 0px 2px; line-height: 120%; }

a.brief { display:block; position:relative; z-index:24; color: #333333; text-decoration:none; cursor: default; }
a.brief:visited { display:block; position:relative; z-index:24; color: #333333; text-decoration:none; cursor: default; }
a.brief:hover { display:block; position:relative; z-index:25; background: white; }
a.brief span { display: none; }
a.brief:hover span { display:block; position:absolute; z-index:28; top:1em; left:3em; width:150px; border:1px solid #777777; background-color: #FDCBE3; color:#333333; text-align: left; padding: 0px 2px 0px 2px; line-height: 120%; }

a.moreinfolink { display:block; position:relative; z-index:24; color: #669999; text-decoration:none; cursor: pointer; }
a.moreinfolink:visited { display:block; position:relative; z-index:24; color: #669999; text-decoration:none; cursor: pointer; }
a.moreinfolink:hover { display:block; position:relative; z-index:25; background: white; }
a.moreinfolink span { display: none; }
a.moreinfolink:hover span { display:block; position:absolute; z-index:28; top:1em; left:3em; width:70px; border:1px solid #666666; background-color:#A1D6D6; color:#333333; text-align: left; padding: 0px 2px 0px 2px; line-height: 120%; }

/* Slide Show Image rotator */
#slideshow { position: relative; height: 340px;	overflow: hidden; border: none; }
#slideshow img { position: absolute; left: 0; top: 0; }
#pause { z-index:100; }

/* Slide Show credits */
div#animposition { position: absolute; z-index: 30; }
div#animcredit {
	position: absolute;
	width: 174px;
	height: 340px;
	background-color: #669999;
}
div#animcredit p { position: absolute; width: 145px; bottom: 7px; left: 8px; line-height: 120%; text-align: left; padding-bottom: 0px; color: #336666; }
div#animcreditright p { position: absolute; width: 145px; bottom: 6px; left: 21px; line-height: 120%; text-align: right; padding-bottom: 0px; color: #336666; }

div#animcreditresource {
	position: absolute;
	width: 174px;
	height: 340px;
	background-color: #669933;
}
div#animcreditresource p { position: absolute; width: 145px; bottom: 7px; left: 8px; line-height: 120%; text-align: left; padding-bottom: 0px; color: #336666; }

#imagecaption a { color: #336666; }
#imagecaption a:hover { color: #003333; }