body {
width: 2048px;
margin: 0;
padding: 0;
color: #888398;
background-color: #fff;
background-image: url(thplogobkg4.jpg);
background-position: 850px 0;
background-repeat: no-repeat;
font: 11px/1.5 Arial, Verdana, sans-serif;

}

/* Different behaviour of the lady. Just a compromise for IE */

div#extraDiv2 {
background-image: url(bkggallery3ie.jpg);
background-repeat: no-repeat;
background-position: left bottom;
position: absolute;
left: 0;
bottom: 0;
height: 1000px;
width: 265px;
z-index: 1;
}

/* And now the cool stuff, hiding from IE with child-selectors */

body#theharmonyproject>div#extraDiv2 {
background-image: url(girltest.gif);
background-repeat: no-repeat;
background-position: left bottom;
position: fixed;
left: 0;
bottom: 0;
height: 1168px;
width: 205px;
z-index: 2;
} 

/* Using Geckos capability of PNG transparency to create the smooth scrolling border,
when the screen is scrolled and the content vanishes to the left */

body#theharmonyproject>div#extraDiv3 {
position: fixed;
left: 0;
top: 0;
height: 100%;
z-index: 1;
background-image: url(nonebkg_whitenopic.png);
width: 225px;
}

/* The Header, using the "old":)) FIR-method */

div#pageHeader {
position: absolute;
left: 225px;
width: 1828px;
}

div#pageHeader h1 {
width: 600px;
height: 83px;
margin: 20px 0 0;
background-image: url(title13.jpg);
}

div#pageHeader h1 span {
display: none;
}

div#pageHeader h2 {
width: 1815px;
height: 66px;
background-image: url(headerphotos.jpg);
background-position: right;
background-repeat: no-repeat;
margin-top: -31px;
}

div#pageHeader h2 span {
display: none;
}

div#quickSummary {
position: absolute;
width: 1300px;
left: 228px;
top: 98px;
letter-spacing: 0.1em;
font-size: 12px;
color: #A5A3B5;
background-color: transparent;
}

/* Have the summary displayed in a single line */

div#quickSummary p.p2, div#quickSummary p.p1 {
display: inline;
margin: 0;
}

div#extraDiv1 { /*adding a border */
position: absolute;
left: 225px; 
top: 90px;
height: 1px;
width: 1823px;
background-color: #A5A3B5;
color: inherit;
}


/* The main content. All positioned absolutely
-----------------------------------------------
 The text-links */

a:link, a:visited {
color: #A52A2A;
background-color: transparent;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: none;
color: #000;
}

p:hover {
color: #4d1368;
background: transparent;
}

/* The Preamble */

div#preamble {
position: absolute;
left: 300px;
top: 1928px;
width: 200px;
text-align: justify;
}

div#preamble h3 {
width: 320px;
height: 250px;
background-image: url(frontrow1.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#preamble h3 span {
display: none;
}

div#preamble p {
margin: 0 0.5em 0.5em;
}

/* Supporting Text
--------------------------------------*/

div#explanation {
position: absolute;
left: 650px;
top: 1928px;
width: 200px;
text-align: justify;
}

div#explanation h3 {
width: 304px;
height: 250px;
background-image: url(frontrow7.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#explanation h3 span {
display: none;
}

div#explanation p {
margin: 0 0.5em 0.5em;
}

div#inspiration {
position: absolute;
left: 984px;
top: 1928px;
width: 200px;
text-align: justify;
}

div#inspiration h3 {
width: 379px;
height: 250px;
background-image: url(frontrow5.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#inspiration h3 span {
display: none;
}

div#inspiration p {
margin: 0 0.5em 0.5em;
}

div#bio {
position: absolute;
left: 1393px;
top: 1928px;
width: 333px;
text-align: right;
}

div#bio h3 {
width: 333px;
height: 250px;
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#bio h3 span {
display: none;
}

div#bio p {
margin: 0 0.5em 0.5em;
}

div#secondline {
position: absolute;
left: 300px;
top: 1725px;
width: 200px;
text-align: justify;
}

div#secondline h3 {
width: 320px;
height: 168px;
background-image: url(sfcongress.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#secondline h3 span {
display: none;
}

div#secondline p {
margin: 0 0.5em 0.5em;
}

/* Supporting Text
--------------------------------------*/

div#secondline2 {
position: absolute;
left: 650px;
top: 1725px;
width: 200px;
text-align: justify;
}

div#secondline2 h3 {
width: 304px;
height: 168px;
background-image: url(sfcongress2.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#secondline2 h3 span {
display: none;
}

