/* 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}
#wrap {max-width:800px; min-width:480px;width:90%}
body{background:#FEEBCF}
p {font-size:18px}
.lupd { margin-left : 10px; font-size:18px; font-weight : bold}
						
a:link, a:visited {text-decoration:none;font-weight : bold; color:#FEEBCF}

#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;}
#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;}

/* 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}
 #hlphoto {margin-left : 25px}
 #hphoto {margin-left : 40px}


 /* 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;}