/*All of the codes below are for the photos page. They are kept here because there are so many of them.*/

/*When you add new photos to the photos page, you may need to add to the height of the page. You do not need to 
do this for other pages. To adjust the height, just increase or decrease it by the same amount in the two declarations below.*/

#photosborder {
position: absolute; 
margin: 0px 0px 0px 0px;
background-color: #993333;
z-index: 0;
width: 1009px;
height: 7760;
overflow: visible;
}

#pagephotos {
position: absolute; 
margin: 0px 100px 0px 100px;
width: 809px;
height: 7560;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
z-index: 1;
border: none;
background-color: #333333;
}


/*When you add a new photo, add a declaration to the bottom of its list, numbering it appropriately
and specifying the photo's position.*/

#photo1 {
position: absolute; 
margin: 70px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo2 {
position: absolute; 
margin: 50px 0px 0px 280px;
align: left;
z-index: 1;
}

#photo3 {
position: absolute; 
margin: 50px 0px 0px 400px;
align: left;
z-index: 1;
}

#photo4 {
position: absolute; 
margin: 70px 0px 0px 500px;
align: left;
z-index: 1;
}

#photo5 {
position: absolute; 
margin: 400px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo6 {
position: absolute; 
margin: 370px 0px 0px 255px;
align: left;
z-index: 1;
}

#photo7 {
position: absolute; 
margin: 400px 0px 0px 570px;
align: left;
z-index: 1;
}

#photo8 {
position: absolute; 
margin: 720px 0px 0px 20px;
align: left;
z-index: 1;
}

#photo9 {
position: absolute; 
margin: 700px 0px 0px 262px;
align: left;
z-index: 1;
}

#photo10 {
position: absolute; 
margin: 720px 0px 0px 580px;
align: left;
z-index: 1;
}

#photo11 {
position: absolute; 
margin: 1070px 0px 0px 20px;
align: left;
z-index: 1;
}

#photo12 {
position: absolute; 
margin: 1020px 0px 0px 310px;
align: left;
z-index: 1;
}

#photo13 {
position: absolute; 
margin: 1070px 0px 0px 560px;
align: left;
z-index: 1;
}

#photo14 {
position: absolute; 
margin: 1450px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo15 {
position: absolute; 
margin: 1400px 0px 0px 250px;
align: left;
z-index: 1;
}

#photo16 {
position: absolute; 
margin: 1450px 0px 0px 570px;
align: left;
z-index: 1;
}

#photo17 {
position: absolute; 
margin: 1850px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo18 {
position: absolute; 
margin: 1790px 0px 0px 300px;
align: left;
z-index: 1;
}

#photo19 {
position: absolute; 
margin: 1850px 0px 0px 525px;
align: left;
z-index: 1;
}

#photo20 {
position: absolute; 
margin: 2250px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo21 {
position: absolute; 
margin: 2180px 0px 0px 300px;
align: left;
z-index: 1;
}

#photo22 {
position: absolute; 
margin: 2250px 0px 0px 525px;
align: left;
z-index: 1;
}

#photo23 {
position: absolute; 
margin: 2650px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo24 {
position: absolute; 
margin: 2580px 0px 0px 310px;
align: left;
z-index: 1;
}

#photo25 {
position: absolute; 
margin: 2650px 0px 0px 525px;
align: left;
z-index: 1;
}

#photo26 {
position: absolute; 
margin: 3060px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo27 {
position: absolute; 
margin: 3000px 0px 0px 305px;
align: left;
z-index: 1;
}

#photo28 {
position: absolute; 
margin: 3060px 0px 0px 525px;
align: left;
z-index: 1;
}

#photo29 {
position: absolute; 
margin: 3460px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo30 {
position: absolute; 
margin: 3400px 0px 0px 305px;
align: left;
z-index: 1;
}

#photo31 {
position: absolute; 
margin: 3460px 0px 0px 525px;
align: left;
z-index: 1;
}

#photo32 {
position: absolute; 
margin: 3860px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo33 {
position: absolute; 
margin: 3800px 0px 0px 305px;
align: left;
z-index: 1;
}

#photo34 {
position: absolute; 
margin: 3860px 0px 0px 525px;
align: left;
z-index: 1;
}

#photo35 {
position: absolute; 
margin: 4260px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo36 {
position: absolute; 
margin: 4200px 0px 0px 305px;
align: left;
z-index: 1;
}

#photo37 {
position: absolute; 
margin: 4260px 0px 0px 525px;
align: left;
z-index: 1;
}

