/* CSS Document */
a:link {color:#a68978;}
a:visited {color:#65B3D4;}
a:hover {color:#C6EAF6;}

#bigsquare {
width:321px; height:321px;
position: absolute;
z-index: 1;
left: 78px;
top: 81px;
background-color: rgb(%85, 60%, 30%);
}


#layoutbox {
width:963; height:481;
position: absolute;
z-index: 0;
left: 78px;
top: 81px;
}

#cube1 {
width:47; height:47;
position: absolute;
z-index: 3;
left: 206px;
top: 213px;
border-style: solid;
border-color: #A1DDF5;
border-width: 1px;
background-color: rgb(%204, 236%, 247%);
border-style: solid;
}

#cube2 {
width:47; height:47;
position: absolute;
z-index: 3;
left: 206px;
top: 275px;
border-style: solid;
border-color: #A1DDF5;
border-width: 1px;
background-color: rgb(%204, 236%, 247%);
border-style: solid;
}

#cube3 {
width:47; height:47;
position: absolute;
z-index: 3;
left: 206px;
top: 337px;
border-style: solid;
border-color: #A1DDF5;
border-width: 1px;
background-color: rgb(%204, 236%, 247%);
border-style: solid;
}

#cube4 {
width:47; height:47;
position: absolute;
z-index: 3;
left: 268px;
top: 213px;
border-style: solid;
border-color: #A1DDF5;
border-width: 1px;
background-color: rgb(%204, 236%, 247%);
border-style: solid;
}

#cube5 {
width:47; height:47;
position: absolute;
z-index: 3;
left: 268px;
top: 275px;
border-style: solid;
border-color: #A1DDF5;
border-width: 1px;
background-color: rgb(%204, 236%, 247%);
border-style: solid;

}

#cube6 {
width:47; height:47;
position: absolute;
z-index: 3;
left: 268px;
top: 337px;
border-style: solid;
border-color: #A1DDF5;
border-width: 1px;
background-color: rgb(%204, 236%, 247%);
border-style: solid;
}

#cube7 {
width:47; height:47;
position: absolute;
z-index: 3;
left: 330px;
top: 213px;
border-style: solid;
border-color: #A1DDF5;
border-width: 1px;
background-color: rgb(%204, 236%, 247%);
border-style: solid;
}

#cube8 {
width:47; height:47;
position: absolute;
z-index: 3;
left: 330px;
top: 275px;
border-style: solid;
border-color: #A1DDF5;
border-width: 1px;
background-color: rgb(%204, 236%, 247%);
border-style: solid;
}

#cube9 {
width:47; height:47;
position: absolute;
z-index: 3;
left: 330px;
top: 337px;
border-style: solid;
border-color: #A1DDF5;
border-width: 1px;
background-color: rgb(%204, 236%, 247%);
border-style: solid;
}

#biobox {
width:540px; height:150px;
position: absolute;
z-index: 4;
left: 430px;
top: 213px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#biobox2 {
width:540px; height:150px;
position: absolute;
z-index: 4;
left: 430px;
top: 165px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#courselist {
width:220px; height:80px;
position: absolute;
z-index: 5;
left: 415px;
top: 92px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:9px;
line-height:105%;
color: #694B27
}
#courselist2 {
width:230px; height:70px;
position: absolute;
z-index: 5;
left: 642px;
top: 101px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size: 9px;
line-height:105%;
color: #694B27
}

#courselist3 {
width:220px; height:70px;
position: absolute;
z-index: 5;
left: 880px;
top: 101px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:9px;
line-height:105%;
color: #694B27
}

#website {
width:399px; height:312px;
position: absolute;
z-index: 5;
left: 632px;
top: 96px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}


#designpages {
width: 600px; height:340px;
position: absolute;
z-index: 5;
left: 425px;
top: 96px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#explanation {
width:145px; height:180px;
position: absolute;
z-index: 5;
left: 470px;
top: 213px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:9px;
line-height:130%;
color: #694B27
}

