@charset "UTF-8";
/* CSS Document */




body, html{
width:100%;
height:100%;
margin:0;
padding:0;
}

.topShadow{
position:fixed;
top:-11px;
z-index:4;
width:100%;
height:50px;


}

.whiteBox{
position:fixed;
width:100%;
height:60px;
top:0;
background-color:#FFFFFF;
z-index:3;
}

html{
/*background-image: url(images/shadowLeft.png);
background-repeat:repeat-y;*/
background-color:#FFFFFF;
}

#picartFixedLogo{
position:fixed;
left:0;
top:0;
z-index:6;
width:217px;
height:102px;
}

#fixedNavPic{
background-image:url(images/leftNavPic.png);
background-repeat:no-repeat;
position:fixed;
top:60px;
left:0;
width:217px;
height:2000px;
z-index:5;


}

*{
padding:0;
margin:0;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
font-weight:normal;
letter-spacing: 1px;
text-align:justify;
border:none;
}

.container{

width:743px;
height:700px;
/*padding: 0 0 0 237px;*/
margin: 0 0 0 237px;
/* margin:0 auto;*/
}

.innerContainer{
position:absolute;
width:743px;
height:700px;
padding: 0 0 0 0;
background-color:#ffffff;

}



.linksList{
position:fixed;
width:1020px;
height:50px;
top:0px;
left:0px;
z-index:6;
}

/*.linksList a{

margin-left:40px;
padding:0;
display:block;
float:left;
font-size:22px;
text-decoration:none;
}*/

.linksList p{
position:absolute;
text-indent:-9999px;
}

.thisLink{
border-top:#990000 solid 5px;
}

#footerLinks{
padding:30px 0 20px 0;
text-align:center;
}

p a{
color:#0000CC;
}

#footerLinks a{
font-size:13px;
}



.navButton{
position:absolute;
top:0px;
z-index:6;
cursor:pointer;

}

.navButton:hover{

border-top:solid 5px #990000;
}

#buttonHome{
right:600px;
}

#buttonIntro{
right:470px;

}

#buttonTableC{
right:270px;
}

#buttonIllustrations{
right:140px;
}

#buttonText{
right:140px;
}

#buttonResearch{
right:10px;
}

h2, h2 em{
font-weight:bold;
font-size:15px;
padding: 110px 0 0px 0;
}
h3, h3 em{
font-weight:bold;
font-size:16px;
padding: 8px 0 0 0;
}
h4{
font-weight:bold;
font-size:14px;
padding: 8px 0 0 0;
}

/*Fixed Left Images*/

.leftFixedImg{
position:fixed;
top:100px;
left:70px;
z-index:7;
}

/* Smaller Containers*/

.smallerInnerContainer{
position:absolute;
width:540px;
height:550px;
background-color:#ffffff;
}

.smallerInnerContainer p{
padding:14px 0 0 0;
}

.smallerContainer{
width:540px;
height:550px;
/*padding: 0 0 0 420px;*/
/*margin:0 auto;*/
margin:0 0 0 420px;
}

/* INDEX CSS */



#introContainer #footerLinks{
position:absolute;
width:550px;
height:60px;
top: 850px;/*720px;*/ 
padding:0;
}


#introImage{
width:320px;
height:470px;
z-index:7;

}


/* -------------------- */

/* INTRODUCTION CSS */

#introLeftFixed{
width:210px;
height:450px;
left:30px;
top:105px;
z-index:7;
}

#introductionContainer h3, #introductionContainer h3 em{
font-size:16px;
font-weight:bold;
letter-spacing:1px;
line-height:22px;
padding:110px 0 14px 0px;
}

.introTxt p{
letter-spacing:1px;
line-height:18px;
margin:0;
padding:0;
}

.introTxt{
position:absolute;
}

.introTxtNarrow{
width:375px;
height:400px;
}

#introTxt1{
top:205px;
left:0px;
}

#engraving1{
position:absolute;
width:350px;
height:257px;
left:400px;
top:205px;
}

.introTxtWide{
width:750px;
height:200px;
}

#introTxt2{
position:absolute;
top:480px;
left:0px;
}

#introTxt3{
top:590px;
left:378px;
}

#engraving2{
position:absolute;
left:0px;
top:592px;
}

#engraving3{
position:absolute;
left:0px;
top:860px;
}

#introTxt4{
position:absolute;
top:1110px;
left:0px;
height:500px;
}

#introTxt5{
position:absolute;
width:405px;
top:1235px;
left:0px;
height:500px;
}

#engraving4{
position:absolute;
left:430px;
top:1235px;
}

#introTxt6{
position:absolute;
top:1639px;
left:0px;
height:500px;
}

#introTxt7{
position:absolute;
top:1910px;
left:200px;
width:570px;
}

#engraving5{
position:absolute;
left:0px;
top:1720px;
}

#introTxt8{
position:absolute;
top:2195px;
left:200px;
width:570px;
}

#engraving6{
position:absolute;
left:0px;
top:2000px;
}

#introductionContainer #footerLinks{
position:absolute;
top:2300px;
width:750px;
}




/* -------------------- */

/* TABLE OF CONTENTS CSS */
.tempResultsLayout{
position:absolute;
top:60px;
left:5px;
}


.tempTableContents{
position:fixed;
top:105px;
left:15px;
z-index:7;
width:190px;
height:482px;

}

#contentsContainer #footerLinks{
position:absolute;
top:760px;
width:850px;
}

/*--------------*/

/* ILLUSTRATIONS CSS */


.tempIllustrations{
padding:110px 0 0 0;
}

#illustrationsContainer{
padding:0;
width:1020px;
}

#illusInnerContainer{
position:relative;
top:20px;
padding:0;
}

#illustrationsContainer #footerLinks{
margin-left:120px;
width:1020px;
}

/* RESEARCH CSS */

#researchBookCover{
width:320px;
height:470px;
}

#researchContainer #footerLinks{
position:absolute;
top:4050px;
width:550px;
}

#researchContainer h2{
font-size:14px;
font-weight:bold;
letter-spacing:1px;
line-height:22px;
padding:10px 0 10px 0px;
}

#researchContainer h1{
font-size:16px;
font-weight:bold;
letter-spacing:1px;
line-height:22px;
padding:40px 0 10px 0px;
}

#researchContainer li{
list-style-type:none;
padding:7px 0 7px 0;
}

#bibliography{
position:absolute;
top:60px;
left:0px;
}

/*--------------*/