body{background:#FEEBCF}

 #wrap {max-width:900px; min-width:480px;width:90%}

 .banner{height : 70px; font-weight : bold; font-size: 32px; color:maroon;}
 #gbanner{height : 35px; font-weight : bold; font-size: 32px; color:maroon}
 #g2banner{height : 35px; font-weight : bold; font-size: 24px; color:maroon;margin-left : 200px}
 
 p {font-size:18px}
 #navbuttons {height : 20px; width : 150px; background : #F9C7C2;font-weight : bold; font-size : 15px}
 #rnavbuttons {height : 20px; width : 200px; background : #F9C7C2;font-weight : bold; font-size : 15px; 
          position : absolute; margin-left : 400px}
 #arnavbuttons {height : 20px; width : 140px; background : #F9C7C2;font-weight : bold; font-size : 15px; 
          position : absolute; margin-left : 460px}
 #navbuttonsl {height : 20px; width : 250px; background : #F9C7C2;font-weight : bold; font-size : 15px}
 #gnavbuttons {height : 20px; width : 150px; background : #F9C7C2;font-weight : bold;
              font-size : 15px; position:relative; top:-520px}
 #vglbanner {position:relative; top:-520px}
 #vglcright {position:relative; top:-520px}
 #donbutton {margin-left : 500px}

 /* special formatting to position both captions relative to one another below the
    pictures on the home page in a free flow situation without page formatting*/
 .caption{position:relative; left:4em;font-weight:bold; white-space:pre}

 .tncaption{font-weight:bold; white-space:pre}
 
 /* formatting for centred bold paragraph headers or special notices */
 h3 {font-size: 18px; font-weight :bold;text-align :center}
 h4 {font-size: 24px; font-weight :bold;text-align :center}
 h5 {font-size: 15px; font-weight :bold}

 .cb {height : 30px; width : 150px; background : #F9C7C2; margin : 20px;
           font-size : 18px; font-weight : bold; text-align : center}

 #nb {height : 30px; width : 200px; background : #F9C7C2; font-size : 18px; font-weight : bold; text-align : center}
 .nb {height : 30px; width : 200px; background : #F9C7C2; font-size : 18px; font-weight : bold; text-align : center}
 .pnb {height : 30px; width : 200px; background : #F9C7C2;font-size : 18px; font-weight : bold; margin-left : 85px}

 /* thumbnail frames fin 3 options thumbd no download permitted
    thumbda download available but not set up & thumbdl download online */

 #thumbh {height : 96px;width : 100px;border:2px solid maroon}
 #thumbhda {height:96px;width:100px;border:2px solid maroon;border-bottom-style:dashed}
 #thumbhdl {height:96px;width:100px;border:2px solid maroon;border-bottom-style:dashed}
 .thumbh {height : 96px;width : 100px;border:2px solid maroon}
 .thumbh a { background:#F3B044;margin-left : 24px}
   
 /* thumbnal page layout - all images have to be repositioned relative to the first frame */
 #tnhf1 {height : 100px; width : 105px}
 #tnhf2 {height : 100px; width : 105px; margin-left : 115px;position:relative; top:-100px}
 #tnhf3 {height : 100px; width : 105px; margin-left : 230px; position:relative; top:-200px}
 #tnhf4 {height : 100px; width : 105px; margin-left : 345px; position:relative; top:-300px}
 #tnhf5 {height : 100px; width : 105px; margin-left : 460px; position:relative; top:-400px}
 #tnhf6 {height : 100px; width : 105px; margin-left : 575px; position:relative; top:-500px}
 #tnhf7 {height : 100px; width : 105px; position:relative; top:-490px}
 #tnhf8 {height : 100px; width : 105px; margin-left : 115px; position:relative; top:-590px}
 #tnhf9 {height : 100px; width : 105px; margin-left : 230px; position:relative; top:-690px}
 #tnhf10 {height : 100px; width : 105px; margin-left : 345px;position:relative; top:-790px}
 #tnhf11 {height : 100px; width : 105px; margin-left : 460px;position:relative; top:-890px}
 #tnhf12 {height : 100px; width : 105px; margin-left : 575px;position:relative; top:-990px}
 #tnhf13 {height : 100px; width : 105px; position:relative; top:-980px}
 #tnhf14 {height : 100px; width : 105px; margin-left : 115px;position:relative; top:-1080px}
 #tnhf15 {height : 100px; width : 105px; margin-left : 230px;position:relative; top:-1180px}
 #tnhf16 {height : 100px; width : 105px; margin-left : 345px;position:relative; top:-1280px}
 #tnhf17 {height : 100px; width : 105px; margin-left : 460px;position:relative; top:-1380px}
 #tnhf18 {height : 100px; width : 105px; margin-left : 575px;position:relative; top:-1480px}
 #tnhf19 {height : 100px; width : 105px; position:relative; top:-1470px}
 #tnhf20 {height : 100px; width : 105px; margin-left : 115px;position:relative; top:-1570px}
 #tnhf21 {height : 100px; width : 105px; margin-left : 230px;position:relative; top:-1670px}
 #tnhf22 {height : 100px; width : 105px; margin-left : 345px;position:relative; top:-1770px}
 #tnhf23 {height : 100px; width : 105px; margin-left : 460px;position:relative; top:-1870px}
 #tnhf24 {height : 100px; width : 105px; margin-left : 575px;position:relative; top:-1970px}
 #tnhf25 {height : 100px; width : 105px; position:relative; top:-1960px}
 #tnhf26 {height : 100px; width : 105px; margin-left : 115px;position:relative; top:-2060px}
 #tnhf27 {height : 100px; width : 105px; margin-left : 230px;position:relative; top:-2160px}
 #tnhf28 {height : 100px; width : 105px; margin-left : 345px;position:relative; top:-2260px}
 #tnhf29 {height : 100px; width : 105px; margin-left : 460px;position:relative; top:-2360px}
 #tnhf30 {height : 100px; width : 105px; margin-left : 575px;position:relative; top:-2460px}
 #tnhf31 {height : 100px; width : 105px; position:relative; top:-2450px}
 #tnhf32 {height : 100px; width : 105px; margin-left : 115px;position:relative; top:-2550px}
 #tnhf33 {height : 100px; width : 105px; margin-left : 230px;position:relative; top:-2650px}
 #tnhf34 {height : 100px; width : 105px; margin-left : 345px;position:relative; top:-2750px}
 #tnhf35 {height : 100px; width : 105px; margin-left : 460px;position:relative; top:-2850px}
 #tnhf36 {height : 100px; width : 105px; margin-left : 575px;position:relative; top:-2950px}
 #tnhf37 {height : 100px; width : 105px; position:relative; top:-2940px}
 #tnhf38 {height : 100px; width : 105px; margin-left : 115px;position:relative; top:-3040px}
 #tnhf39 {height : 100px; width : 105px; margin-left : 230px;position:relative; top:-3140px}
 #tnhf40 {height : 100px; width : 105px; margin-left : 345px;position:relative; top:-3240px}
 #tnhf41 {height : 100px; width : 105px; margin-left : 460px;position:relative; top:-3340px}
 #tnhf42 {height : 100px; width : 105px; margin-left : 575px;position:relative; top:-3440px}
 #tnhf43 {height : 100px; width : 105px; position:relative; top:-3430px}
 #tnhf44 {height : 100px; width : 105px; margin-left : 115px;position:relative; top:-3530px}
 #tnhf45 {height : 100px; width : 105px; margin-left : 230px;position:relative; top:-3630px}
 #tnhf46 {height : 100px; width : 105px; margin-left : 345px;position:relative; top:-3730px}
 #tnhf47 {height : 100px; width : 105px; margin-left : 460px;position:relative; top:-3830px}
 #tnhf48 {height : 100px; width : 105px; margin-left : 575px;position:relative; top:-3930px}
 #tnhf49 {height : 100px; width : 105px; position:relative; top:-3920px}
 #tnhf50 {height : 100px; width : 105px; margin-left : 115px;position:relative; top:-4020px}
 #tnhf51 {height : 100px; width : 105px; margin-left : 230px;position:relative; top:-4120px}
 #tnhf52 {height : 100px; width : 105px; margin-left : 345px;position:relative; top:-4220px}
 #tnhf53 {height : 100px; width : 105px; margin-left : 460px;position:relative; top:-4320px}
 #tnhf54 {height : 100px; width : 105px; margin-left : 575px;position:relative; top:-4420px}
 #tnhf55 {height : 100px; width : 105px; position:relative; top:-4410px}
 #tnhf56 {height : 100px; width : 105px; margin-left : 115px;position:relative; top:-4510px}
 #tnhf57 {height : 100px; width : 105px; margin-left : 230px;position:relative; top:-4610px}
 #tnhf58 {height : 100px; width : 105px; margin-left : 345px;position:relative; top:-4710px}
 #tnhf59 {height : 100px; width : 105px; margin-left : 460px;position:relative; top:-4810px}
 #tnhf60 {height : 100px; width : 105px; margin-left : 575px;position:relative; top:-4910px}
 #tnhf61 {height : 100px; width : 105px; position:relative; top:-4900px}
 #tnhf62 {height : 100px; width : 105px; margin-left : 115px;position:relative; top:-5000px}
 #tnhf63 {height : 100px; width : 105px; margin-left : 230px;position:relative; top:-5100px}
 #tnhf64 {height : 100px; width : 105px; margin-left : 345px;position:relative; top:-5200px}
 #tnhf65 {height : 100px; width : 105px; margin-left : 460px;position:relative; top:-5300px}
 #tnhf66 {height : 100px; width : 105px; margin-left : 575px;position:relative; top:-5400px}
 #tnhf67 {height : 100px; width : 105px; position:relative; top:-5390px}
 #tnhf68 {height : 100px; width : 105px; margin-left : 115px;position:relative; top:-5490px}
 #tnhf69 {height : 100px; width : 105px; margin-left : 230px;position:relative; top:-5590px}
 #tnhf70 {height : 100px; width : 105px; margin-left : 345px;position:relative; top:-5690px}
 #tnhf71 {height : 100px; width : 105px; margin-left : 460px;position:relative; top:-5790px}
 #tnhf72 {height : 100px; width : 105px; margin-left : 575px;position:relative; top:-5890px}
  
 #imgno {position:absolute; bottom:3px}
 #imgnov {margin-left : 3px; font-size : 10px}

 #buttons {height : 20px; width : 120px; margin-left : 230px; background : #F9C7C2;font-weight : bold }
 #vbuttons {height : 20px; width : 120px; background : #F9C7C2;font-weight : bold }
 #caption {width : 580px ; height : 160px; margin-left : 20px; margin-top : 10px}
 #vcaption {width : 300px ; height : 500px; margin-left : 380px; position:relative; top:-480px}



 #photoh {height : 324px;width : 545px;border : 4px solid maroon; margin-left:30px; 
  margin-bottom : 20px; overflow : hidden}
 #photohl {height : 364px;width : 545px;border : 4px solid maroon; margin-left:30px; 
  margin-bottom : 20px; overflow : hidden}
 #photov {height : 485px;width : 330px;border : 4px solid maroon; margin-left:30px; 
          position-absolute; left overflow : hidden}


