/* COMMON (always use margin 0 padding 0 if using floats) */
body {margin:0; padding:0; font-size:100%; width:99%; font-family:Calibri, Geneva, sans-serif; font-weight:normal; color:#444; text-align:center; background-color:white;}

#fluid {margin-left:auto; margin-right:auto; text-align:left; width:90%; max-width:1400px; border:0px solid #555;}

#header {text-align:center; padding-top:5px; margin-top:15px; width:100%; font-size:1.0em; background-color:#000; border:0px solid blue;}
.logo img {width:66%; max-width:840px;}

/* NAVIGATION */
#navbar {padding-top:20px; width:100%; background-color:transparent; text-align:center; margin:0; border:0px solid black;}
.nav, .current {margin-left:20px; margin-right:20px; padding:0; font-size:1.4em;}
.nav:link {color:#000; text-decoration:none;}
.nav:visited {color:#000; text-decoration:none;}
.nav:hover {color:#999; text-decoration:none;}
.nav:active {color:#000; text-decoration:none;}
.current {color:#999; text-decoration:none;}

/* HOMEPAGE and MESSAGES page*/
#homecol {margin:0; padding-left:2%; padding-right:2%; width:94%; font-size:1.2em;}
h1 {font-size:1.3em;}
.homefooter {text-align:center; font-size:0.7em;}

/* HOMEPAGE bottom navigation */
.bottomnav {margin-left:auto; margin-right:auto; padding:0; width:100%; text-align:center; font-size:0.9em;}
.bottomnav td {padding:5px 10px 5px 10px; vertical-align:top; border:0px dotted green;}
.bottomnav td .ju {padding:5px 10px 5px 10px; font-size:0.9em; text-align:justify; border:0px dotted blue;}
.bottomnav td img {width:90%;}
a.bnav:link {color:#000; text-decoration:none; font-size:1.2em;}
a.bnav:visited {color:#000; text-decoration:none; font-size:1.2em;}
a.bnav:hover {color:#999; text-decoration:none; font-size:1.2em;}
a.bnav:active {color:#000; text-decoration:none; font-size:1.2em;}

/* GALLERIES - (for SALES pages inc calendar) */
#gallerycol {margin-left:auto; margin-right:auto; margin-top:17px; padding-left:4%; padding-right:2%; width:94%;  text-align:center; font-size:0.9em; background-color:transparent; border:0px dotted green;}
p.gallerysm {text-align:center; font-size:0.8em; font-style:italic; }
p.gallerysm a.txt:link {color:#000; text-decoration:underline;}
p.gallerysm a.txt:visited {color:#000; text-decoration:none;}
p.gallerysm a.txt:hover {color:#888; text-decoration:none;}
p.gallerysm a.txt:active {color:#888; text-decoration:none;}
p.galleryvsmall {text-align:center; font-size:0.5em;}
.alignbot {vertical-align:text-bottom;} /* for viewcart.jpg */
.jusm {text-align:justify; font-size:0.9em;}
.salesfooter {text-align:center; font-size:0.9em;}

/* extra for calendar */
.calmax	{width:90%; max-width:800px;} /* for calendar.jpg */
.large {font-size:1.4em; font-weight:bold;}

/* INLINE NAVS */
a.txt:link {color:#666; text-decoration:underline;}
a.txt:visited {color:#666; text-decoration:underline;}
a.txt:hover {color:#bbb; text-decoration:none;}
a.txt:active {color:#666; text-decoration:underline;}

/* ----------- GENERAL ----------- */
.le {text-align:left;}
.ce {text-align:center;}
.ju {text-align:justify;}
.flri {float:right; margin-top:1px;}
.flle {float:left;}
.clri {clear:right;}
.clle {clear:left;}

/* ----------- UPDATES PAGES ----------- */
fieldset {margin-left:auto; margin-right:auto; margin-top:3em; width:90%;}
.updatetable {margin-left:auto; margin-right:auto; padding:0; width:90%; text-align:left; font-size:1.0em;}
.updatetable td {padding:1em; border:0px dotted gray;}
#updatecol {text-align:left; font-size:1.0em; padding:5%; width:90%;}
#instructs {font-size:0.8em;}
label {float:left; width:110px;}

#menuchart {clear:left; display:block; width:940px; height:250px; 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;}

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

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