* {font-size:100%;}

body {margin:0; padding:0; font-family:verdana, arial, sans-serif; font-weight:normal; color:#5f604b; font-size:0.8em; text-align:left; background-image:url("images/spacer.gif"); background-repeat:no-repeat;}

#setcenter {margin-left:auto; margin-right:auto; width:980px;}

#top {padding:0px; width:980px; height:160px; background-image:url("images/siheader.gif"); background-repeat:no-repeat;}

/* for include top.php */
table.hpagetop {float:right; padding-top:3px;}
.hpagetop td {padding:5px 19px 0 0; text-align:left; vertical-align:top;}

/* MENU BAR - margin left, width and ul li a padding fiddled with to fix ipad wraparound 6-12-19 */
#menubar {margin-left:35px; width:910px; height:30px; background-color:#fff; position:absolute; z-index:2; border:0px solid red;} /* see maincol */
#menubar ul {list-style:none; padding:0px; margin:0px;}
#menubar ul li {display:block; position:relative; float:left; margin-left:25px; border:0px solid #6991ab;}
#menubar li ul {display:none;}
#menubar ul li a {display:block; background:#fff; padding:5px 7px 5px 7px; text-decoration:none; white-space:nowrap; color:#5f604b; }
#menubar ul li a:hover {background:#e2e9ee; color:#000;}
#menubar li:hover ul {display:block; position:absolute; left:-20px;}/* dropdown hover - higher minus = less offset from top button  */
#menubar li:hover li {float:none;}
#menubar li:hover a {background:#fff;}/* dropdown hover */
#menubar li:hover li a:hover {background:#e2e9ee;}
#menubar #dropnav li ul li {border:0px solid #6991ab;}
#menubar li a.red {color:#f00;}

/* for sales page prices */
table.salestable {padding:0; margin:0; border:0px; width:550px;}
.salestable td {padding:0px 20px 5px 7px; text-align:left;}

/* absolute used to keep main col beneath menubar during drop-downs - see menubar */
#maincol {position:absolute; top:200px; width:980px;} 
#maincol p {padding:0px 10px 5px 10px; text-align:left;}
#maincol p.cecl {clear:left; text-align:center;}
#maincol p.ce {text-align:center;}
#maincol p.ju {text-align:justify;}
#maincol p.ce2 {text-align:center; font-size:0.8em;}
#maincol form {padding:0px 10px 5px 10px;}
#calcol {margin-left:0; margin-right:auto; width:850px;}
#bagcol {margin-left:0; margin-right:auto; width:800px;}

/* for home page special */
table.special {padding:0; margin-left:auto; margin-right:auto; border:0px; width:980px;}
.special td {padding:0; text-align:center; vertical-align: top; border:0px solid #80a1b6;}

/* for homepage slideshow - 2 boxes needed to produce 2px border */
#sshowbox1 {margin-left:10px; padding:2px; width:956px; height:346px; background-color:#666;}
#sshowbox2 {padding:0px; width:956px; height:346px;}

/* centrecol for gallery */
#centrecol {margin-top:65px; margin-left:auto; margin-right:auto; width:970px;} 
/* sets position of gallery? does not - affects position of gall footer */
#galstart {width:333px; height:333px; padding:0; margin-top:0px; margin-left:0px; background:#fff; text-align:left;}
#galfooter {margin-top:410px; margin-left:auto; margin-right:auto; width:960px;}

#centrecolgal {margin-left:auto; margin-right:auto; width:840px;} /* not used? */
.formbox {background-color:#eee;}
.centre {position:relative; left:0px; top:115px;}
.centre2 {position:relative; left:0px; top:-20px;}
.centregal {position:relative; left:0px; top:135px;}
.updatecentre {position:relative; left:0px; top:10px;}

/* for viewuploads.php */
.files {width:700px; font-size:0.8em; }
.files li {float:left; width:200px; padding:20px 10px 0 10px}

/* right image text */
#rightcol {float:right; width:220px; padding:0 5px 10px 10px;}
#rightcol p {margin:0; padding:5px 10px 5px 10px; text-align:center;}
/* #rightcol h6 {width:204px; font-weight:normal; display:block; margin:-4px 0 0 10px; padding:2px 0 4px 0; background-color:#444; text-align:center; font-size:0.8em;} replaced by span caption below */
#shiftleft {position:relative; left:-80px;}
.caption {width:204px; font-weight:normal; display:block; padding:2px 0 4px 0; background-color:#80a1b6; text-align:center; color:#fff; font-size:0.8em;}

h1 {text-align:center; font-weight:normal; font-size:1.4em;}
/* h2 and h3 have blue fade backgrounds - h3 is for the contact page */
h2 {text-align:left; width:500px; font-weight:normal; font-size:1.2em; margin:0 0 0 10px; padding:0 10px 2px 10px; display:block; background:url(images/siback2.gif) no-repeat;  color:#fff; }
h3 {text-align:left; width:300px; font-weight:normal; font-size:1.2em; margin:0 0 0 10px; padding:0 10px 2px 10px; display:block; background:url(images/siback3.gif) no-repeat;  color:#fff; }
h4 {font-weight:bold; font-size:1.4em;} /* for new gallery heading */
h5 {text-align:center; font-weight:normal; font-size:0.7em;}

/* for home page logos - tables used */
.flickr td {padding:10px 0px 0 12px; text-align:left; vertical-align:top;}
.rspb td {padding:10px 0px 0 12px; text-align:left; vertical-align:top;}
.alamy td {padding:10px 11px 0 0px; text-align:left; vertical-align:top;}

#instructs {padding:0 50px 0 0;}
.ce {text-align:center;}
.le {text-align:left;}
.ri {text-align:right;}
.ju {text-align:justify;}
.flle {float:left;}
.flri {float:right;}
.flrimt {float:right; margin-top:30px;}/* for home page comp winner logo */
.clle {clear:left;}
.clri {clear:right;}
p.red {font-weight:bold; color:#f00;}
.bor {border:2px solid #666;}
input {background-color:#eee;}
input.narrow {position:absolute; left:130px;}
input.wide {position:absolute; left:260px;}
textarea {background-color:#eee; font-family:verdana, arial, sans-serif;}
textarea.narrow {position:absolute; left:130px;}
textarea.wide {position:absolute; left:260px;}
select {background-color:#fff;}
select.wide {position:absolute; left:260px;}
label {float:left; width:180px;}
hr {background-color:#333;}
a img {border:none;}
a {outline: 0;} /* does not work */

/* for contact page - not used now */
.error {color:#FF0000;}

/* for Reduced page */
.redred {color:#f00;}

/* box for workshops slideshow */
.wshopslides {float:right; padding:0 20px 0 20px;}

/* box for photo tours slideshow and one to one slideshow */
.phototoursslides {float:right; padding:0 20px 0 20px;}

/* diary slides box for slideshow */
.diaryslides {float:right; padding:0 10px 0 20px;}

/* inline navs */
a.txt:link {color:#6991ab; background:none repeat; font-size:1em; font-weight:normal; text-decoration:underline;}
a.txt:visited {color:#6991ab; background:none repeat; font-size:1em; font-weight:normal; text-decoration:underline;}
a.txt:hover {color:#333; background:none repeat; font-size:1em; font-weight:normal; text-decoration:none;}
a.txt:active {color:#6991ab; background:none repeat; font-size:1em; font-weight:normal; text-decoration:underline;}

/* update menu */
#chart {clear:left; display:block; width:840px; height:400px; position:relative; top:15px; left:60px;}
#chart 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:250px; left:0px;}

#posn1b {top:0px;  left:160px;}
#posn2b {top:25px; left:160px;}
#posn3b {top:50px; left:160px;}
#posn4b {top:75px; left:160px;}
#posn5b {top:100px; left:160px;}
#posn6b {top:125px; left:160px;}
#posn7b {top:150px; left:160px;}
#posn8b {top:175px; left:160px;}
#posn9b {top:200px; left:160px;}
#posn10b {top:225px; left:160px;}

#posn1c {top:0px;  left:340px;}
#posn2c {top:25px; left:340px;}
#posn3c {top:50px; left:340px;}
#posn4c {top:75px; left:340px;}
#posn5c {top:100px; left:340px;}
#posn6c {top:125px; left:340px;}
#posn7c {top:150px; left:340px;}
#posn8c {top:175px; left:340px;}
#posn9c {top:200px; left:340px;}
#posn10c {top:225px; left:340px;}

#posn1d {top:0px;  left:500px;}
#posn2d {top:25px; left:500px;}
#posn3d {top:50px; left:500px;}
#posn4d {top:75px; left:500px;}
#posn5d {top:100px; left:500px;}
#posn6d {top:125px; left:500px;}
#posn7d {top:150px; left:500px;}
#posn8d {top:175px; left:500px;}
#posn9d {top:200px; left:500px;}
#posn10d {top:225px; left:500px;}

#posn1e {top:0px;  left:670px;}
#posn2e {top:25px; left:670px;}
#posn3e {top:50px; left:670px;}
#posn4e {top:75px; left:670px;}
#posn5e {top:100px; left:670px;}
#posn6e {top:125px; left:670px;}
#posn7e {top:150px; left:670px;}
#posn8e {top:175px; left:670px;}
#posn9e {top:200px; left:670px;}
#posn10e {top:225px; left:670px;}