body { font-family: Arial, Helvetica, sans-serif; background: #E2E8FC url(graphics/bg.jpg); margin: 0px; padding: 0px; }
.main { font-family: Arial, Helvetica, sans-serif; padding: 5px; margin-left: 10px; min-width:820}
#wrapper {  background: url(graphics/bg-180.png) repeat-y left; min-width: 810px }
.wrapper { background: url(graphics/bg-180.png) repeat-y left; width: 960px; }
.widenav { background: url(graphics/bg-180.png); width: 180px; float: left; }
ul#nav{ margin-left: 0px; padding-left: 10px; }
#nav li { color: #B0D8FF; list-style-type: none;  padding-bottom: 5px; padding-top:5px; font-family: Celtic, "Century Gothic", "Trebuchet MS", fantasy; }
#nav ul{ margin-left: 10px; padding-left: 10px; margin-bottom: 10px; }
#nav a { color: #FFF; text-decoration: none; }
#nav a:hover { color: #FFFAEA; } 
ul#othernav  { margin-left:0px; padding-left:0px;}
#othernav li { font-family: "Trebuchet MS", fantasy; color: #FFC; list-style-type: none; font-weight: bold; padding-bottom: 15px; text-align: center; line-height: 1em; margin-left: 0px; padding-left: 0px; margin-right: 10px; }
#othernav li a { color: #FFC; text-decoration: none; }
#othernav li a:hover { color: #FDE4CE; text-decoration: none; }
h2 { font-family: Geneva, Arial, Helvetica, sans-serif; color: #780019; font-size: 18px; }
h3 {padding-left: 152px; font-size:.8em;  }
.tiny { font-size: 10px; }
.item { background: #CCD2E2 url(graphics/bg-blue.gif); border: 1px solid #8598CB;padding: 5px 5px 30px 5px; overflow: visible; }
.item img { margin: 10px; padding: 4px; border: 2px solid #6A87D2; }
.item h1 { background: #EEEBCC url(graphics/bg-gold.gif); border: 1px solid #E6DBB5; padding-top: 7px; text-align: center; margin-bottom: 10px; position: relative; }
.sqlitem { background: #CCD2E2 url(graphics/bg-blue.gif); border: 1px solid #8598CB; margin-left: 180px; margin-right: 5px; padding: 5px 5px 30px 5px; overflow: visible; }
.sqlitem img, .type img { margin: 10px; padding: 4px; border: 2px solid #6A87D2; }
.sqlitem h1 { background: #EEEBCC url(graphics/bg-gold.gif); border: 1px solid #E6DBB5; padding-top: 7px; text-align: center; margin-bottom: 10px; position: relative; }
.sqlitem p {margin: 5px 20px 10px}
#graphics { font-size: 0.85em; padding: 2px; color: #165498; text-align: center; float: right; width: auto; margin-bottom: 10px; margin-left:2px; margin-right:0px;}
#graphics img {margin-bottom: 1px; margin-right:2px; margin-left:2px; }
#desc strong { font-weight: 700; }
#desc {width:auto; clear:left;}
.cleardesc { overflow: hidden; }
.type { border: 1px solid #8598CB; margin-left: 180px; margin-bottom: 80px; margin-right:5px; padding: 5px; overflow: hidden; width:auto; min-width:600px; }
.type .typedesc { float: left; width: 330px; background: #D9CAAE url(graphics/bg-gold.gif); padding: 5px; border: 1px solid #C0A587; font-size: 0.9em; margin-right: 15px; ; }

.blueback { float: left; width: 125px; padding-top: 5px; margin: 0px; }
.blueback img { display: block; border-width: 0px; }
.beigebg { background: #D9CAAE url(graphics/bg-gold.gif); padding: 5px; border: 1px solid #C0A587; }
h1.beigebg, .charmbox h1 { text-align:center; padding: 6px; margin-bottom: 5px; }
.floatleft {float: left; margin-right: 10px; }
.floatRight {float:right; margin-left: 10px; }

.gold { color: #081842; border: 1px solid #C0A587; font-size: 12px; float: none; text-align: justify; background: #DDD1AE url(graphics/bg-gold.gif); margin-top: 10px; width: 100%; padding: 5px; margin-bottom: 10px; }
.tan { background: #DCCAAC url(graphics/bg-gold.gif); padding: 5px; border: 1px solid #D8C1AF; margin-top: 5px; margin-bottom: 5px; }
.gold th { background: #C7A88B; padding: 5px 5px 5px 10px; }
.gold td { padding: 8px; }
.gold A:link { color: #081842; text-decoration: none; }
.gold a:visited { color: #081842; text-decoration: none; }
.gold img { border: 3px solid #72613F; }

.orderbox { color: #081842; border: 1px solid #C0A587; background: #DDD1AE url(graphics/bg-gold.gif); margin:5px 30px 20px 10px; width:400px; float:left;}
.orderbox th { background: #C7A88B; padding: 5px 5px 5px 10px; }
.orderbox td { padding: 8px; font-size: 0.8em; }
.orderbox A:link { color: #081842; text-decoration: none; }
.orderbox a:visited { color: #081842; text-decoration: none; }
.orderbox img { border: 3px solid #72613F; }
.wide { margin:10px 10px;}
.allitems img { border: 1px solid #445EA2; }
.allitems TD { text-align: center; margin: 8px; padding: 8px; font-weight: 700; background: #9BAAD6 url(graphics/bg-blue.gif); border: 1px solid #8598CB; width: 120px; }
.allitems TH { font-size: 18px; background-color: #DAC6A1; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #780019; }
.allitems A:link { color: #0000FF; }
.allitems A:visited { color: #1F009B; }
.allitems A:hover { color: #780019; }

.charms { width:100%; clear: left; }
.charms img { background: #9BAA00 url(graphics/bg-blue.gif); border: 1px solid #8598CB; padding:5px; float:left; width:100px; margin-right: 6px; margin-bottom: 10px; margin-top:10px; }
.charms .gold { float: left; height: 130px; width: 400px; margin-bottom: 10px; margin-top:10px; }
.charmbox { border: 1px solid #8598CB; margin-left: 180px; margin-bottom: 80px; margin-right:5px; padding: 5px; overflow: hidden; width:660px; } 
.charmbox dl { margin: 20px 0px 0px; }
.charmbox dt { font-weight: 700; float: left; width: 100px; text-align: right; padding-right: 10px; clear: left; }
.charmbox dd { padding-bottom: 10px; }
.charms form { color: #081842; border: 1px solid #C0A587; background: #DDD1AE url(graphics/bg-gold.gif); float: left; height: 126px; width: 400px; margin-bottom: 10px; margin-top:10px; padding: 2px; }
.charms form h2 { background: #C7A88B; padding: 8px 5px; margin-top: 1px; margin-right: 1px; margin-bottom: 10px; }
.charms form select { margin: 25px 10px 5px; }

.next { background: #CCD2E2; border: 1px solid #9BAAD6; }
.next td { padding: 10px; }
h1 { color: #780019; font-family: "Celtic Bold", Verdana, Sans-serif; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; }
form { margin: 0px; padding: 0px; }
.other { background: #CCD2E2; border: 1px solid #C4C7CE; padding: 20px; font-size: .80em; }
.header { background: url(graphics/bg-gold.gif); padding: 5px; border: 1px solid #C0A587; }
.usage {background-color:#fff; }
.usage img {border: 0px;}

.mainpage { font-family: Arial, Helvetica, sans-serif; padding: 5px; margin-left: 130px; }
.footer { text-align: center; margin-left: 130px; }
.item .quote { margin-left: 30px; font-size: 1em; line-height: 2em; font-weight: bold; color: #4E3E21; margin-top: 20px; }
.december { color: #339900; background-color: #FFFFFF; border: 2px double #FF0000; padding: 5px; width: 500px; margin-right: auto; margin-left: auto; font-weight: bold; }
#cross { border: 1px solid #2D3A68; padding: 5px; margin: 10px 50px; overflow: auto; text-align: left; background: url(graphics/bg-ltblue.jpg); }
#cross p { padding-top: 5px; padding-left: 25px; font-size: 1.2em; color: #2D3A68; }
#cross b{ color: #780019; }
#cross ul { list-style-type: none; margin: 20px; padding: 0px; }
#cross li { float: left; width: 130px; padding: 0px 5px 10px; font-size: 0.8em; text-align: center; height: 140px; margin-right: 10px; margin-left: 10px; font-weight:bold; }
#cross img { border: 1px solid #006; margin: 0px; float: none; }
#pagelist{ overflow: auto; width: auto; }
#pagelist ul { list-style-type: none; padding-left: 0px; margin-top: 0px; padding-top: 0px; margin-left:0px;}
#pagelist li { float: left; width: 120px; padding: 5px; font-size: 1em; font-weight:bold; text-align: center; height: 140px; margin: 5px; background: #CCD2E2 url(/graphics/bg-ltblue.jpg); border: 1px solid #6A87D2; }
#pagelist img { border: 1px solid #006; margin: 0px; float: none; }
.spacer { width: 800px; height:20px;  }
.quote { font-size: .9em; padding-right: 20px; padding-left: 20px; }
.beigebg { padding: 0px 10px 10px; }