body{background:#FEEBCF}

 #wrap {max-width:800px; min-width:480px;}

 .banner{height : 70px; font-weight : bold; font-size: 32px; color:maroon;}
 #gbanner{position : absolute; margin-left : 5px; height : 35px; font-weight : bold; font-size: 32px; color:maroon}
 #ptitle {margin-left : 100px; font-weight : bold; font-size: 24px; color:maroon}
 #g2banner{height : 35px; font-weight : bold; font-size: 24px; color:maroon;margin-left : 200px}
 #g1banner{height : 35px; font-weight : bold; font-size: 24px; color:maroon}
 #hvalidated {position : absolute; margin-left : 40px}
 #lvalidated {position : absolute; margin-left : 240px}
 
 p {font-size:18px}
 .navbuttons {height : 20px; width : 150px; 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}
 #validated {position:relative; right : -300px}
 .issue {position:relative; right : -80px}

 /* 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{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: 32px; font-weight :bold; color:maroon}
 h4 {font-size: 24px; font-weight :bold; color:maroon}
 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}

 /* thumbnail frames  */

 .thumbhda {height:96px;width:100px;border:2px solid maroon}
 .thumb {margin-left : 21px;position:absolute;top : 0px }
   
 /* 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}
 
  
 #imgno {position:absolute; bottom:3px}
 .imgnov {margin-left : 3px; font-size : 11px;position:relative}
 
 #buttons {height : 20px; width : 120px; margin-left : 230px; background : #F9C7C2;font-weight : bold }
 #vbuttons {height : 20px; width : 120px; background : #F9C7C2;font-weight : bold; overflow : hidden;
  position:relative; bottom: 160px;right : -420px}
 #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 : 276px;width : 372px;border : 4px solid maroon; overflow : hidden;
  margin : 5px;position:relative; top:-178px; right: 5px}
 #photov {height : 454px;width : 320px;margin : 5px;border : 4px solid maroon; overflow : hidden}