/*	Adler.css

	Notes:
	All positioning is done using floats (no absolute positioning).

	We encounter the IE div spacing bug frequently, and use the "* html" hack to
	get around it. Layout is nearly identical in IE & FF.
	
	Anytime you make positioning changes, look for a corresponding "* html" rule for WinIE specific layout.
*/

/*	Global notes, How-to, etc.:

	Making the artist list wider (or narrower):
	- reposition the green line over by changing background-position in the html {} rule.
	- change the width of the div#list
	- change the margin-left of div#logo
	- center the preview image by changing the margin-left of div#preview img
	Typically, the last-name width will need to change. But change one or both of:
	- .listleft width
	- .listright width, margin-left

/* debugging:
div { border: solid 1px red; }
*/

/*Zero the defaults
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}


/* global stuff */
.image { border: solid 1px #ccf; }
.imagenoborder { border: solid 0px #ccf; }
.clear { clear: both; }
.smallcaps { font-variant: small-caps;font-size: 80%; }

a { text-decoration: none; }
a:link { color: #333; }
a:visited { color: #333; }
a:hover { color: #ccf; }
h3 {font-weight: normal; }
.bold {font-weight: bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
.bluetext { color: #ccf; }
/*	the background image for the body holds the logo. other items are positioned absolutely
	to line up with the logo.

*/
html { background: #666 url(images/adlerbackground.gif) no-repeat;
	background-position: 175px 0; font-size: 100.01%; }
body { color: #333; font-family: Helvetica, Verdana, Arial, Sans-Serif; font-size: 13px; }

* html body { font-size: 12px; }
/*	comment the following line OUT in order to make the text-size fixed in WinIE
	(i.e., to disallow text size to grow when user chooses View->Text Size->Larger, etc.

body { font-size: small }
*/
/*	preview div is where the artist's work is previewed when the user hovers over an artist name
	in the list, below.
*/
div#preview { text-align: center; float: left; height: 108px; width: 130px;}
div#preview img { margin: 12px 0 0 45px; } /* give enough margin to center the image. */

/*	the logo div is where we put text that lies above the logo in the background image.
	in this case, we're showing the street address, city, phone number, and email address for adler.com.
 */
div#logo { margin-left: 172px;  font-size: 11px; height: 110px; width: 216px; text-align: right; line-height: 10px;}
div#street { padding: 56px 0 0 0; }
div#city { padding-right: 4px; }
div#phone { padding-right: 6px; }
div#email {  padding-right: 10px; color: #ccc; }
div#tollfree {padding-right: 12px; }
* html div#logo {  margin-left: 169px;  }

/* this email is the only HTML in the new logo background */
div#logoemail {  font-size: 110%; padding:  101px 6px 0 0; }
div#logoemail a:link { color: #ccc; }
div#logoemail a:hover { color: #9f0; }


/*	the navigation bar is built with two divs, one inside the other, and with rollover images.
	the navigation div is the outer div that defines the area for navigation.
	the navbar div is inside the navigation div, and allows us to give a background color for
	the navbar.
	the various nav_xxx spans enclose the rollover images that make the navigation links.
 */

.navbar { width: 100%; height: 30px; background-color: #ccc;
	border-top: solid 1px #ccf; border-bottom: solid 1px #ccf; }

div#colorbar1 {}	

div#navigation {width: 710px; height: 60px; margin-top: -32px; overflow: hidden; }
div#navigation img { border-width:0; }

/* nav items have a negative top margin to push them up into the colarbar.
 * the are horizontally positioned using float:left and widths. 
 * the first one (nav_home) is horizontally positioned using margin-left; all others simply abut each other,
 * so you position them by changing the widths of the nav item prior
 */
 
div.nav_item { float: left; margin: -27px 0 0 0; height: 30px; }
div.nav_item a { display: block; width: auto; height: 50px; background-repeat: no-repeat; }
div#nav_home { margin-left: 25px; width: 80px;}
* html div#nav_home { margin-left: 12px; width: 80px;}
div#nav_artists { width: 67px; }
div#nav_current { width: 130px; }
div#nav_consulting { width: 102px;  }
div#nav_past { width: 132px; }
div#nav_about { width: 85px; }
div#nav_contact { width: 80px; }
div#nav_home a { background-image: url(images/navigation/homeoff.gif); }
div#nav_home a:hover { background-image: url(images/navigation/homeon.gif); }
div#nav_artists a { background-image: url(images/navigation/artistsoff.gif); }
div#nav_artists a:hover { background-image: url(images/navigation/artistson.gif); }
div#nav_current a { background-image: url(images/navigation/currentoff.gif); }
div#nav_current a:hover { background-image: url(images/navigation/currenton.gif); }
div#nav_consulting a { background-image: url(images/navigation/consultingoff.gif); }
div#nav_consulting a:hover { background-image: url(images/navigation/consultingon.gif); }
div#nav_past a { background-image: url(images/navigation/pastoff.gif); }
div#nav_past a:hover { background-image: url(images/navigation/paston.gif); }
div#nav_about a { background-image: url(images/navigation/aboutoff.gif); }
div#nav_about a:hover { background-image: url(images/navigation/abouton.gif); }
div#nav_contact a { background-image: url(images/navigation/contactoff.gif); }
div#nav_contact a:hover { background-image: url(images/navigation/contacton.gif); }

/* the fullpage div has a specified width to keep the main information from collapsing when a window is shrunk
*/

div.fullpage {width: 800px; }

/*	the list div is for an artist list. hovering over an artist name changes the preview
	div, above. clicking on an artist takes you directly to that artists page.
 */
 
div.list { float: left; margin-top: 5px;			/* margin for the toolbar */
	width: 16.5em; font-size: 80%; line-height: 12px; margin-left: 12px; }
/* the following 2 rules dictate the spacing between the artist list names */	
div.list a { display: block; margin: 0 0 6px 0; }
div.list div { display: block; margin: 0 0 6px 0; }
div.list a:link { color: #333; }
/* visited artist link in a lighter color
div.list a:visited { color: #999; }
*/
div.list a:hover { color: #ccf; font-weight: bold; cursor: pointer; }

* html div.list { font-size: 75%; }

.listleft { display: block; float: left; width: 6em; text-align: right; padding-right: 5px; }
.listright { display: block;  text-transform: uppercase; width: 10em; margin-left: 6em; font-weight:bold; }
.listrightsecondline { display: block; text-transform: none; font-style: italic; ; width: 10em; margin-left: .5em; font-weight:bold; }
 /* margin-left is for win-ie. */
* html .listleft { padding-right: 4px; width: 4.5em; margin-left: 2px;}
* html .listright { margin-left: 4em; }


/* d3 project */
a .d3project  { color: #99f; }
a:hover .d3project { color: #ccf; }
* html a:hover .d3project { font-weight: normal; }

/* featured artist  */
a .featured  { color: #f03; }
a:hover .featured { color: #ccf; }
* html a:hover .featured { font-weight: normal; }
.green { color: #55d82a; }

/*changing uppercase and lowercase for the ulae show in the artist list */
.listleftupp { display: block; float: left; width: 6em; text-align: right; padding-right: 5px; text-transform: uppercase}
.listrightlow { display: block;  text-transform: lowercase; width: 10em; margin-left: 6em; font-weight:bold; }
 /* margin-left is for win-ie. */
* html .listleftupp { padding-right: 4px; width: 4.5em; margin-left: 2px;}
* html .listrightlow { margin-left: 4em; }

/*more artists */
#moreartists {  }
#moreartists a { background-image: url(images/navigation/moreartists_off.gif); background-position: 30px 0px; background-repeat: no-repeat; width: auto; height: 30px; margin-top: 20px; }
* html #moreartists a {  background-position: 18px 0px; }
#moreartists a:hover { background-image: url(images/navigation/moreartists_on.gif); }

/*ulae show link*/
#ulae { width: 100px; height: 30px; }
#ulae a { background-image: url(images/navigation/ulaeshow_off.gif); background-position: 20px 0px; background-repeat: no-repeat; width: auto; height: 18px; }
* html #ulae a { background-position: 10px 0px;  }
#ulae a:hover { background-image: url(images/navigation/ulaeshow_on.gif); }


/*copyright*/
div#copyright  { clear: both; }


/*more artists text
#listmore { margin: 0px 0 0 0px;  }
#listmore a { background-image: url(images/moreartists/moreoff.gif); background-position: right; background-repeat: no-repeat; width: auto; height: 30px; }
#listmore a:hover { background-image: url(images/moreartists/moreon.gif); margin-left: 5px; }
#listartists { margin-top: 11px;  border: solid 1px red; text-align: left; width: auto; } 
#listartists a:link { } 
#listartists a:visited {  }
#listartists a:hover { color: #f33; margin-left: -25px; font-weight:normal; }
*/

/*old more artists
div#listmoreartists { text-align: center; }
div#listmoreartists a:link { color: #999; } 
div#listmoreartists a:visited { color: #ccc; }
div#listmoreartists a:hover { color: #ccf; font-weight: bold; cursor: pointer; }
*/


/*	the main div is where content is rendered on the various pages.
 */

div#main { width: 600px; margin-top: 10px; padding-left: 19px; overflow: hidden; float: left;
	position: absolute; left: 180px;} /* float: left required by Netscape. */

/* home page. */

img#gallery1 { float: left; margin: 0 0 0 0px; border: solid 3px #ccf; }
img#gallery2 { margin: 0 0 0 2px; border: solid 3px #ccf;  }

div#text_main { width: 520px; margin-left: -12px; text-align: justify;}

/*	these divs are used as spacers to align text with the diagonal line running through
	the background image.
 */
div#text_main_welcome { width: 520px; margin-left: -10px; text-align: justify; line-height: 16px; }
div.left { float: left; clear: left; height: 16px; line-height: 16px;  }
div#welcome_title { background: url(images/sectiontitles/welcome_title.gif) no-repeat; width: 126px; float: left; margin-left: 8px; height: 16px; line-height: 16px; }
* html div#welcome_title { margin-left: 5px; }
div#s1 { width: 131px; }
div#s2 { width: 128px; }
div#s3 { width: 124px; }
div#s4 { width: 121px; }
div#s5 { width: 118px; }
div#s6 { width: 115px; }
div#s7 { width: 112px; }
div#s8 { width: 108px; }
div#s9 { width: 105px; }
div#s10 { width: 102px; }
div#s11 { width: 99px; }
div#s12 { width: 96px; }
div#s13 { width: 92px; }
div#s14 { width: 89px; }
div#s15 { width: 86px; }
div#s16 { width: 83px; }
div#s17 { width: 80px; }
div#s18 { width: 77px; }
div#s19 { width: 74px; }
div#s20 { width: 71px; }
div#s21 { width: 68px; }
div#s22 { width: 65px; }
div#s23 { width: 62px; }
div#s24 { width: 59px; }

/*	artist pages.
	thse styles are used for the artist pages.
*/


/*	artistbody is the div that contains all of the elements in the artist area. */
div#artistbody { width: 590px; height: 645px; overflow: hidden; }
/*	exhibitionartist is the div that containst the artist name on the currentExhibition and pastExhibition pages.
	artistname is the div that constains the artist name on the artist pages, or "currentExhibition" for the
	currentExhibition page.
	
	these must having matching styles for height, line-height, and font-size. Note that exhibitionartist
	is contained within the artinfo div, which sets font-size to 80%, so to make exhibitionartist font-size
	match the font-size for artistname, you must multiply by 100/80 (e.g., 162.5 = 130 * (100/80)
*/
div.exhibitionartist { height: 20px; line-height: 10px; font-size: 162.5%; color: #ccc; width: 200px; text-align: left; margin-left: 95px; }
* html div.exhibitionartist { margin-left: 95px; line-height: 15px;  }


div.artistname { height: 20px; line-height: 20px; font-size: 120%; width: 200px; text-align: right; color: #ccf; margin-left: 347px; }
* html div.artistname { margin-left: 342px; }
.indent2 { padding-left: 2px; }
.firstname {  text-transform: lowercase;  }
.lastname {  text-transform: uppercase;  }
.arttitle { font-style: italic; color: #ccf; font-size: 110%; }
.arttitle2 { font-style: italic; color: #ccf; font-size: 90%; }

div#info { width: 90px; height: 350px; float: left; color: #fff; }
* html div#info { height: 355px;  }
div.artinfo { display: none; }
div.artinfo { width: 90px; line-height: 12px; text-align: right; font-size: 80%; margin-top: 5px; }
* html div.artinfo { font-size: 75%; }
div.artinfo_medium { text-transform: lowercase; }
.fraction { font-size: 90%; }
div#artinfo_1 { display: block; }
div.twospace { height: 20px; }
div.sold { font-weight: bold; text-transform: uppercase; margin-top: 8px; color: #ccf; }
div.artistinfoextra {  margin-top: 50px; }
div.artistinfo { line-height: 20px;  }
div.bluedots { line-height: 1px; }
div.news a:link { color: #fff; }
div.news a:visited { color: #fff; }
div.news a:hover { color: #ccf; }
div.bio a:link { color: #fff; }
div.bio a:visited { color: #fff; }
div.bio a:hover { color: #ccf; }
div.museums a:link { color: #fff; }
div.museums a:visited { color: #fff; }
div.museums a:hover { color: #ccf; }
div.selectedlinks {  }
.selected { margin-left: 0px; }
.selected a:link { color: #ccf; }
.selected a:visited { color: #ccf; }
.selected a:hover { color: #fff; }
.links  {  }
.links a:link { color: #fff; }
.links a:visited { color: #fff; }
.links a:hover { color: #ccf; }

div.greendots { width: 75px; margin-right: 0px; margin-left: auto;}
div.artprevious {float: left; margin-top: 1px; margin-left: 25px; }
* html div.artprevious {margin-left: 12px; margin-top: 1px; }
div.nextword { float: left; margin-left: 5px; margin-right: 3px; }
div.nextword a:link { color: #fff; }
div.nextword a:visited { color: #fff; }
div.nextword a:hover { color: #ccf; }
div.artnext {margin-top: 1px; margin-right: 2px; }
* html div.artnext { margin-top: 1px; }
div.moreartistart { width: 200px; text-align: left; margin-left: 112px; margin-top: 22px; }
* html div.moreartistart { margin-left: 112px;  }
div.moreartistart a:link { color: #ccf; }
div.moreartistart a:visited { color: #ccf; }
div.moreartistart a:hover { color: #ccf; }


div#artimage { width: 256px; height: 331px; margin: 0 10px 0 5px; float: left; }
* html div#artimage { margin-left: -217px; }
div#artimage img { border: solid 3px #fff; visibility: visible; }

div#artthumbs { float: left; width: 180px; margin-left: 15px; }
* html div#artthumbs { margin-left: 13px; width: 185px; }

div.artthumbdiv { float: left; width: 50px; height: 50px; padding: 0 10px 10px 0; }
div#artthumbs a { display:block; width: 50px; height: 50px; }

div#artthumbextra { text-align: right; margin-right: 10px;  }
div#artthumbextra a { width: auto; height: auto; }
a#rebayback { float: left; }

/* artist pages: return to current exhibition
This div goes directly underneath the thumbnails.
it is used when the artist is featured in the current exhibition pages
*/
div#returntocurrent { clear: both; font-size: 11px; text-align: right; } 
div#returntocurrent a { color: #606; } 
div#returntocurrent a:hover { color: #9f0; }
/* dick sez this looks like ass:
div#returntocurrent:hover { font-weight: bold; }
*/
.currentcolor { color: #606; }
a:hover .currentcolor { color: #9f0; }

/* artist pages: return to ULAE exhibition
This div goes directly underneath the thumbnails.
it is used when the artist is featured in the UALE exhibition pages
*/
div#returntoulae { clear: both; font-size: 11px; text-align: right; } 
div#returntoulae a { color: #ccf; } 
div#returntoulae a:hover { color: #9f0; }


/*this is for the artist bottom section on each artist page*
This verersion is used for when the artist info at the bottom is angled to follow the blue line in the background*/

div#artistbottom { width: 520px; margin-left: 63px; position: relative; top: 5px; line-height: 16px; text-align: justify; float: left; }
* html div#artistbottom { margin-left: 30px;  }

/*this is for the artist bottom section on each artist page*
This verersion is used for when the artist info at the bottom in a block*/

div#artistbottomblock { width: 480px; margin-left: 95px; position: relative; top: 5px; line-height: 16px; text-align: justify; float: left; }
* html div#artistbottomblock { margin-left: 50px;  }

div.artistbottomleft { float: left; clear: left; height: 16px; line-height: 16px;  }

div#a1 { width: 40px; }
div#a2 { width: 37px; }
div#a3 { width: 34px; }
div#a4 { width: 31px; }
div#a5 { width: 27px; }
div#a6 { width: 24px; }
div#a7 { width: 21px; }
div#a8 { width: 18px; }
div#a9 { width: 15px; }
div#a10 { width: 12px; }
div#a11 { width: 9px; }
div#a12 { width: 6px; }
div#a13 { width: 3px; }

.pinklink { font-weight: bold; }
.pinklink a:link { color: #f36; }
.pinklink a:visited { color: #f36; }
.pinklink a:hover { color: #ccf; }

#ulaenames { clear: both; margin-left: -1px; }


/* artists page.
the artist page consists of 3 columns that are formatted the same as the artist navigation list
the artist page font size should be larger than the font size of the artist list*/
div#artist_section_title { width: 166px; text-align: right;  }
div#main div.list { font-size: 100%; width: 170px; margin-left: -2px; }
* html div#main div.list { font-size: 80%; width: 162px; margin-left: 3px; }
.uppercase { text-transform: uppercase; }
div#main div#listone { text-align: right;  color: #333; width: 160px; }
* html div#main div#listone { width: 154px; }
.list { color: #333;  }

#artistname_1_1 { margin-right: 0px; }
#artistname_1_2 { margin-right: 3px; }
#artistname_1_3 { margin-right: 7px; }
#artistname_1_4 { margin-right: 12px; }
#artistname_1_5 { margin-right: 16px; }
#artistname_1_6 { margin-right: 20px; }
#artistname_1_7 { margin-right: 23px; }
#artistname_1_8 { margin-right: 27px; }
#artistname_1_9 { margin-right: 31px; }
#artistname_1_10 { margin-right: 34px; }
#artistname_1_11 { margin-right: 38px; }
#artistname_1_12 { margin-right: 43px; }
#artistname_1_13 { margin-right: 46px; }
#artistname_1_14 { margin-right: 50px; }
#artistname_1_15 { margin-right: 54px; }
#artistname_1_16 { margin-right: 58px; }
#artistname_1_17 { margin-right: 63px; }
#artistname_1_18 { margin-right: 69px; }
#artistname_1_19 { margin-right: 69px; }

#artistname_2_1 { margin-left: 62px; }
#artistname_2_2 { margin-left: 58px; }
#artistname_2_3 { margin-left: 52px; }
#artistname_2_4 { margin-left: 50px; }
#artistname_2_5 { margin-left: 46px; }
#artistname_2_6 { margin-left: 43px; }
#artistname_2_7 { margin-left: 39px; }
#artistname_2_8 { margin-left: 35px; }
#artistname_2_9 { margin-left: 32px; }
#artistname_2_10 { margin-left: 26px; }
#artistname_2_11 { margin-left: 24px; }
#artistname_2_12 { margin-left: 20px; }
#artistname_2_13 { margin-left: 15px; }
#artistname_2_14 { margin-left: 12px; }
#artistname_2_15 { margin-left: 9px; }
#artistname_2_16 { margin-left: 5px; }
#artistname_2_17 { margin-left: 1px; }

#artistname_3_1 { margin-left: 54px; }
#artistname_3_2 { margin-left: 50px; }
#artistname_3_3 { margin-left: 47px; }
#artistname_3_4 { margin-left: 42px; }
#artistname_3_5 { margin-left: 38px; }
#artistname_3_6 { margin-left: 35px; }
#artistname_3_7 { margin-left: 31px; }
#artistname_3_8 { margin-left: 27px; }
#artistname_3_9 { margin-left: 24px; }
#artistname_3_10 { margin-left: 20px; }
#artistname_3_11 { margin-left: 16px; }
#artistname_3_12 { margin-left: 13px; }
#artistname_3_13 { margin-left: 7px; }
#artistname_3_14 { margin-left: 4px; }
#artistname_3_15 { margin-left: 1px; }
#artistname_3_16 { margin-left: -3px; }
#artistname_3_17 { margin-left: -7px; }
#artistname_3_18 { margin-left: -11px; }
#artistname_3_19 { margin-left: -15px; }


/* consulting page.*/
div#consultingtitle { width: 100px; text-align: right; margin-left: 402px; }
img#consulting1 { margin: 0 0 0 130px; text-align: center; }
img#consulting2 { margin: 0 0 0 2px; }

/* past exhibitions page */
div#pastexhibitions { width: 154px; margin-left: -6px;  }

div#pastexhibitionwall { width: 585px; height: 365px; margin-top: -7px; background:url(current/images/wallbackground.jpg) no-repeat; border: solid 2px #ccf; float: left; }

/*about us page*/

div#aboutcontact { margin-left: 95px; width: 540px; height: 63px; }
* html div#aboutcontact { margin-left: 100px; margin-top: -200px; }

/* contact page. */

div#contact_title { width: 200px; text-align: right; margin-left: 114px;  }

* html img#mapimage { margin-top:0px; }
img#mapimage { float:left; margin:-2px 10px 0 10px; }
div#contactinfo {color:#ccf; width: 160px; float: left; margin-top: -2px; }
div#contactinfo a:link { color: #ccf; }
div#contactinfo a:visited { color: #ccf; }
div#contactinfo a:hover { color: #ccf; }
div#contactdirections {color:#fff; clear:both; width: 310px; text-align: right; }
div#contactdirections a:link { color: #fff; }
div#contactdirections a:visited { color: #fff; }
div#contactdirections a:hover { color: #9f0; }

.contactnumber { font-size: 95%; }
div.leftcolumn { width: 25px; float: left; }
div.leftcolumn2 { width: 93px; float: left; }
* html div.leftcolumn2 { width: 93px; }

div#contactemail { font-weight: bold; }
div#contactemail a:hover { color: #9f0; font-weight: bold; }

.contactdots { color: #9F0; }

div#additionalhours { font-style:italic;  }
div#byappointment { font-style:italic; text-align: right;   }
div#contactnames { font-size: 90%; }
/* copyright info. */

div#copyright { font-size: 80%; text-align: center; width: 100%; margin: 150px 0 0 0; }

/*links pages
Links pages for various artists
*/

div#artistlinks { width: 150px; font-size: 140%;  text-align: left; color: #ccf; float: left;  }

.linkartist { text-transform: uppercase; }
.linkstitle { font-style: italic; text-transform: lowercase;  }

div#linksextra { width: 250px; margin-left: 20px; font-size: 80%;  text-align: left; color: #ccf; font-style:italic; margin-top: 5px; float: left; }

/*rebay Links*/

div#rebaylinksbackground { width: 585px; height: 510px; margin-top: -2px; background:url(rebay/images/rebaylinks.jpg) no-repeat; border: solid 2px #ccf; float: left; }

div#linksbody { text-align: center; margin-top: 50px; font-size: 85%; line-height: 12px; }
div#linksbody a:hover { font-weight: bold; color: #333333}



/*museum pages
museum pages for various artists
*/

div#musuembackbutton { width: 100px; text-align: right; margin-left: 488px; margin-top: 4px; color: #000; font-style:italic; }
div#musuembackbutton a:hover { color: #333; text-decoration:none; }
div#musuembackbutton a:link { color: #ccf; text-decoration:none; }
div#musuembackbutton a:visited { color: #ccf; text-decoration:none; }

div#artistmuseums { width: 250px; font-size: 140%;  text-align: left; color: #ccf;  float: left;  }

.museumartist { text-transform: uppercase;   }
.museumtitle { font-style: italic;  }


/*Rebay museum Links*/

div#museumbody { text-align: center; margin-top: 150px; font-size: 85%; font-weight: bold;  }
div#museumbody a:hover { font-weight: bold; color: #333333}

/*Siegler museum Links*/
div#sieglerlinksbackground { width: 585px; height: 510px; margin-top: -2px; background:url(images/blankgallerywall.jpg) no-repeat; border: solid 2px #ccf; float: left; }

div#siegler_museumbody { text-align: right; margin-left: 390px; width: 190px;  color: #c33; }
div#siegler_museumbody a:hover {  color: #ccf;  }
div#siegler_museumbody a:link {  color: #c33; }
div#siegler_museumbody a:visited {  color: #c33; }

div#siegler_artistname { width: 200px; text-align: left; color: #c33; font-weight: bold; margin: 50px 0 0 60px; }
div#siegler_artistname a:hover { color: #ccf; }
div#siegler_artistname a:link { color: #c33; }
div#siegler_artistname a:visited { color: #c33; }

div#siegler_museum_hangingart { width: 248px; height: 333px; margin-left: 50px; margin-top: 20px; float: left; }
* html div#siegler_museum_hangingart { margin-left: 25px; }

div#siegler_museumbody_title { text-align: right; margin-left: 60px; margin-top: 20px; margin-bottom: 20px; color: #c33; font-weight: bold; }

/* Siegler Links */

div#siegler_linksbody { text-align: center; margin-left: 400px; width: 190px; margin-top: 60px; }
* html div#siegler_linksbody {  margin-top: -300px; }
 
/*d3projects*/

div#d3_bottominfo { width: 480px; margin-left: 95px; position: relative; top: 15px; line-height: 16px; text-align: center; float: left; }
* html div#d3_bottominfo { margin-left: 50px;  }

div#d3_bottominfotext { width: 480px; height: 100%;  margin-left: 95px; position: relative; top: 15px; line-height: 16px; float: left; }
* html div#d3_bottominfotext { margin-left: 50px;  } 


/*werfel bottom*/

div#werfel_bottominfo { width: 480px; height: 100%; margin-left: 95px; position: relative; margin-top: 15px; line-height: 16px; text-align: left; float: left; color: #fff; }
* html div#werfel_bottominfo { margin-left: 50px;  }

div.pinktitle { color: #f03; }
div.pinktitle_secondline { color: #f03; font-style:italic; margin-left: 20px; }