div#secondline2 p {
margin: 0 0.5em 0.5em;
}

div#secondline3 {
position: absolute;
left: 984px;
top: 1725px;
width: 200px;
text-align: justify;
}

div#secondline3 h3 {
width: 379px;
height: 168px;
background-image: url(sfcongre3.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#secondline3 h3 span {
display: none;
}

div#secondline3 p {
margin: 0 0.5em 0.5em;
}

div#secondline4 {
position: absolute;
left: 1393px;
top: 1725px;
width: 333px;
text-align: right;
}

div#secondline4 h3 {
width: 333px;
height: 168px;
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#secondline4 h3 span {
display: none;
}

div#secondline4 p {
margin: 0 0.5em 0.5em;
}

div#thirdline {
position: absolute;
left: 300px;
top: 2213px;
width: 200px;
text-align: justify;
}

div#thirdline h3 {
width: 320px;
height: 306px;
background-image: url(tif.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#thirdline h3 span {
display: none;
}

div#thirdline p {
margin: 0 0.5em 0.5em;
}

/* Supporting Text
--------------------------------------*/

div#thirdline2 {
position: absolute;
left: 650px;
top: 2213px;
width: 200px;
text-align: justify;
}

div#thirdline2 h3 {
width: 304px;
height: 306px;
background-image: url(tif2.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#thirdline2 h3 span {
display: none;
}

div#thirdline2 p {
margin: 0 0.5em 0.5em;
}

div#thirdline3 {
position: absolute;
left: 984px;
top: 2213px;
width: 200px;
text-align: justify;
}

div#thirdline3 h3 {
width: 379px;
height: 306px;
background-image: url(tif3.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#thirdline3 h3 span {
display: none;
}

div#thirdline3 p {
margin: 0 0.5em 0.5em;
}

div#thirdline4 {
position: absolute;
left: 1393px;
top: 2213px;
width: 333px;
text-align: right;
}

div#thirdline4 h3 {
width: 333px;
height: 306px;
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#thirdline4 h3 span {
display: none;
}

div#thirdline4 p {
margin: 0 0.5em 0.5em;
}

div#fourthline {
position: absolute;
left: 300px;
top: 2554px;
width: 200px;
text-align: justify;
}

div#fourthline h3 {
width: 320px;
height: 331px;
background-image: url(bigal2.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#fourthline h3 span {
display: none;
}

div#fourthline p {
margin: 0 0.5em 0.5em;
}

/* Supporting Text
--------------------------------------*/

div#fourthline2 {
position: absolute;
left: 650px;
top: 2554px;
width: 200px;
text-align: justify;
}

div#fourthline2 h3 {
width: 304px;
height: 331px;
background-image: url(bigal1.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#fourthline2 h3 span {
display: none;
}

div#fourthline2 p {
margin: 0 0.5em 0.5em;
}

div#fourthline3 {
position: absolute;
left: 984px;
top: 2554px;
width: 200px;
text-align: justify;
}

div#fourthline3 h3 {
width: 379px;
height: 331px;
background-image: url(bigal5.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#fourthline3 h3 span {
display: none;
}

div#fourthline3 p {
margin: 0 0.5em 0.5em;
}

div#fourthline4 {
position: absolute;
left: 1393px;
top: 2554px;
width: 333px;
text-align: right;
}

div#fourthline4 h3 {
width: 333px;
height: 331px;
background-image: url(bigal4.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#fourthline4 h3 span {
display: none;
}

div#fourthline4 p {
margin: 0 0.5em 0.5em;
}

div#fifthline {
position: absolute;
left: 300px;
top: 591px;
width: 200px;
text-align: justify;
}

div#fifthline h3 {
width: 320px;
height: 360px;
background-image: url(sts20041.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#fifthline h3 span {
display: none;
}

div#fifthline p {
margin: 0 0.5em 0.5em;
}

/* Supporting Text
--------------------------------------*/

div#fifthline2 {
position: absolute;
left: 650px;
top: 591px;
width: 200px;
text-align: justify;
}

div#fifthline2 h3 {
width: 304px;
height: 360px;
background-image: url(sts20042.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#fifthline2 h3 span {
display: none;
}

div#fifthline2 p {
margin: 0 0.5em 0.5em;
}

div#fifthline3 {
position: absolute;
left: 984px;
top: 591px;
width: 200px;
text-align: justify;
}

div#fifthline3 h3 {
width: 379px;
height: 360px;
background-image: url(sts20043.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#fifthline3 h3 span {
display: none;
}

div#fifthline3 p {
margin: 0 0.5em 0.5em;
}

