* {font-size:100%;}

body {margin-top:5px; padding:0; font-family:verdana, arial, sans-serif; font-weight:normal; text-align:center;  color:#000; background-color:#3b3b3b;}

#container {margin-left:auto; margin-right:auto; text-align:left; width:950px; background-color:#fff;}

#containerdark {margin-left:auto; margin-right:auto; text-align:left; width:950px; background-color:#3b3b3b;}

/* for orange page top */
#orangecon {margin-top:-15px; margin-left:auto; margin-right:auto; text-align:left; width:950px; background-color:#f7ba00;}
#orangecon .hdr {padding-top:25px;  padding-bottom:15px;  font-size:1.2em; color:#fff;}
#orangecon .lgr {font-size:1.1em;}
#orangecon .ce {text-align:center; font-size:1.0em;}

#head {padding:0px; margin:0px; background-color:#3b3b3b;}

#navbar {padding-top:12px; width:950px; height:48px; text-align:left; overflow:hidden; font-size:1.2em; border:0px dotted red; background-color:#3b3b3b;}
.nav, .current {float:left; margin:0; padding:4px 47px 0px 0px;}
.navrhe, .currentrhe {float:left; margin:0; padding:4px 0px 5px 4px;}/* for right hand end button */
.nav:link, .navrhe:link {color:#f7ba00; font-weight:normal; text-decoration:none; background-color:inherit;}
.nav:visited, .navrhe:visited {color:#f7ba00; font-weight:normal; text-decoration:none; background-color:inherit;}
.nav:hover, .navrhe:hover {color:#888; font-weight:normal; text-decoration:none; background-color:inherit;}
.nav:active, .navrhe:active {color:#f7ba00; font-weight:normal; text-decoration:none; background-color:inherit;}
.current, .currentrhe {color:#fff; font-weight:normal; text-decoration:none; background-color:inherit;}

#navbar2 {margin:5px 0 0 490px; width:460px; height:20px; text-align:left;  font-size:0.8em; z-index:10;}
#navbar3 {margin:5px 0 0 120px; width:360px; height:20px; text-align:left;  font-size:0.9em; z-index:10;}

#maincol {margin:0px 0 30px 0; padding:0; color:inherit; background-color:#fff; }
/* for admin pages */
#maincol2 {margin:10px 0 30px 0; padding:10px; color:inherit; font-size:0.9em; background-color:#fff;}
/* for gallery pages */
#gallerycol {margin:0px 0 30px 0; padding:0px; color:inherit; font-size:0.9em; background-color:#fff;}

#ceviewer {padding:10px 0 0 65px;}  

/* for sales page - cards */
#narrowcards {margin-left:auto; margin-right:auto; width:650px;}

.files {width:900px; font-size:0.7em; }
.files li {float:left; width:200px; padding:20px 20px 0 0}
ul {list-style:none;}
form label {float:left; width:200px;}

/* commissions login */
.topri {float:right; font-size:0.8em; padding:0 5px 0 0;}
label {font-size:0.9em; float:left; width:80px;}
.frm {font-size:0.9em;}

/* font is necessary */
textarea {font-size:0.9em; color:#000; font-family:verdana, arial, sans-serif;}
img {border:none;}
#maincol {border-top:5px solid #f8bb00;}
#maincol img {border:none;}
#maincol img.bdr {border:5px solid #f8bb00;}
#maincol img.bdr1 {border:1px solid #f8bb00;}
#maincol img.bdr2 {border:4px solid #999;}
#maincolhome img.gnbdr {border:2px solid #3f9238;}

#maincol p { padding: 0 10px 10px 10px; margin:0.5em; font-size:0.8em; line-height:120%; text-align:justify; }
#maincol p.ce {text-align:center;}
#maincol p.cesm {text-align:center; font-size:0.7em; }
#maincolhome p.cesm {text-align:center; font-size:0.7em; }
#maincolhome p { padding: 0 10px 10px 10px; margin:0.5em; font-size:0.8em; line-height:120%; text-align:left; }
#maincolhome img.bdr {border:5px solid #f8bb00;}
#maincolhome p.nobdr {padding:0px; margin:0px;}

#maincoldark {background-color:#3b3b3b;}
#maincoldark img {border:none;}

#calcol {margin-left:0; margin-right:auto; width:840px;}

.cewh {text-align:center; color:#000; font-size:0.8em;}  /* for viewer instructions on galleries page */

/* for home page boxes */
table.boxes {margin-left:8px; margin-right:auto;}
table.boxes td{padding-left:5px;}

/* for Lectures page images */
table.lecpics {margin-left:0; margin-right:auto; width:950px;}
table.lecpics td{text-align:center;}

/* for sales home page images */
table.sales {margin-left:0; margin-right:auto; width:950px;}
table.sales td{text-align:center;}

/* h1 for update pages */
h1 {padding:20px;  font-size:1.0em;}

/* h2 for optional headings diary etc */
h2 {margin:10px 10px 0 14px; padding:0.3em; font-size:0.9em; color:#000; background-color:inherit;}

/* for tours (holidays) page EN header */
.enheader {margin-left:10px; margin-top:13px;}

h3 {margin:0; padding:0 1em 0 1em; font-size:0.9em; color:#000; background-color:inherit;}
#maincolmail p.lgtxt {font-size:0.8em; line-height:115%;}

.je {text-align:justify;}
.ce {text-align:center;}
.le {text-align:left;}

/* h4 for headings */
h4 {padding:20px 0 0 20px;  font-size:1.1em; color:#000;  background-color:inherit;}

/* h4 for headings on Holidays and Lectures pages */
h5 {padding:20px 0 0 20px;  font-size:1.1em; color:#fff;  background-color:inherit;}

/* to highlight years in gettoursentries */
.celg {text-align:center; font-size:2.0em; color:#fff;}

/* for Tours & Workshops page */
.dark {background-color:transparent; background-image:url('agwiimages/transdark.png');}

/* cegrey for commissions page */
.cegrey {text-align:center; border-top:15px solid #999; background-color:#999; color:inherit;}

.flri {float:right; padding:0 0 2em 2em;}


/* whiflri for portfolio page */
#maincol p.whiflri {float:right; font-size:1em; color:white; background-color:inherit; }
.flle {float:left; padding:0 2em 2em 0;}
.clri {clear:right;}
.clle {clear:left;}
#instructs {padding:0 50px 0 20px; font-size:0.7em; }

/* contact form */
.error {color:red;}

/* multiple pages */
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: none;
    border-width: 1px;
    height: 7px;
    background-color: #f8bb00;
} 

/* forms */
.formbox {background-color:#eee; color:inherit; color:#000;}
form td {font-size:0.8em;}
a {outline:none;}
a.nav {outline:none;}
.msgbox {background-color:#eee; color:inherit; color:#000;}

/* for galleries  navbar2 */
.navg, .currentg {float:left; margin:0; padding:0px 0px 0px 15px;}
.navg:link {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}
.navg:visited {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}
.navg:hover {color:#888; font-weight:normal; text-decoration:none; background-color:inherit;}
.navg:active {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}
.currentg {color:#c00; font-weight:normal; text-decoration:none; background-color:inherit;}

/* for sales navbar3 */
.navs, .currents {float:left; margin:0; padding:0px 0px 0px 15px;}
.navs:link {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}
.navs:visited {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}
.navs:hover {color:#999; font-weight:normal; text-decoration:none; background-color:inherit;}
.navs:active {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}
.currents {color:#c00; font-weight:normal; text-decoration:none; background-color:inherit;}

.nav2:link {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}
.nav2:visited {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}
.nav2:hover {color:#888; font-weight:normal; text-decoration:none; background-color:inherit;}
.nav2:active {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}

a.lnk {font-size:0.9em; padding:0.2em 0.5em 0.2em 0.5em;}
a.lnk:link {color:#036; background:#ddd; text-decoration:none;}
a.lnk:visited {color:#036; background:#ddd; text-decoration:none;}
a.lnk:hover {color:#fff; background:#ddd; text-decoration:none;}
a.lnk:active {color:#036; background:#ddd; text-decoration:none;}

a.txt {font-size:0.9em;}
a.txt:link {color:#000; text-decoration:underline; background-color:inherit;}
a.txt:visited {color:#000; text-decoration:underline; background-color:inherit;}
a.txt:hover {color:#999; text-decoration:none; background-color:inherit;}
a.txt:active {color:#000; text-decoration:underline; background-color:inherit;}

a.txt2 {font-size:1em; float:right;}
a.txt2:link {color:#ccc; text-decoration:none; background-color:inherit;}
a.txt2:visited {color:#ccc; text-decoration:none; background-color:inherit;}
a.txt2:hover {color:#888; text-decoration:none; background-color:inherit;}
a.txt2:active {color:#ccc; text-decoration:none; background-color:inherit;}

/* for home page */
#chart {clear:right; display:block; width:960px; height:140px; position:relative; top:5px; left:10px;}
#chart div {position:absolute; padding:0 12px 8px 1px; color:#ccc; background:none; line-height:150%; font-size:0.9em; text-align:center;}
#chart div#posn1 {top:0px; left:5px; }
#chart div#posn2 {top:0px; left:160px; }
#chart div#posn3 {top:0px; left:315px; }
#chart div#posn4 {top:0px; left:470px; }
#chart div#posn5 {top:0px; left:625px; }
#chart div#posn6 {top:0px; left:780px; }

/* for add to cart buttons */
.cart {padding-left:18px;}
/* for view cart buttons */
.cart2 {padding-left:145px;}

/* borders for for sales - prints and canvases - REMOVED FLOAT:RIGHT FOR PORTRAITS  */
#printscol {margin-left:auto; margin-right:auto; width:900px; background-color:inherit;}
/* margp margl used to fit print or canvas in centre of background border */
.margp {margin:53px 0 0 47px;}
.margl {margin:53px 0 0 47px;}
/* margin-top used to push div class portr1 etc down to avoid conflict with descr text */
#printscol .portr1 {width:453px; height:620px; border:none; margin-top:50px; background:#ffc url(agwiimages/portr1.jpg) no-repeat; margin-left:12px;}
#printscol .portr2 {width:453px; height:620px; border:none; margin-top:50px; background:#ffc url(agwiimages/portr2.jpg) no-repeat; margin-left:12px;}
#printscol .portr3 {width:453px; height:620px; border:none; margin-top:50px; background:#ffc url(agwiimages/portr3.jpg) no-repeat; margin-left:12px;}
#printscol .portr4 {width:453px; height:620px; border:none; margin-top:50px; background:#ffc url(agwiimages/portr4.jpg) no-repeat; margin-left:12px;}
#printscol .portr5 {width:453px; height:620px; border:none; margin-top:50px; background:#ffc url(agwiimages/portr5.jpg) no-repeat; margin-left:12px;}
#printscol .portr6 {width:453px; height:620px; border:none; background-image:url(agwiimages/portr6.png); background-repeat:no-repeat; margin-left:12px;}

#printscol .lands1 {float:right; width:620px; height:453px; border:none; margin-top:50px; background:#ffc url(agwiimages/lands1.jpg) no-repeat; margin-left:12px;}
#printscol .lands2 {float:right; width:620px; height:453px; border:none; margin-top:50px; background:#ffc url(agwiimages/lands2.jpg) no-repeat; margin-left:12px;}
#printscol .lands3 {float:right; width:620px; height:453px; border:none; margin-top:50px; background:#ffc url(agwiimages/lands3.jpg) no-repeat; margin-left:12px;}
#printscol .lands4 {float:right; width:620px; height:453px; border:none; margin-top:50px; background:#ffc url(agwiimages/lands4.jpg) no-repeat; margin-left:12px;}
#printscol .lands5 {float:right; width:620px; height:453px; border:none; margin-top:50px; background:#ffc url(agwiimages/lands5.jpg) no-repeat; margin-left:12px;}
#printscol .lands6 {float:right; width:620px; height:453px; border:none; background-image:url(agwiimages/lands6.png); background-repeat:no-repeat; margin-left:12px;}

#printscol .wide1 {float:right; width:620px; height:287px; border:none; margin-top:50px; background:#ffc url(agwiimages/wide1.jpg) no-repeat; margin-left:12px;}
#printscol .wide2 {float:right; width:620px; height:287px; border:none; margin-top:50px; background:#ffc url(agwiimages/wide2.jpg) no-repeat; margin-left:12px;}
#printscol .wide3 {float:right; width:620px; height:287px; border:none; margin-top:50px; background:#ffc url(agwiimages/wide3.jpg) no-repeat; margin-left:12px;}
#printscol .wide4 {float:right; width:620px; height:287px; border:none; margin-top:50px; background:#ffc url(agwiimages/wide4.jpg) no-repeat; margin-left:12px;}
#printscol .wide5 {float:right; width:620px; height:287px; border:none; margin-top:50px; background:#ffc url(agwiimages/wide5.jpg) no-repeat; margin-left:12px;}
#printscol .wide6 {float:right; width:620px; height:287px; border:none; background-image:url(agwiimages/wide6.png); background-repeat:no-repeat; margin-left:12px;}

/* for default gallery page SOME not needed when new multi-gallery page built??? */
#chart2 {clear:right; display:block; width:960px; height:350px; position:relative; top:-25px; left:3px;}
#chart2 div {position:absolute; padding:0px 12px 8px 5px; background:none; line-height:150%; font-size:0.9em; text-align:center; color:#fff;}
#chart2 div#posn1 {top:0px; left:5px; }
#chart2 div#posn2 {top:0px; left:160px; }
#chart2 div#posn3 {top:0px; left:315px; }
#chart2 div#posn4 {top:0px; left:470px; }
#chart2 div#posn5 {top:0px; left:625px; }
#chart2 div#posn6 {top:0px; left:780px; }

/* for default gallery page */
table.galldefault {margin-left:auto; margin-right:auto; margin-top:-30px; padding-left:7px; width:900px;}
.navg2 {margin-left:0; padding-left:0;}
.navg2:link {color:#000; font-weight:normal; text-decoration:none; background-color:inherit;}
.navg2:visited {color:#000; font-weight:normal; text-decoration:none; background-color:inherit;}
.navg2:hover {color:#888; font-weight:normal; text-decoration:none; background-color:inherit;}
.navg2:active {color:#000; font-weight:normal; text-decoration:none; background-color:inherit;}


/* for default sales page */
#chart3 {clear:right; display:block; width:960px; height:200px; position:relative; top:-25px; left:45px;}
#chart3 div {position:absolute; padding:0px 12px 8px 5px; background:none; line-height:150%; font-size:0.9em; text-align:center; color:#fff;}
#chart3 div#posn1 {top:0px; left:20px; }
#chart3 div#posn2 {top:0px; left:320px; }
#chart3 div#posn3 {top:0px; left:620px; }
.navg3 {margin:0; padding:0;}
.navg3:link {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}
.navg3:visited {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}
.navg3:hover {color:#999; font-weight:normal; text-decoration:none; background-color:inherit;}
.navg3:active {color:#ccc; font-weight:normal; text-decoration:none; background-color:inherit;}

#menuchart {clear:left; display:block; width:940px; height:350px; position:relative; top:15px; left:60px; font-size:0.9em; }
#menuchart div {position:absolute; padding:1px 3px 1px 3px;}

#posn1a {top:0px;  left:0px;}
#posn2a {top:25px; left:0px;}
#posn3a {top:50px; left:0px;}
#posn4a {top:75px; left:0px;}
#posn5a {top:100px; left:0px;}
#posn6a {top:125px; left:0px;}
#posn7a {top:150px;  left:0px;}
#posn8a {top:175px; left:0px;}
#posn9a {top:200px; left:0px;}
#posn10a {top:225px; left:0px;}
#posn11a {top:250px; left:0px;}
#posn12a {top:275px; left:0px;}
#posn13a {top:300px; left:0px;}
#posn14a {top:325px; left:0px;}

#posn1b {top:0px;  left:300px;}
#posn2b {top:25px; left:300px;}
#posn3b {top:50px; left:300px;}
#posn4b {top:75px; left:300px;}
#posn5b {top:100px; left:300px;}
#posn6b {top:125px; left:300px;}
#posn7b {top:150px; left:300px;}
#posn8b {top:175px; left:300px;}
#posn9b {top:200px; left:300px;}
#posn10b {top:225px; left:300px;}
#posn11b {top:250px; left:300px;}
#posn12b {top:275px; left:300px;}
#posn13b {top:300px; left:300px;}
#posn14b {top:325px; left:300px;}

#posn1c {top:0px;  left:600px;}
#posn2c {top:25px; left:600px;}
#posn3c {top:50px; left:600px;}
#posn4c {top:75px; left:600px;}
#posn5c {top:100px; left:600px;}
#posn6c {top:125px;  left:600px;}
#posn7c {top:150px; left:600px;}
#posn8c {top:175px; left:600px;}
#posn9c {top:200px; left:600px;}
#posn10c {top:225px; left:600px;}
#posn11c {top:250px; left:600px;}
#posn12c {top:275px; left:600px;}
#posn13c {top:300px; left:600px;}
#posn14c {top:325px; left:600px;}