a                    {text-decoration: none;}
a:link, a:visited    {font-weight: bold;}
a:hover              {font-weight: bold; text-decoration: underline;}

body                 {background-color: #330066; font-size: small;}

body, a, th, td, div, span, p, address, h1, h2, h3, h4, h5, h6, input, option, textarea, select, ul, blockquote
                     {font-family: Arial, Tahoma, "MS Sans Serif", "Trebuchet MS", Verdana, Helvetica, sans-serif;}

.blockquote         {background-color: #ffe4e1; border: 1px dashed #ffc0cb; padding: 15px; margin: 10px;}

.centre, #centre     {text-align: center}
.left, #left         {text-align: left}
.right, #right       {text-align: right}

.verttop, #verttop   {vertical-align: top}
.vertmid, #vertmid   {vertical-align: middle}
.vertbot, #vertbot   {vertical-align: bottom}

.imgLeft, #imgLeft   {float: left}
.imgRight, #imgRight {float: right}
.imgLeftPad, #imgLeftPad   {float: left; padding-right: 5px; margin-right: 5px}
.imgRightPad, #imgRightPad {float: right; padding-left: 5px; margin-left: 5px}
.clearImg, #clearImg {clear: both}

.bordered1           {border: 1px solid #ccccff}
.button1             {background-color: #ffffcc}

.cartHeader          {
                        text-align: center; vertical-align: middle;
                        color: #ffffff; font-size: 130%;
                        background: url(graphics/bkg/btn00001.jpg) #663366 repeat;
                     }
.cartFooter          {
                        vertical-align: middle; color: #ffffff;
                        font-size: 80%;
                        background: url(graphics/bkg/btn00001.jpg) #663366 repeat;
                        padding: 2px;
                     }

.cartFooter a        {
                        color: #f8f8ff; font-weight: bold; 
                        text-decoration: none; 
                     }
.cartFooter a:visited
                     {color: #dcdcdc; text-decoration: none;}
.cartFooter a:hover  {color: #ffffff; text-decoration: none;}

.colContent          {width: 800px; border: 1px solid #660066; background-color: #ffffff;}
.colMainContent      {height: 460px; padding: 10px;}
.colSide             {padding: 0px; text-align: center; background-color: #d8bfd8;}
.colSidePadding      {padding-left: 5px; padding-right: 5px;}
.colSidePadding br, br.special
                     {line-height: 5px;}

#divider             {border-bottom: 1px dotted #cccccc; clear: both;}

.downloads           {border: 1px solid #000080; background-color: #ccccff; padding: 1px}

.highlight, #highlight
                     {color: #cc0033}

.footerL             {
                        font-size: 80%; padding: 5px; background-color: #d8bfd8;
                        text-align: left; vertical-align: top;
                     }
.footerR             {
                        padding: 5px; padding-right: 10px;
                        background-color: #d8bfd8; text-align: right;
                        vertical-align: top;
                     }

.formTable .name     {color: #333399; font-size: 105%}
.formTable p, .formTable ol, .formTable ul
                     {font-size: 90%}
.formTable ol ol, .formTable ul ul, .formTable ol p, .formTable ul p
                     {font-size: 100%}

.indent1             {padding-left: 8px; margin: 0px; }

.leftNavBar          {
                        background: url(graphics/bkg/btn00001.jpg) #663366 repeat;
                        text-align: left; vertical-align: top;
                        border-right: 1px solid #660066;
                        padding-top: 12px; padding-bottom: 5px;
                     }

.leftNavBar a        {
                        color: #f8f8ff; font-weight: bold;
                        text-decoration: none; display: block;
                        padding-left: 5px; padding-right: 5px;
                        padding-top: 1px; padding-bottom: 1px;
                     }
.leftNavBar a:visited
                     {color: #dcdcdc; text-decoration: none;}
.leftNavBar a:hover  {text-decoration: none; color: #000000; background-color: #ffffff;}
.leftNavBar .live    {
                        color: #ffffff; font-weight: normal; display: block;
                        padding-left: 5px; padding-right: 5px;
                        padding-top: 1px; padding-bottom: 1px;
                     }

.leftNavBar a.norm, .leftNavBar a.norm:link, .leftNavBar a.norm:active
                     {text-decoration: none; display: inline; padding: 0px; color: #0000ff;}
.leftNavBar a.norm:visited
                     {color: #800080; text-decoration: none;}
.leftNavBar a.norm:hover
                     {text-decoration: underline; background: none;}


.mainHdr             {
                        padding: 0px;
                        text-align: left; vertical-align: top;
                        background-position: 100% 0%; 
                        background-image: url(graphics/bkg/bkg00001.jpg);
                        background-color: #330033; background-repeat: repeat-x;
                     }
#suppliesLogoBkg001  {
                        background-position: 0% 0%; 
                        background-image: url(graphics/bkg/bkg00006.jpg);
                        background-color: #330033; background-repeat: repeat-x;
                     }
#booksLogoBkg001     {
                        background-position: 0% 0%; 
                        background-image: url(graphics/bkg/bkg00003.jpg);
                        background-color: #330033; background-repeat: repeat-x;
                     }
#magazinesLogoBkg001 {
                        background-position: 0% 0%; 
                        background-image: url(graphics/bkg/bkg00004.jpg);
                        background-color: #330033; background-repeat: repeat-x;
                     }
#classesLogoBkg001   {
                        background-position: 0% 0%; 
                        background-image: url(graphics/bkg/bkg00005.jpg);
                        background-color: #330033; background-repeat: repeat-x;
                     }
#contactLogoBkg001   {
                        background-position: 0% 0%; 
                        background-image: url(graphics/bkg/bkg00001.jpg);
                        background-color: #330033; background-repeat: repeat-x;
                     }
#searchLogoBkg001    {
                        background-position: 385px 0%; 
                        background-image: url(graphics/bkg/bkg00001.jpg);
                        background-color: #330033; background-repeat: repeat-x;
                     }

.largerTxt, #largerTxt
                     {font-size: 110%}
.normalTxt, #normalTxt
                     {font-style: normal}
.smallerTxt, #smallerTxt
                     {font-size: 90%}
.x-smallerTxt, #x-smallerTxt
                     {font-size: 80%}
.smallcaps, #smallcaps {text-transform: uppercase; font-size: 90%;}

.nobr                {white-space: nowrap}
.noDisplay           {display: none}
.noPad, #noPad       {padding: 0px}

.nopcart td, .nopcart th
                     {background-color: #ccccff}
.nopchkcart td, .nopchkcart th
                     {background-color: #ffffff}
.nopheaderC, .nopentryC, .noptotalC
                     {text-align: center; font-size: 90%}
.noheaderL, .nopentryL, .noptotalL
                     {text-align: left; font-size: 90%}
.nopheaderR, .nopentryR, .noptotalR
                     {text-align: right; font-size: 90%}

.paintTube           {position: absolute; left: *; top: 71px;}

.pageTop             {text-align: right; font-size: 90%; clear: both; padding-top: 5px}

.picLink img         {margin-bottom: 3px;}
.printOnly, #printOnly
                     {display: none}
.searchLink          {
                        text-align: center; background-color: #000000;
                        border-top: 4px ridge #ccccff;
                        border-bottom: 4px ridge #ccccff;
                        font-size: 90%;
                     }
                     
.productForm         {
                        background-color: #d8bfd8; border: 1px solid #660066;
                        padding: 1px; text-align: right; vertical-align: middle;
                        font-size: 90%;
                     }
input, select, textarea
                     {font-size: 90%}

table.classSched td  {background-color: #ffffff;}
table.classSched th  {background-color: #990033; color: #ffffff;}
table.classSched td#special p
                     {margin: 0px; margin-bottom: 5px; padding-left: 4px; padding-right: 4px;}

.seeAlsoBox          {border: 3px double #990033;}
.seeAlsoBox td       {padding: 5px; background-color: #ffffff; font-size: 90%}
.seeAlsoBox th       {background-color: #990033; padding: 5px; color: #ffffff;}

.sideBox1            {border: 1px solid #6600cc;}
.sideBox1 td         {padding: 5px; background-color: #ffffcc; font-size: 90%}
.sideBox1 th         {background-color: #6600cc; padding: 5px; color: #ffffff;}
.sideBox2            {border: 1px solid #660099;}
.sideBox2 td         {padding: 5px; background-color: #ffffcc; font-size: 90%}
.sideBox2 th         {background-color: #660099; padding: 5px; color: #ffffff;}
.sideBox3            {border: 1px solid #330066;}
.sideBox3 td         {padding: 5px; background-color: #ffffcc; font-size: 90%}
.sideBox3 th         {background-color: #330066; padding: 5px; color: #ffffff;}
.sideBox4            {border: 2px solid #993366;}
.sideBox4 td         {padding: 5px; background-color: #ffffcc; font-size: 90%}
.sideBox4 th         {background-color: #993366; padding: 5px; color: #ffffff;}
.sideBox5            {border: 1px solid #ff0000;}
.sideBox5 td         {padding: 5px; background-color: #ffffcc; font-size: 90%}
.sideBox5 th         {background-color: #ff0000; padding: 5px; color: #ffffff;}
.sideBox6            {border: 1px solid #000099;}
.sideBox6 td         {padding: 5px; background-color: #ccccff; font-size: 90%}
.sideBox6 th         {background-color: #000099; padding: 5px; color: #ffffff;}
.sideBox7            {border: 1px solid #336633;}
.sideBox7 td         {padding: 5px; background-color: #f5fffa; font-size: 90%}
.sideBox7 th         {background-color: #336633; padding: 5px; color: #ffffff;}
.sideBox8            {border: 1px solid #009999;}
.sideBox8 td         {padding: 5px; background-color: #ccffcc; font-size: 90%}
.sideBox8 th         {background-color: #009999; padding: 5px; color: #ffffff;}

.leftNavBox1         {border: none;}
.leftNavBox1 td      {padding: 5px; background-color: #ffffcc; font-size: 90%}
.leftNavBox1 th      {padding: 5px; background-color: #990033; color: #ffffff; font-size: 110%}

.leftNavBox2         {border: none;}
.leftNavBox2 td      {padding: 5px; background-color: #ffffcc; font-size: 90%}
.leftNavBox2 th      {padding: 5px; background-color: #ccccff; color: #000000; font-size: 110%}

.leftNavBox3         {border: none;}
.leftNavBox3 td      {padding: 5px; background-color: #ccccff; font-size: 90%}
.leftNavBox3 th      {background-color: #336633; padding: 5px; color: #ffffff;}

.leftNavBox4         {border: none;}
.leftNavBox4 td      {padding: 5px; background-color: #cc9966; font-size: 90%}
.leftNavBox4 th      {background-color: #ccccff; padding: 5px; color: #ffffff;}

.signature           {
                        font-family: "Lucida Handwriting",
                        "Lynda Cursive", "Brush Script MT", "John Handy LET",
                        "ParkAvenue BT", "Staccato222 BT", cursive;
                        color: #000080; text-align: left;
                     }

.topNavBar           {
                        background: url(graphics/bkg/btn00001.jpg) #663366 repeat;
                        text-align: center; vertical-align: middle;
                     }
.topNavBar a         {
                        color: #f8f8ff; font-weight: bold; 
                        text-decoration: none; padding-bottom: 2px; display: block;
                        width: 100%;
                     }
.topNavBar a:visited {color: #dcdcdc; text-decoration: none;}
.topNavBar a:hover   {color: #ffffff; text-decoration: none;}
.topNavBar .live     {color: #ffffff; font-weight: normal; padding-bottom: 2px; display: block;}

.cartPage            {height: 350px; padding: 10px;}

#suppliesBkg         {background: url(graphics/bkg/btn00002.jpg) #663366 repeat;}
#booksBkg            {background: url(graphics/bkg/btn00003.jpg) #003366 repeat;}
#magazinesBkg        {background: url(graphics/bkg/btn00004.jpg) #333399 repeat;}
#classesBkg          {background: url(graphics/bkg/btn00005.jpg) #990066 repeat;}
#contactBkg          {background: url(graphics/bkg/btn00006.jpg) #cc0066 repeat;}
#searchBkg           {background: url(graphics/bkg/btn00007.jpg) #336666 repeat;}

h1                   {font-size: 130%}
h2                   {font-size: 120%}
h3                   {font-size: 110%}
h4                   {font-size: 100%}
h5                   {font-size: 90%}
h6                   {font-size: 80%}

h1, h2, h3, h4, h5, h6
                     {color: #330066}

hr                   {color: #cccccc; height: 1px;}

img.sideArt          {display: block;}

li.spacedout1        {padding-bottom: 5px;}

ol.letters           {list-style-type: lower-alpha}

pre, pre span        {font-family: "Courier New", Courier, monospace}

span.itemDate        {font-size: 80%; font-weight: normal; color: #000000; white-space: nowrap}

td, th               {text-align: left; vertical-align: top}
td.gallery           {text-align: center; vertical-align: top; font-size: 90%}

ul                   {list-style-type: square; list-style-position: outside;}
ul.indent1, ul.special
                     {padding-left: 15px; margin: 0px;}

table.cal { width: 100%; padding: 0px; empty-cells: show; border: 2px solid #660033; border-collapse: collapse; }
td.calcell { padding: 2px; text-align: center; vertical-align: middle; background-color: #ffffcc; border: 1px solid #660033; font-size: 90%}
td.today { text-align: center; vertical-align: middle; background-color: #ffffcc; color: #ff0000; border: 1px solid #660033; font-size: 90%}
td.linked { text-align: center; vertical-align: middle; background-color: #dcdcdc; border: 1px solid #660033; }
th.cal {
   padding: 4px; text-align: center; vertical-align: middle; border: 1px solid #000000;
   border-collapse: collapse; background-color: #990033; color: #ffffff;
}



@media print {
   .leftNavBar, .footerR, .paintTube, .productForm, .topNavBar, .noPrint, #noPrint, .button1
                     {display: none}

   .colContent, .nopcart
                     {width: 100%; border: none;}
   .pageTable        {width: 100%}

   .printOnly, #printOnly
                     {display: inline}
}