#lowertext {
width:400px; height:180px;
position: absolute;
z-index: 5;
left: 428px;
top: 465px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:9px;
line-height:130%;
color: #694B27
}
#lowertext2 {
width:590px; height:180px;
position: absolute;
z-index: 5;
left: 428px;
top: 453px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:9px;
line-height:130%;
color: #694B27
}

#explanation3 {
width:145px; height:180px;
position: absolute;
z-index: 4;
left: 470px;
top: 213px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:9px;
line-height:130%;
color: #694B27
}

#explanation2 {
width:445px; height:180px;
position: absolute;
z-index: 4;
left: 485px;
top: 445px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:9px;
line-height:130%;
color: #694B27
}

#sitelink1 {
position: absolute;
z-index: 5;
left: 425px;
top: 490px;
}

#sitelink2 {
position: absolute;
z-index: 5;
left: 485px;
top: 490px;
}

#sitelink3 {
position: absolute;
z-index: 5;
left: 545px;
top: 490px;
}

#sitelink4 {
position: absolute;
z-index: 5;
left: 605px;
top: 490px;
}

#sitelink5 {
position: absolute;
z-index: 5;
left: 665px;
top: 490px;
}

#sitelink6 {
position: absolute;
z-index: 5;
left: 725px;
top: 490px;
}

#sitelink7 {
position: absolute;
z-index: 5;
left: 785px;
top: 490px;
}

#sitelink8 {
position: absolute;
z-index: 5;
left: 845px;
top: 490px;
}

#sitelink9 {
position: absolute;
z-index: 5;
left: 905px;
top: 490px;
}

#sitelink10 {
position: absolute;
z-index: 5;
left: 965px;
top: 490px;
}

#photoshow {
width:640px; height:480px;
position: absolute;
z-index: 5;
left: 399px;
top: 82px;
background-color: rgb(%85, 60%, 30%);
}

#photoshow2 {
width:640px; height:480px;
position: absolute;
z-index: 5;
left: 420px;
top: 120px;
background-color: rgb(%85, 60%, 30%);
}

#photoshow3 {
width:640px; height:480px;
position: absolute;
z-index: 5;
left: 399px;
top: 120px;
background-color: rgb(%85, 60%, 30%);
}

#studenText {
width:150; height:190;
position: absolute;
text-align: right; 
z-index: 5;
left: 230px;
top: 300px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:10px;
line-height:110%;
color: #a0d2e3;
}

#studenText2  {
width:150; height:190;
position: absolute;
text-align: right; 
z-index: 5;
left: 230px;
top: 370px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:10px;
line-height:150%;
color: #47afd2;
}


#student1 {
width:90; height:90;
position: absolute;
z-index: 5;
left: 430px;
top: 210px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#student2 {
width:90; height:90;
position: absolute;
z-index: 5;
left: 553px;
top: 210px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#student3 {
width:90; height:90;
position: absolute;
z-index: 5;
left: 675px;
top: 210px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#student4 {
width:90; height:90;
position: absolute;
z-index: 5;
left: 795px;
top: 210px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#student5 {
width:90; height:90;
position: absolute;
z-index: 5;
left: 915px;
top: 210px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#student6 {
width:90; height:90;
position: absolute;
z-index: 5;
left: 430px;
top: 370px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#student7 {
width:90; height:90;
position: absolute;
z-index: 5;
left: 553px;
top: 370px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#student8 {
width:90; height:90;
position: absolute;
z-index: 5;
left: 675px;
top: 370px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#student9 {
width:90; height:90;
position: absolute;
z-index: 5;
left: 795px;
top: 370px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#student10 {
width:90; height:90;
position: absolute;
z-index: 5;
left: 915px;
top: 370px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}

#student11 {
width:90; height:90;
position: absolute;
z-index: 5;
left: 430px;
top: 450px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}



#artwork1 {
width:399px; height:312px;
position: absolute;
z-index: 5;
left: 525px;
top: 96px;
font-family: "Verdana", "Helvetica", sans-serif;
font-size:11px;
line-height:110%;
color: #694B27
}