div#fifthline4 {
position: absolute;
left: 1393px;
top: 591px;
width: 333px;
text-align: right;
}

div#fifthline4 h3 {
width: 333px;
height: 360px;
background-image: url();
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#fifthline4 h3 span {
display: none;
}

div#fifthline4 p {
margin: 0 0.5em 0.5em;
}

div#sixthline {
position: absolute;
left: 300px;
top: 2920px;
width: 200px;
text-align: justify;
}

div#sixthline h3 {
width: 320px;
height: 389px;
background-image: url(eugene1.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#sixthline h3 span {
display: none;
}

div#sixthline p {
margin: 0 0.5em 0.5em;
}

/* Supporting Text
--------------------------------------*/

div#sixthline2 {
position: absolute;
left: 650px;
top: 2920px;
width: 200px;
text-align: justify;
}

div#sixthline2 h3 {
width: 304px;
height: 389px;
background-image: url(eugene8.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#sixthline2 h3 span {
display: none;
}

div#sixthline2 p {
margin: 0 0.5em 0.5em;
}

div#sixthline3 {
position: absolute;
left: 984px;
top: 2920px;
width: 200px;
text-align: justify;
}

div#sixthline3 h3 {
width: 379px;
height: 389px;
background-image: url(eugene4.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#sixthline3 h3 span {
display: none;
}

div#sixthline3 p {
margin: 0 0.5em 0.5em;
}

div#sixthline4 {
position: absolute;
left: 1393px;
top: 2920px;
width: 333px;
text-align: right;
}

div#sixthline4 h3 {
width: 333px;
height: 389px;
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#sixthline4 h3 span {
display: none;
}

div#sixthline4 p {
margin: 0 0.5em 0.5em;
}

div#seventhline {
position: absolute;
left: 300px;
top: 986px;
width: 200px;
text-align: justify;
}

div#seventhline h3 {
width: 320px;
height: 454px;
background-image: url(laconggallery1.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#seventhline h3 span {
display: none;
}

div#seventhline p {
margin: 0 0.5em 0.5em;
}

/* Supporting Text
--------------------------------------*/

div#seventhline2 {
position: absolute;
left: 650px;
top: 986px;
width: 200px;
text-align: justify;
}

div#seventhline2 h3 {
width: 304px;
height: 454px;
background-image: url(laconggallery4.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#seventhline2 h3 span {
display: none;
}

div#seventhline2 p {
margin: 0 0.5em 0.5em;
}

div#seventhline3 {
position: absolute;
left: 984px;
top: 986px;
width: 200px;
text-align: justify;
}

div#seventhline3 h3 {
width: 379px;
height: 454px;
background-image: url(laconggallery5.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#seventhline3 h3 span {
display: none;
}

div#seventhline3 p {
margin: 0 0.5em 0.5em;
}

div#seventhline4 {
position: absolute;
left: 1393px;
top: 986px;
width: 333px;
text-align: center;
}

div#seventhline4 h3 {
width: 333px;
height: 454px;
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#seventhline4 h3 span {
display: none;
}

div#seventhline4 p {
margin: 0 0.5em 0.5em;
}

div#eightline {
position: absolute;
left: 300px;
top: 1475px;
width: 200px;
text-align: justify;
}

div#eightline h3 {
width: 320px;
height: 215px;
background-image: url(laportrait1.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#eightline h3 span {
display: none;
}

div#eightline p {
margin: 0 0.5em 0.5em;
}

/* Supporting Text
--------------------------------------*/

div#eightline2 {
position: absolute;
left: 650px;
top: 1475px;
width: 200px;
text-align: justify;
}

div#eightline2 h3 {
width: 304px;
height: 215px;
background-image: url(laportrait2.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#eightline2 h3 span {
display: none;
}

div#eightline2 p {
margin: 0 0.5em 0.5em;
}

div#eightline3 {
position: absolute;
left: 984px;
top: 1475px;
width: 200px;
text-align: justify;
}

div#eightline3 h3 {
width: 379px;
height: 215px;
background-image: url(laportrait3.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#eightline3 h3 span {
display: none;
}

div#eightline3 p {
margin: 0 0.5em 0.5em;
}

div#eightline4 {
position: absolute;
left: 1393px;
top: 1475px;
width: 333px;
text-align: right;
}

div#eightline4 h3 {
width: 333px;
height: 215px;
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#eightline4 h3 span {
display: none;
}

div#eightline4 p {
margin: 0 0.5em 0.5em;
}

div#ninthline {
position: absolute;
left: 300px;
top: 160px;
width: 200px;
text-align: justify;
}