#photo38 {
position: absolute; 
margin: 4660px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo39 {
position: absolute; 
margin: 4600px 0px 0px 300px;
align: left;
z-index: 1;
}

#photo40 {
position: absolute; 
margin: 4660px 0px 0px 525px;
align: left;
z-index: 1;
}

#photo41 {
position: absolute; 
margin: 5060px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo42 {
position: absolute; 
margin: 5035px 0px 0px 240px;
align: left;
z-index: 1;
}

#photo43 {
position: absolute; 
margin: 5060px 0px 0px 580px;
align: left;
z-index: 1;
}

#photo44 {
position: absolute; 
margin: 5360px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo45 {
position: absolute; 
margin: 5360px 0px 0px 280px;
align: left;
z-index: 1;
}

#photo46 {
position: absolute; 
margin: 5360px 0px 0px 550px;
align: left;
z-index: 1;
}

#photo47 {
position: absolute; 
margin: 5660px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo48 {
position: absolute; 
margin: 5660px 0px 0px 265px;
align: left;
z-index: 1;
}

#photo49 {
position: absolute; 
margin: 5660px 0px 0px 520px;
align: left;
z-index: 1;
}

#photo50 {
position: absolute; 
margin: 5930px 0px 0px 40px;
align: left;
z-index: 1;
}

#photo51 {
position: absolute; 
margin: 5960px 0px 0px 265px;
align: left;
z-index: 1;
}

#photo52 {
position: absolute; 
margin: 5960px 0px 0px 550px;
align: left;
z-index: 1;
}


#photo53 {
position: absolute; 
margin: 6260px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo54 {
position: absolute; 
margin: 6200px 0px 0px 285px;
align: left;
z-index: 1;
}

#photo55 {
position: absolute; 
margin: 6260px 0px 0px 550px;
align: left;
z-index: 1;
}

#photo56 {
position: absolute; 
margin: 6560px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo57 {
position: absolute; 
margin: 6560px 0px 0px 285px;
align: left;
z-index: 1;
}

#photo58 {
position: absolute; 
margin: 6940px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo59 {
position: absolute; 
margin: 7270px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo60 {
position: absolute; 
margin: 50px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo61 {
position: absolute; 
margin: 80px 0px 0px 285px;
align: left;
z-index: 1;
}

#photo62 {
position: absolute; 
margin: 50px 0px 0px 570px;
align: left;
z-index: 1;
}

#photo63 {
position: absolute; 
margin: 350px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo64 {
position: absolute; 
margin: 350px 0px 0px 280px;
align: left;
z-index: 1;
}

#photo65 {
position: absolute; 
margin: 350px 0px 0px 550px;
align: left;
z-index: 1;
}

#photo66 {
position: absolute; 
margin: 600px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo67 {
position: absolute; 
margin: 600px 0px 0px 260px;
align: left;
z-index: 1;
}

#photo68 {
position: absolute; 
margin: 1000px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo69 {
position: absolute; 
margin: 970px 0px 0px 300px;
align: left;
z-index: 1;
}

#photo70 {
position: absolute; 
margin: 1000px 0px 0px 530px;
align: left;
z-index: 1;
}

#photo71 {
position: absolute; 
margin: 1300px 0px 0px 10px;
align: left;
z-index: 1;
}

#photo72 {
position: absolute; 
margin: 1300px 0px 0px 280px;
align: left;
z-index: 1;
}




/*These specifications probably won't need changing. The different caption specifications allow you to choose your line length (longer for wider photos).*/

.photocaption {
position: absolute; 
margin: 5px;
padding-left: 5px;
width: 180;
font-family: Georgia;
font-size: 10;
}

.photocaption2 {
position: absolute; 
margin: 5px;
padding-left: 5px;
width: 280;
font-family: Georgia;
font-size: 10;
}

.photocaption3 {
position: absolute; 
margin: 5px;
padding-left: 5px;
width: 150;
font-family: Georgia;
font-size: 10;
}

.photocaption4 {
position: absolute; 
margin: 5px;
padding-left: 5px;
width: 220;
font-family: Georgia;
font-size: 10;
}

.photocaption5 {
position: absolute; 
margin: 5px;
padding-left: 5px;
width: 490;
font-family: Georgia;
font-size: 10;
}

#photoclick {
position: absolute; 
margin: 20px 0px 0px 320px;
font-family: Georgia;
font-size: 10;
padding-left: 5px;
width: 200;
z-index: 2;
}


img.photo {
border: 4px solid #000000;
}

/*END OF PHOTOS SECTION*/