body { background: #fff }
.tabvio { background: #647 url(img/frame/tabcorners.gif) no-repeat center top }
.tabind { background: #458 url(img/frame/tabcorners.gif) no-repeat center top }
.tabblue { background: #69a url(img/frame/tabcorners.gif) no-repeat center top }
.tabgrn { background: #796 url(img/frame/tabcorners.gif) no-repeat center top }
.tabyel { background: #da5 url(img/frame/tabcorners.gif) no-repeat center top }
.taborg { background: #c72 url(img/frame/tabcorners.gif) no-repeat center top }
.tabred { background: #933 url(img/frame/tabcorners.gif) no-repeat center top }
.newsbox, .readingbookbox { background: #ddc } /* sage */
.maintitle, .navhead, .navLtop, .navRtop, .prodboxhead { background: #89a } /* blue-grey */
.fronttitle { background: #ddd } /* light grey */
.viotitle, .vioboxtitle, .button { background: #647 }
.indtitle, .indboxtitle { background: #458 }
.bluetitle, .blueboxtitle { background: #69a }
.grntitle, .grnboxtitle { background: #796 }
.yeltitle, .yelboxtitle { background: #da5 }
.orgtitle, .orgboxtitle { background: #c72 }
.redtitle, .redboxtitle, .regbutton { background: #933 }

a.top:hover, a.regbutton:hover { color: #fff; }
.dirurl { color: #ccc }
.date, .raquo { color: #999 }
body, td, p, div { color: #444 }
.articletitle, .tollfree, .dirhead, .articlesub { color: #000 }
a.top, .pagetitle, .navhead, .navLtop, .navRtop, .prodboxhead, .maintitle, .viotitle, .indtitle, .bluetitle, .grntitle, .yeltitle, .orgtitle, .redtitle, .mainboxtitle, .vioboxtitle, .indboxtitle, .blueboxtitle, .grnboxtitle, .yelboxtitle, .orgboxtitle, .redboxtitle, a.regbutton { color: #fec; } /* cream */
.button { color: #ddc } /* sage */
.maintxt, .intro2, a:hover  { color: #a96 } /* darker sage */
  { color: #763 } /* darkest sage */
.fronttitle, .notetxt { color: #89a }
.viotxt { color: #647 } 
.chakra7 { color: #c0c } /* bright purple */
.indtxt, .bluetxt, input, a, .chakra6 { color: #458 }
.chakra5 { color: #3cf }
.grntxt, .chakra4 { color: #796 }
.yeltxt, .intro { color: #b83 } /* da5 not dark enough */
.chakra3 { color: #da5 }
.orgtxt, .chakra2 { color: #c72 }
.redtxt, .redlink, .chakra1 { color: #933 }

.datebox, .navLtop, .navRtop, .navboxL, .navboxR, .maincontent { border-right: 1px solid #ccc }
.navLtop, .navRtop, .navboxL, .navboxR, .maincontent { border-left: 1px solid #ccc }
.navboxL, .navboxR, .maincontent, .newsbox { border-bottom: 1px solid #ccc }
.blueline { border-top: 1px solid #89a; }
.mainbord { border: 1px solid #89a; }
.frontbord { border: 1px solid #abc; }
.viobord { border: 1px solid #647; }
.indbord { border: 1px solid #458; }
.bluebord, .artbord { border: 1px solid #69a; }
.grnbord { border: 1px solid #796; }
.yelbord { border: 1px solid #da5; }
.orgbord { border: 1px solid #c72; }
.redbord { border: 1px solid #933; }

body, td, p, div { font-family: Arial, sans-serif; }
.sidebartxtSM, input { font-size: 10px }
.button, a.smlink, a.nav { font-size: 11px }
body, td, p, div, .raquo, .heading, a.dir, .intro2, .mainboxtitle, .vioboxtitle, .indboxtitle, .blueboxtitle, .grnboxtitle, .yelboxtitle, .orgboxtitle, .redboxtitle, .articlesub { font-size: 12px }
.pagetitle, .prodboxhead, .intro, .tollfree, .dirhead, .articletitle, .chakratxt, .regbutton { font-size: 14px }
.maintitle, .fronttitle, .viotitle, .indtitle, .bluetitle, .grntitle, .yeltitle, .orgtitle, .redtitle, .readlink { font-size: 16px }

a.top, input, .navhead, .navLtop, .navRtop, .articletitle, .redlink, .tollfree, .dirhead, .chakratxt, .articlesub, .readingbookbox, .regbutton { font-weight: bold; }
.notetxt { font-style: italic }
a.nav, a.top, a.regbutton { text-decoration: none }
.pagetitle, .navhead, .navLtop, .navRtop, .prodboxhead, .maintitle, .fronttitle, .viotitle, .indtitle, .bluetitle, .grntitle, .yeltitle, .orgtitle, .redtitle, .mainboxtitle, .vioboxtitle, .indboxtitle, .blueboxtitle, .grnboxtitle, .yelboxtitle, .orgboxtitle, .redboxtitle, .chakratxt, .readingbookbox, .regbutton { text-align: center; }
.datebox { text-align: right }
.navhead, .navLtop, .navRtop, .mainboxtitle, .vioboxtitle, .indboxtitle, .blueboxtitle, .grnboxtitle, .yelboxtitle, .orgboxtitle, .redboxtitle  { letter-spacing: .1em }
.pagetitle, .prodboxhead, .maintitle, .fronttitle, .viotitle, .indtitle, .bluetitle, .grntitle, .yeltitle, .orgtitle, .redtitle { letter-spacing: .2em; }

.tabvio, .tabind, .tabblue, .tabgrn, .tabyel, .taborg, .tabred { width: 100px; padding: 3px 0px }
.tabvio, .tabind, .tabblue, .tabgrn, .tabyel, .taborg { margin-right: 3px; }

.maintitle, .fronttitle, .viotitle, .indtitle, .bluetitle, .grntitle, .yeltitle, .orgtitle, .redtitle, .mainboxtitle, .vioboxtitle, .indboxtitle, .blueboxtitle, .grnboxtitle, .yelboxtitle, .orgboxtitle, .redboxtitle, .prodboxhead, .navhead, .navLtop, .navRtop { padding: 3px }
.readingbookbox, .regbutton { padding: 5px }
.mainbord, .frontbord, .viobord, .indbord, .bluebord, .grnbord, .yelbord, .orgbord, .redbord, .frontbox, .underpicbox { padding: 8px }
.sidebarbox { padding: 3px 5px }
.maincontent { padding: 20px 30px }
.maincell { padding-right: 25px }
.leftcell { padding-right: 50px }
.imgleft { padding: 0px 20px 10px 0px }
.datebox { padding: 0px 5px 3px 0px }
.newsbox { padding: 4px 2px 8px 2px }
.frontlist { margin: 0px 0px 5px 25px }
.sidebarbox { margin-bottom: 5px }
li, .intro, .intro2 { margin-bottom: 8px }
.menubox { margin: 4px 0px 5px 2px }
.blueline { margin: 10px 0px 10px 0px }
form { margin: 0 }
.return { margin: 10px 0px }
.rightpic { margin-left: 20px }
.regbutton { margin: 15px 0px; }