/* xhtml additions for the page on French locomotive practice */

 .navbtns {height : 20px; width : 150px; background : #F9C7C2;font-weight : bold; font-size : 15px}
 .textleft {height : 400px; width : 350px; font-size : 18px; position : relative}
 .mtextleft {height : 240px; width : 640px; font-size : 18px; position : relative}
 .imgright {position : absolute; width : 500px;  margin-left : 370px; top : 300px}
 .textright {position : relative; width : 380px}
 .bodytext {font-size : 18px}
 .imgleft {position : relative}
 .textright2 {height : 400px; width : 350px; font-size : 18px; position : absolute; margin-left : 20px}
 .mtextright {height : 300px; width : 500px; font-size : 18px; position : absolute; margin-left : 20px}
 .imgright2 {position : absolute; margin-left : 20px}
 .mimgright {position : absolute; margin-left : 660px}
 .imgright3 {position : absolute; margin-left : 10px; top : 0px }
 .pimgright {position : absolute; margin-left : 50px}
 .textleft2 {height : 250px; width : 350px; font-size : 18px; position : relative}
 .textright3 {position : absolute; margin-left : 250px; width : 350px; top : 300px}
 #atextright {position : absolute; font-size : 18px; margin-left : 10px; width : 700px}
 #atextrightn {position : absolute; font-size : 18px; margin-left : 10px; width : 420px}
 .ftextright {position : absolute; font-size : 18px; margin-left : 10px; width : 420px}
 #atextleft {height : 250px; width : 550px; font-size : 18px; position : relative}
 #aimgright {position : absolute; margin-left : 450px; top : 0px}
 #htextright {position : absolute; font-size : 18px; margin-left : 20px; width : 600px}
 #htextleft {height : 250px; width : 420px; font-size : 18px; position : relative}
 #himgright {position : absolute; margin-left : 150px; top : 0px}
 .autriml {height : 250px; width : 820px}
 .aulitri {position : absolute; margin-left : 20px; height : 350px; width : 500px}
 ,ccaption {position : relative; width : 150px; font-size : 18px}
 .auimgright {position : absolute; margin-left : 250px}
 .autextleft {height : 250px; width : 400px; font-size : 18px; position : relative}
 .auimgright2 {position : absolute; margin-left : 410px}
 #auimgright3 {position : absolute; margin-left : 510px}
 #autextleft2 {height : 370px; width : 500px; font-size : 18px; position : relative}
 #autextleft3 {height : 520px; width : 400px; font-size : 18px; position : relative}
 #autextleft4 {height : 210px; width : 400px; font-size : 18px; position : relative}
 .autextright {position : absolute; margin-left : 20px; font-size : 18px; width : 500px}
 .imgright4 {position : absolute; margin-left : 400px;top : 0px}
 .textleft4 {height : 340px; width : 350px; font-size : 18px; position : relative}
 #heading {font-size: 28px; font-weight :bold; position : relative; margin-left : 450px; top : 70px}
 #lhiphoto {margin-left : 50px}