div#ninthline h3 {
width: 320px;
height: 396px;
background-image: url(metshow.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#ninthline h3 span {
display: none;
}

div#ninthline p {
margin: 0 0.5em 0.5em;
}

/* Supporting Text
--------------------------------------*/

div#ninthline2 {
position: absolute;
left: 650px;
top: 160px;
width: 200px;
text-align: justify;
}

div#ninthline2 h3 {
width: 304px;
height: 396px;
background-image: url(metshow2.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#ninthline2 h3 span {
display: none;
}

div#ninthline2 p {
margin: 0 0.5em 0.5em;
}

div#ninthline3 {
position: absolute;
left: 984px;
top: 160px;
width: 200px;
text-align: justify;
}

div#ninthline3 h3 {
width: 379px;
height: 396px;
background-image: url(metshow3.jpg);
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#ninthline3 h3 span {
display: none;
}

div#ninthline3 p {
margin: 0 0.5em 0.5em;
}

div#ninthline4 {
position: absolute;
left: 1393px;
top: 160px;
width: 333px;
text-align: right;
}

div#ninthline4 h3 {
width: 333px;
height: 396px;
border: 3px solid #888398;
margin: 0 0 0.5em;
}

div#ninthline4 h3 span {
display: none;
}

div#ninthline4 p {
margin: 0 0.5em 0.5em;
text-align: center;
}

div#name {
position: absolute;
left: 1300px;
top: 160px;
width: 400px;
text-align: justify;
}

div#name h3 {
width: 400px;
height: 25px;
background-image: url(.gif);
margin: 0 0 0.5em;
}

div#name h3 span {
display: none;
}

div#name p {
margin: 0 0.5em 0.5em;
}

/* The Navigation
---------------------------------------*/

div#linkList {
position: absolute;
left: 1828px;
top: 160px;
width: 220px;
height: 474px;
background-color: transparent;
color: inherit;
background-image: url(linklist30.jpg);
background-repeat: repeat-y;
text-transform: lowercase;
}


div#linkList div#lselect li a:link, div#linkList div#lselect li a:visited {
display: block;
margin-left: -10px;
padding-left: 26px;
color: #8B879E;
background-color: transparent;
line-height: 2;
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}


div#linkList li a:link, div#linkList div#lselect li a.c:link, div#linkList li a:visited, div#linkList div#lselect li a.c:visited {
display: inline;
background-image: none;
color: #A52A2A;
background-color: transparent;
padding-left: 0;
padding-top: 0;
margin-left: 0;
margin-top: 0;
border: none;
}


div#linkList ul {
list-style: none;
margin: 0 0 0 25px;
padding-left: 0;
}


div#linkList li {
padding-left: 10px;
}

div#linkList div#lselect li a:hover {
background-color: #e0b8f3;
color: #000;
background-image: url(linklistsun4.gif);
background-repeat: no-repeat;
}

div#linkList li a:hover {
color: #000;
}


div#lselect h3 {
float:left;
margin-top: 0;
width: 25px;
height: 200px;
background-image: url(thppages4.jpg);
background-repeat: no-repeat;
}

div#lselect h3 span {
display: none;
}

div#larchives {
clear:left;
margin-top: 0;
border-top: 10px solid #20956b;
}

div#larchives h3 {
float:left;
margin-top: 0;
width: 25px;
height: 81px;
background-image: url(contact3.jpg);
background-repeat: no-repeat;
}

div#larchives h3 span {
display: none;
}

div#lresources {
clear:left;
margin-top: 0;
}

div#lresources h3 {
float:left;
margin-top: 0;
width: 25px;
height: 95px;
background-image: url(resources3.jpg);
background-repeat: no-repeat;
}

div#lresources h3 span {
display: none;
}


/* ...and the footer
--------------------------------------*/
div#footer {
position: absolute;
left: 1828px;
top: 3px;
width: 220px;
height: 20px;
text-align: center;
word-spacing: 0.1em;
overflow: hidden;
}

div#footer a:link, div#footer a:visited {
color: #B2AFC0;
background-color: transparent;
}

div#footer a:hover {
color: #000;
}


/* and extra artwork */

div#extraDiv4 {
position: absolute;
left: 1835px;
top: 20px;
width: 204px;
height: 65px;
color: inherit;
background-color: #D9D6E7;
background-image: url(footer3.jpg);
background-repeat: no-repeat;
}

div#extraDiv5 {
position: absolute;
background-position: left bottom;
left: 185px;
bottom: 0;
height: 1168px;
width: 25px;
background-color: #D9D6E7;
background-image: url(verticalgallery1.jpg);
background-repeat: no-repeat;
}