/* site wide formatting  */

/* page banner  */
 #gbanner{position : absolute; margin-left : 45px; height : 35px; font-weight : bold; font-size: 32px; color:maroon}
 #ptitle {position : absolute; margin-top : 40px; width : 23.5em; text-align : center; font-weight : bold; 
          font-size: 24px; color:maroon}
 #pltitle {margin-left : 20px; font-weight : bold; font-size: 24px; color:maroon}
 #validated {position : absolute; margin-left : 560px}
 .mbuttons { background:maroon;padding-left:4px}
 .mbuttons a {color:#FEEBCF}
 .pgbuttons { background:#F3B044;padding-left:4px;}

#wrap {max-width:800px; min-width:480px;width:90%}
body{background:#FEEBCF}
p {font-size:18px}
#lupds {font-size:18px; font-weight : bold}
.lupd { margin-left : 10px; font-size:18px; font-weight : bold}
.pheader { margin-left : 200px; font-size:18px; font-weight : bold}
#pheader2 { margin-left : 60px; font-size:18px; font-weight : bold}
#lhiphoto {margin-left : 100px}
						
a:link, a:visited {text-decoration:none;font-weight : bold}

.navbar li {background:maroon;text-align:left;padding-left:4px}
.navbar li:hover {border-left:.1em solid #f86210;padding-left:2px}
.navbar li:hover ul{background:#F8DACA;	border-bottom:.1em solid #F86210;border-left:.15em solid #F86210;
					margin-left:-.25em;}
.navbar li ul li {font-size:85%}
.navbar li:hover ul li {border:none;padding:4px}
.navbar a:hover {text-decoration:underline}
.navbar, .navbar ul {	display:block;margin:0;	padding:0;list-style:none;}
.navbar a {display:block;width:9em; color:#FEEBCF}
.navbar li {float:left;	width:9em;}
.navbar li ul {display:none}
.navbar li:hover ul{position:absolute;display:block;width:9.1em;}
.navbar li ul li {float:none;width: auto;}
#main {clear:left}
 .hlphoto {margin-left : 25px}
 .hphoton {position : absolute; margin-left : 40px}
 .bodytext {font-size : 18px}
 #licence {margin-left : 230px; font-weight : bold; font-size: 24px}

  /* museums, photographers & help pages layout */
 .hphoto {position : absolute; margin-left : 50px}
 #imgright {position : absolute; margin-left : 360px}
 #imgright1 {position : absolute; margin-left : 100px}
 .captionr {position : relative; margin-left : 550px}
 .captionl {position : relative}
 #h3photo {position : absolute; margin-left :350px}
 .imgleft {position : relative}
 #aimgright {position : absolute; margin-left : 450px; top : 0px}
 .mimgright {position : absolute; margin-left : 660px}
 .mtextleft {height : 240px; width : 640px; font-size : 18px; position : relative}
 .mtextright {height : 300px; width : 500px; font-size : 18px; position : absolute; margin-left : 20px}
 .textright2 {height : 400px; width : 350px; font-size : 18px; position : absolute; margin-left : 20px}
 .textleft4 {height : 340px; width : 350px; font-size : 18px; position : relative}
 .imgright4 {position : absolute; margin-left : 400px;top : 0px}
 #atextright {position : absolute; font-size : 18px; margin-left : 10px; width : 700px}
 #atextleft {height : 250px; width : 550px; font-size : 18px; position : relative}
 #atextrightn {position : absolute; font-size : 18px; margin-left : 10px; width : 420px}
 #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}
 .ftextright {position : absolute; font-size : 18px; margin-left : 10px; width : 420px}
 .ftextright1 {position : absolute; font-size : 18px; margin-left : 10px; width : 260px}
 .pnb {height : 30px; width : 200px; background : #F3B044;font-size : 18px; font-weight : bold; margin-left : 85px}
 .auimgright2 {position : absolute; margin-left : 410px}
 #auimgright1 {position : absolute; margin-left : 410px; top : 770px}
 .autextleft {height : 250px; width : 400px; font-size : 18px; position : relative}
 .autextright {position : absolute; margin-left : 20px; font-size : 18px; width : 500px}
 .auimgright {position : absolute; margin-left : 250px}
 .imgright3 {position : absolute; margin-left : 10px; top : 0px }
 ,ccaption {position : relative; width : 150px; font-size : 18px}
 .aulitri {position : absolute; margin-left : 20px; height : 350px; width : 500px}
 #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}
 #heading {font-size: 28px; font-weight :bold; position : relative; margin-left : 350px; top : 70px}
 
 /* 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}
 
/* end of general formatting  */

 /* 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 relating to online photo catalogue */
 
 #welcome {margin-left : 280px; font-weight : bold; font-size: 20px; color:maroon}
 
 #notes_heading { margin-left : 10px; font-size:18px; font-weight : bold}
 .sfields label { font-weight:bold}
 .sfields input {margin-left:1em}
 .button {text-align:center}
 .title { font-size: 18px; font-weight:bold;}
 #stitle { font-size: 18px; font-weight:bold; position : relative}

 #sfields1 label {font-weight:bold}
 #sfields1 input {margin-left:1em;line-height:1.2em}
 #field1 { margin-left:300px; margin-top:-20px;width : 300px}
 
  /* screen text formatting for photo catalogue section*/
 .fieldid {font-size:16px; font-weight : bold; color : maroon}
 .fieldid1 {font-size:16px; font-weight : bold; color : maroon; margin-left : 40px}
 .fielddata {font-size:16px; font-weight : bold; margin-left : 10px}
 .msg {font-size:16px; font-weight : bold; margin-left : 50px} 
 #records {font-size:14px; font-weight : bold; color : maroon; margin-left : 60px}
 #photo {position : absolute}
 #navbuttons {padding : 5px 0 5px 0; margin-top : 10px; margin-left : 400px; position:relative; width : 180px; 
              font-weight : bold; color : maroon}
 #cbutton {position:absolute; margin-left : 30px}
 #descfl {margin-left:400px; position:relative; font-size:16px; font-weight : bold; color : maroon}
 #descd {position:relative; margin-left : 400px; font-size:16px; font-weight : bold}
 #authorfl {position:relative; margin-left : 400px;font-size:16px; font-weight : bold; color : maroon}
 #authord {position:relative; margin-left : 10px; font-size:16px; font-weight : bold}
 #bilddata {font-size:16px; font-weight : bold; color : maroon}
 #bilddata1 {font-size:16px; font-weight : bold}
 #bildfld { margin-left : 20px;font-size:16px; font-weight : bold; color : maroon}
 #bildfdata { margin-left : 10px; font-size:16px; font-weight : bold}
 #bildfldr { margin-left : 20px; font-size:16px; font-weight : bold; color : maroon}
 #bildfdatar { margin-left :10px; font-size:16px; font-weight : bold}
 

 /* formatting relating to shopping cart */
 
#order ul {margin:0; padding:0; list-style:none}
.code {float:left; width:5em; text-align:left; font-size:18; font-weight:bold}
.desc {float:left; width:30em; text-align:left; font-size:18; font-weight:bold}
.qty {float:left; width:5em; text-align:left; font-size:18; font-weight:bold}
.cost {float:left; width:5em; text-align:left; font-size:18; font-weight:bold}

p.legend {font-weight : bold; font-size: 24px; color:maroon}


/* formatted heading - centre page */
#heading {width : 30em; text-align : center; font-weight : bold;font-size: 24px; color:maroon}
#order_no {margin-left : 40px; font-weight : bold;font-size: 24px;}

/* formatting order details page */
.lineh {float:left;	width:7em; text-align:left; font-weight : bold; font-size: 12px;background:#FBD7A1}
.linehl {float:left; width:11em; text-align:left; font-weight : bold; font-size: 12px;background:#FBD7A1}
.lineb {float:left;	width:29em; visibility:hidden; text-align:left;font-weight : bold; font-size: 12px;}

/* thumbnails for photo galleries */
.thumbh img {height : 60px;width : 100px;border:2px solid maroon; padding-top:10px; padding-bottom:2px; margin-right:2px; margin-bottom:20px;}
.thumbv img {height : 100px;width : 60px;border:2px solid maroon; padding-left:19px; padding-right:19px; margin-right:4px}
.thumbh button {background:#FEEBCF}
.thumbnail {height : 130px; width : 130px}

/* formatting main gallery display page */
#photoh {position:absolute; height : 324px;width : 545px;border : 4px solid maroon; margin-left:130px; 
   margin-top : -115px;overflow : hidden}
#photohl {position:absolute; height : 364px;width : 545px;border : 4px solid maroon; margin-left:130px; 
   margin-top : -115px;overflow : hidden}
#photov {position:absolute; height : 485px;width : 324px;border : 4px solid maroon; margin-left:130px; 
   margin-top : -115px;overflow : hidden}
#buttons {height : 20px; width : 120px; margin-left : 230px; background : #F9C7C2;font-weight : bold }
#nbuttons a{position:relative; background:maroon; color:#FEEBCF; margin-top : -310px; margin-left : 10px; padding-left:4px}
#npbutton input {background:maroon; color:#FEEBCF;margin-left : 10px; width:80px}
#nnbutton input {background:maroon; color:#FEEBCF;margin-left : 10px; width:80px}
.gnav {width : 60px; height : 10px}
#vcaption {position:relative; width : 250px; height : 100px; margin-left : 480px; margin-top : -115px; font-size:18px}
#captionh {position:relative; width : 800px; margin-left : 10px; margin-top : 220px; font-size:18px}
#captionhl {position:relative; width : 800px; margin-left : 10px; margin-top : 270px; font-size:18px}