html {padding:0px; margin:0px;}
BODY {background-color: #f8f8f8; color: #000; margin: 0px; padding: 0px; width: 100%; height:100%; text-align:center;
font: 12px Helvetica, Arial, sans-serif; background: #c0c0c0 url(images/tile.gif)}
BODYNEW {background-color: #f8f8f8; color: #000; margin: 0px; padding: 0px; width: 100%; height:100%; text-align:center;
font: 12px Helvetica, Arial, sans-serif;}
FORM {display: inline;}
H1 {font-size: 16px; font-weight: bold; color: #739600;}
H2 {font-size: 14px; font-weight: bold; color: #666}
H4 {font-size: 12px; font-weight: bold; color: #666}
H1.about {font-size: 26px; font-weight: bold; font-family: Georgia,serif;}
P {margin:0; padding:0;}
A {font-size: 12px; color: #0C4499; text-decoration: underline}
A.oscinfo {font-size: 12px; color: #0C4499; text-decoration: none}
A:hover.oscinfo {font-weight: bold; font-size: 12px; color: red; text-decoration: underline}
A.login {font-size: 11px; color: #0C4499}
A.login_header {font-size: 12px; color: #FFFFFF; text-decoration: none;}
A:hover.login_header {font-size: 12px; color: #FFFFFF; text-decoration: underline;}
A.categories {font-weight: bold; font-size: 12px; text-decoration: underline; color: #666; line-height: 20px;}
.headerva {font-weight:bold; color: #fff; background-color: #4f81bd; border-bottom: 1px solid #999;}
.headervaa {font-weight:bold; background-color: #4f81bd; width:430px; vertical-align:top; border-bottom: 1px solid #999;}
.headervaa a{display:block; float:left; height: 12px; line-height:12px; font: bold 11px Tahoma, Arial, sans-serif; color: #FFF; text-decoration: underline; padding:1px 3px; margin:0px }
.headervaa a:hover{background-color: #fff; color:#4f81bd; }
.headervaa img{clear:both;}
#box {border: 1px solid #666;}
.header1 {font-weight:bold; color: #fff; background-color: #0c4499; border-bottom: 1px solid #999;}
.header1a {font-weight:bold; background-color: #0C4499; width:430px; vertical-align:top; border-bottom: 1px solid #999;}
.header1a a{display:block; float:left; height: 12px; line-height:12px; font: bold 11px Tahoma, Arial, sans-serif; color: #FFF; text-decoration: underline; padding:1px 3px; margin:0px }
.header1a a:hover{background-color: #fff; color:#0c4499; }
.header1a img{clear:both;}
/*
.header1a a{ border-bottom: 1px solid #999; border-right: 1px solid #999;}
.header1a img{position:absolute; top: 34px; left: 0px}
*/
.B_Headline {height: 70px; background-color: #0c4499; border-top: 1px solid #999; border-bottom: 1px solid #999; padding:0 3px 0 3px;
font-weight: bold; color: #FFF; text-align:center}
.B_Headline h3{margin:3px; font-size:18px}
.header2 {background-color: #0c4499; border-top: 1px solid #999; border-bottom: 1px solid #999;}
.header_ind {background-color: #0a094b; border-bottom: 1px solid #999;}
/* #sublogin {right:2px ; top:1px} */
.header2login {background-color: #0071BC; border: 1px solid #999;}
.headerlogin {font-weight: bold; font-size: 11px; color: #FFF; }
.loginheader {visibility:hidden; background-color: #0071bc; border: 1px solid #CCC; display:none}
.loginbox {border: 1px solid #564b47; margin:0px; padding: 0px; font-size:10px; color: #000; background: #c0c0c0 url(images/hands4.jpg) }
/*
.loginbox {border: 1px solid #564b47; margin:0px; padding: 0px; font-size:10px; color: #000;}
*/
.header_infobox {border: 0px solid #564b47; margin:0px; padding: 0px; font-size:10px; color: #000;}
.loginbox a {color:#333}
.header2Text {font-weight: bold;color: #fff; }
.header2Cart {background-color: #96D145; font-weight: bold;color: #FFF; }
.header2Small {font-size: 10px; font-weight: bold; color: #fff; text-decoration: underline; }
.header2Phone {font-size: 20px; font-weight: bold; color: #FFF}
.header3 {background-color: #666; border-bottom: 1px solid #999;}
.header3a {font-weight: bold; color: #FFF; text-decoration: none; font-size:14px}
.header3a:hover {text-decoration: underline;}
.header3b {font-weight: bold; color: #CCC; text-decoration: none;}
.header3b:hover {font-weight: bold; color: #CCC; text-decoration: underline;}
.header3highlight{background-color: #0C4499;}
.highlight3 {font-weight: bold; color: #FFF; background-color: #0C4499;}
.header4 {background-color: #0C4499; border-bottom: 1px solid #999;}
.header4b {background-color: #D6EBA5;}
INPUT.headerForm {font-size: 10px}
TD.smallText, SPAN.smallText, P.smallText {font-size: 10px}
TD.topBox {font-size: 12px; padding: 0px; border: 1px solid #666; background: url(images/header_background.jpg) no-repeat center center;}
TD.topBoxSci {font-size: 14px; font-weight:bold; padding: 2px; border: 1px solid #666; background: url(images/newscience2.jpg) no-repeat center center; color: #fff;}
LI.topBoxSci {font-size: 14px; font-weight:bold; color: #fff; list-style-type: disc;}
A.topBoxSci {font-size: 14px; font-weight:bold; color: #fff; text-decoration: none;}
LI.topBox {font-size: 14px; font-weight:bold; color: #0C4499; list-style-type: disc;}
A.topBox {font-size: 14px; font-weight:bold; color: #0C4499; text-decoration: none;}
TD.linksBox {font-size: 12px; padding: 0px; border-left: 1px solid #666;}
TD.linksBoxA {font-size: 12px; color: #FFF; background-color:#666; padding: 2px; border-right: 1px solid #999;}
TD.linksBoxB {font-size: 12px; color: #FFF; background-color:#666; padding: 2px; border-right: 1px solid #999;}
A.linksBox {font-size: 12px; color: #FFF; text-decoration: none;}
A.linksBox:hover{font-size: 12px; color: #FFF; text-decoration: underline;}
TD.posterBox {font-size: 12px; padding: 2px; border-top: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #666; background-image: url(images/poster_bground.jpg); background-repeat: no-repeat; background-position: center bottom;}
TD.newsBox {font-size: 12px; padding: 2px; border-top: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #666; }
TD.newsBoxA {font-size: 12px; padding: 2px; border: 1px solid #666;}
TD.newsBoxB {font-size: 12px; padding: 2px; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; }
TD.newsBoxC {font-size: 12px; padding: 2px; border-top: 1px solid #666; border-right: 1px solid #666; }
TD.newsBoxD {font-size: 12px; padding: 2px; border-top: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666;}
A.newsBox {font-size: 12px; font-weight:bold; color: #FFF; text-decoration:none;}
TD.folderA {font-size: 12px; padding: 2px; border-right: 1px solid #666; border-left: 1px solid #666; }
TD.folderD {font-size: 12px; padding: 2px; border-right: 1px solid #666; }
TD.fullBox {font-size: 12px; padding: 2px; border: 1px solid #666; }
TD.notopBox {font-size: 12px; padding: 2px; border-bottom: 1px solid #666; border-left: 1px solid #666; }
TD.fullBoxR {font-size: 12px; padding: 2px; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666;}
TD.notopBoxR {font-size: 12px; padding: 2px; border-right: 1px solid #666; border-bottom: 1px solid #666; }
TD.pageheading {font-size: 16px; font-weight: bold; color: #666;}
TD.main, P.main, LI.main {font-size: 12px; line-height: 1.5;}
A.main {font-size: 11px; line-height:1.5; text-decoration: underline; color: #0C4499;}
TABLE.lessons{ border: 1px solid #0071BC; font-size: 10px;}
TD.lessonHeader {font-size: 12px; font-weight: bold; color: #FFF; background-color: #0071BC;}
TD.lessonHeaderSub{ font-size: 12px; font-weight: bold; color: #FFF; background-color: #666;}
TD.lessonContent{ font-size: 12px;}
TABLE.grayBox{ border: 1px solid #666; font-size: 10px;}
TD.grayBoxHeader{font-size: 12px; font-weight: bold; color: #FFF; background-color: #666;}
TD.grayBoxContent{font-size: 12px;}
TABLE.box{background-color: #fff; border: 1px solid #666;}
.boxContent {font-size: 12px;}
.boxNotice {background: #FF8E90;}
.boxNoticeContents {background: #FFE6E6; font-size: 10px;}
.topFeature {color: #404040; font-size: 12px; line-height: 16px; background: url('http://www.performance-education.com/images/win250.gif') no-repeat left top; text-decoration: none; padding: 10px 8px 10px 183px;}
TD.fullJustify{text-align: justify}
A.linkNoUnder {text-decoration: none;}
TD.padRight {padding-right:6px}
SPAN.markProductOutOfStock {font-weight: bold; color: #c76170;}
#bodyback {width:900px; position:absolute; text-align:center; color: #FFFFFF;}
#george {text-align: center; width: 900px; background-color: #fff;
border-left: 2px solid #0c4499; border-right: 2px solid #0c4499; border-bottom: 1px solid #0c4499; border-top: 0px solid #0c4499;
color: #000; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
margin: 0 auto; padding: 0px; }
#footer {width:700px; text-align:center; color: #0C4499; margin: 20px auto 0 auto}
#footmenu {width:700px; margin: 0 auto; padding-top:30px; line-height: 1.45em;}
#footmenu a {display:inline; margin:0 5px; line-height: 1.35em}
#footmenu a:hover{color:#900}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {background-color: #CCC}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {background: #C6D3E7}
TABLE.productListing {border: 1px solid #0C4499; border-spacing: 1px;}
.productListing-heading {font: bold 10px Tahoma, Arial, sans-serif; background: #0C4499; color: #FFF;}
TD.productListing-data {font-size: 10px}
SPAN.productSpecialPrice{color: #f00;}
.checkoutBarFrom, .checkoutBarTo{font-size: 14px; color: #8c8c8c; width:25%; text-align:center}
.checkoutBarCurrent {font-size: 14px; font-weight:bold; color:#000; width:25%; text-align:center; border-bottom:3px solid #999}
.boxText {font-size: 12px}
.highlightA {font-weight: bold; text-decoration:none; color: #F90;}
.stockWarning {font-size: 10px; color: #C03; }
/* message box */
.messageBox {font-size:10px; color: #8c8c8c;}
.messageStackError, .messageStackWarning {font-size:10px; background-color:#ffb3b5;}
.messageStackSuccess{font-size:10px; background-color: #9f0;}
/* input ruquirement */
.inputRequirement {font-size: 10px; color:#ff0000;}
#pageBottom {position: absolute; top: 95%;}
/* Free Lesson Plan page */
#flpbody {vertical-align:top; width:100%; margin: 0 auto; padding:2px; text-align:left; font-size: 12px; background-color: #fff;}
#flpbody td {vertical-align:top; font-weight: bold}
#flpflash {padding:5px; background-color:#f5f5f5; width:350px; height:140px; border:2px solid red; margin:0 auto}
#flpflash span {font-size:14px; color:#f8f8f8; background-color:#666; display:block; text-align:center;padding:2px }
#flpflash .linkred {display:block; text-decoration:none; background-color:red; color:white; width:200px; margin-top:15px }
.flpnew {width:350px; border: 1px solid #999; height: 600px; background-color: #FFF;}
.flpnew span{display: block; height: 20px; width:100%; background-color: #F90; color: #FFF; padding-top:1px; font-weight: bold; font-size: 16px}
.flpsshome {width:300px; height: 150px}
.flpsshome span {display: block; height: 20px; width:100%; background-color: #666; color: #FFF; font-weight: bold; font-size: 16px}
/* gs changing .newlist height from auto to 160 so that it will autoflow and can hold more new entries 10/20/08 */
.newlist {height:600px; width:auto; overflow: auto; padding:2px; font-size:12px}
.newlist a {font-weight: bold; line-height:18px }
.newlist a:hover {text-decoration:none}
.newlist a span.pleaselogin {display: none; background-color: white; border: 1px solid black}
.newlist a:hover span.pleaselogin {display: none; position:relative; top:0px; right: 0px; width: auto; padding: 2px; margin: 0px;
z-index: 100; color: #333; text-align: center; font-size:10px}
.flpus {width:32%; border: 1px solid #999; float:left; margin-bottom:10px; margin-right:5px}
.flpus span {display: block; height: 18px; width:100%; background-color: #C00; color: #FFF; padding-top:1px; padding-left:0px}
.flpwh {width:32%; border: 1px solid #999; float:left; margin-bottom:10px; margin-right:5px}
.flpwh span {display: block; height: 18px; width:100%; background-color: #963; color: #FFF; padding-top:1px; padding-left:0px}
.flpgeo {width:32%; border: 1px solid #999; float:left; margin-bottom:10px; margin-right:5px}
.flpgeo span{display: block; height: 18px; width:100%; background-color: #339900; color: #FFF; padding-top:1px; padding-left:0px}
.flpcur {width:32%; border: 1px solid #999; float:left; margin-bottom:10px; margin-right:5px}
.flpcur span{display: block; height: 18px; width:100%; background-color: #009; color: #FFF; padding-top:1px; padding-left:0px}
.flplist {height:80px; overflow: auto; width:auto; position:relative}
.flplist a {display: inline; height: 16px; width:auto; padding: 0px; margin: 0px; font-size: 11px}
.flplist a:hover {text-decoration:none}
.flplist a span.pleaselogin {display: none; background-color: white; border: 1px solid black}
.flplist a:hover span.pleaselogin {display: none; position:relative; top:0px; right: 0px; width: 200px; padding: 2px; margin: 0px;
z-index: 100; color: #333; text-align: center; font-size: 10px}
.flpwtab {float:left; width:200px}
#ad_vert {background-color:#f8f8f8;; padding:2px; text-align:center}
#ad_vert img {border:0; margin-bottom:6px; width:auto}
/* Includes boxes for displaying product groups */
table.boxesItemTable {font-size:12px; border:1px solid gray; background-color:#f5f5f5; margin-top:8px}
table.boxesItemTable th {border-bottom:2px solid gray; border-right:1px solid gray; height:16px;}
table.boxesItemTable td {text-align:center; padding:2px 14px;}
table.boxesItemTable a.BuyNow {padding: 0px 6px; background-color:#FDD017; color:#333; margin-left:10px; text-decoration:none; border:1px solid #2B3856}
table.boxesItemTable a.BuyNow:hover {background-color:#EAC117}
/* Category Portals */
#capbody {width:750px; margin: 5px auto 0px auto; border: 1px solid #999; padding:0px; vertical-align:top; text-align:left;
font-size: 12px; background-color: #fff; min-height : 75%; /* IE ignores this */ height : 75%; /* IE treats as min-height */}
#capbody ol {margin-left: 20px; padding-left: 7px;}
#capbody ul {margin: 0px; padding: 0px}
#capbody li {line-height:150%;}
/* Left Column of CaP (shop by boxes, teacher quote, guarantee, privacy) */
.capmenu {width:160px; border-right: 1px solid #999; margin:0px; padding:0px; vertical-align:top;
min-height : 100%; /* IE ignores this */ height : 100%; /* IE treats as min-height */}
.shopbymenu {margin-bottom:10px; padding:0px; background-color:#fff; width:100%}
.shopbymenu span{display: block; height: 18px; width:155px; background-color: #039; border-right: 2px solid #003; border-bottom: 2px solid #003;
color: #FFF; font-weight: bold; margin-right:2px; padding-top:1px; padding-left:4px}
.shopbymenu li {list-style-type: none;}
.shopbymenu a {text-decoration:none; color:#0C4499;}
.shopbymenu a:hover {font-weight: bold}
div#privacy {margin: 0px; padding:0px; width:155px; text-align:center; position:relative}
div#privacy a {display: block; height: 16px; width:100%; font-weight: bold; border-right: 2px solid #333; border-bottom: 2px solid #333;
background-color: #666; color: #FFF; padding: 0px; margin: 3px 0px; text-decoration: none;}
div#privacy a:hover {color: #333; background: #999;}
div#privacy a span {display: none; background-color: white; border: 1px solid black}
div#privacy a:hover span {display: block; position:absolute; top:-40px; left: 140px; width: 175px; padding: 2px; margin: 1px; z-index: 100; color: #333333; text-align: center}
/* Middle of CaP */
.capcenter {width: 380px; vertical-align: top; margin:0px; padding:0px;}
.salecenter {margin-top:2px; padding: 0px; background-color:#fff; vertical-align:top;
min-height : 100% !important; /* ignored by IE, applied everywhere else */
height : 100%; /* IE treats as min-height */
background-image:url(images/poster_bground.jpg);
background-position: 0px 18px; background-repeat: no-repeat;}
.salecenter span{display: block; height: 18px; width:380px; margin:0px; padding: 0px; background-color: #0C4499; color: #FFF; text-align:center; font-weight: bold}
.salecenter li {list-style: disc inside;}
.salecenter a {text-decoration:none }
.salecenter a:hover {text-decoration:underline}
/* Best Seller */
.rightcol {width:210px; background-color:#fff; vertical-align:top; margin: 0px; padding:0px;border-left: 1px solid #999;
height : auto !important; /* ignored by IE, applied everywhere else */
height : 100%; /* IE treats as min-height */
min-height : 100%; /* IE ignores this */ }
.rightcol a {text-decoration:none }
.rightcol a:hover {text-decoration:underline}
.rightcol span {display: block; height: 18px; width:100%; background-color: #900; color: #FFF; border-right: 2px solid #600; border-bottom: 2px solid #600;
font-weight: bold; text-align:center; padding-top:1px}
.rightcol span.pleaselogin {display:none}
.bestsell li {list-style: outside decimal;}
.resource {height:140px; overflow-y: auto; overflow-x:hidden; max-width:205px !important; width:100%; margin:7px 0}
.resource li {list-style: none; padding-left:2px}
/* Shop By pages */
#shopbyTable {background-color:#FFF; width:590px; padding: 0px; margin: 0px}
.youareviewing {font-style:italic; background-color:#c0c0c0; display:block; border: thin groove #666; margin:0px; padding:0px; text-align:center}
.shopbytab {border-bottom: 2px solid #d3d3d3; margin: 0px; padding: 0px}
.shopbytab span{text-align:left; display:block; background-color:#dcdcdc; height:16px; width:180px; color:#789; font-weight: bold; margin-top: 4px; padding:4px 0px 0px 6px}
.shopbygrid {font-weight:bold; font-size: 10px}
.shopbygrid td {text-align:center; padding: 0px; margin: 0px; height:100%; border-bottom: 2px solid #d3d3d3; background-color:#f5f5f5}
.shopbygrid a {font-size: 11px}
.shopbygrid p {font-size: 11px; text-align:left; margin: 0px; padding:0px}
.shopbygrid div{float:left; width:32%; height:100%; padding:2px; margin:0px; border-right: thin solid #789; background-color:#f5f5f5;}
.shopbytype td {text-align:center; padding: 0px; margin: 0px; height:100%;}
.shopbytype a {font-size: 11px}
.shopbytype p {font-size: 11px; text-align:left; margin: 0px; padding:0px}
.shopbytype div{float:left; width:31%; height:100%; padding:3px; margin-bottom: 2px; border: 1px solid #789; background-color:#f8f8f8;}
#AddButton {border:0px;margin-left: 10px;}
.shopbymo {padding: 0px; margin:0px}
.shopbymo span {float:right; text-align:center; display:block; height:auto; width:350px; margin: 0px; padding:2px 0px; background-color:#dcdcdc;}
.shopbymo a {color:#C00; text-decoration:none; font-weight: bold }
.shopbymo a:hover {color:#600; text-decoration:underline; font-weight: bold}
/* home link */
.caphome {display: block; height: 18px; width:100%; background-color: #0C4499;margin-left:0px; margin-top:0px; padding-left:3px;}
.caphome a {text-decoration:none; color: #fff; font-weight: bold}
.caphome a:hover{display: block; background-color: #39F; color: #ffc; font-weight: bold}
/* site map */
#sitemap {width:540px; margin: 10px auto ; border:1px dashed #333; text-align:left; padding:10px 15px}
#sitemapl {width:48%; border-right:1px dashed #333;}
#sitemapr {width:50%; float:right}
#sitemap a {text-decoration:none; display:block;}
#sitemap h3 {font:bold 16pt Georgia, serif; display:block; text-align:center; width:100%; margin:0; padding-bottom:4px;
border-bottom:1px dashed #333; letter-spacing: 15px }
#sitemap a.category {font: 14px Arial; padding-left:10px }
#sitemap a.index {font:bold 14px Arial; margin-top:10px}
/* ARCHIVED
.pubrel {margin-top:-175px; padding-top:0px; width:160px;}
.teacher {background-color:#ffffcc; color:#0066CC; text-align:justify;
border: 1px solid black; margin: 0px 2px 10px 0px; padding:4px 2px 0px 2px}
.teacher span {font:bold 14px Times, serif; line-height:12px}
.promises {text-align:center; margin: 4px 0px 0px 0px; color:#0C4499; padding:0px}
.promises span {display: block; height: 14px; width:100%; background-color: #666;
color: #FFFFFF; font: bold 12px Arial, sans-serif;}
.promises a {text-decoration:none; font-style: italic;}
.promises a:hover{text-decoration:underline;}
*/
#SubNavBar { }
#SubNavBar {height: 23px; border: 1px solid #CCC; margin: 0; padding: 0;}
#SubNavBar UL LI {background: #FFF url('http://www.performance-education.com/images/icons/arrow_red.gif') 8px 6px no-repeat; border-right: 1px solid #CCC;
margin: 0; padding: 4px 12px 0 15px; height: 19px; float:left; list-style-type: none; display: block;}
#SubNavBar UL LI A{color: #53829C; font-weight: bold; display: block;}
#SubNavBar UL LI.Active {background-color:#ADFF2F; font-weight: bold;}
#BodyWrapper {color: #000; margin: 0; background-color:#fff;}
.NavGroup {margin-top: 10px; width:140px;}
.NavGroup H3 {background: #51829A; padding: 2px; color: #FFF; margin:4px 0px 0px 4px; font-size: 10pt}
.NavGroup H3 SPAN {display: block; border: 1px solid #8AAABA; padding: 2px 5px; }
.NavGroup .LinkList {background: #fff}
.NavGroup .LinkList span {color: #333; border-bottom: 1px solid #C6D7DF; padding: 0px; margin: 0px; }
.NavGroup .LinkList span A {color: #2E6D8F; display: block; padding: 2px 0 4px 10px; background: url('http://www.performance-education.com/images/icons/arrow_dark.gif') 3px .4em no-repeat; }
.LayoutTable {width: 100%; font-size:13px}
.LayoutTable TD {vertical-align: top; font-size:13px}
#MainColumn {margin: 0; padding: 4px 8px 8px 16px; width: 100%;}
#MainColumn H2 {color: #666; text-transform: uppercase; padding-bottom: .5em; margin-bottom: .5em; border-bottom: 1px solid #E5E5E5; }
.mainBox {border: 1px solid #CCC; padding: 5px; margin-bottom:5px; border-top-width: 1px; border-left-width: 1px;
border-top-style: solid; border-left-style: solid; border-top-color: #999;border-left-color: #999; border-right-width: 2px;
border-right-style: solid; border-right-color: #666; border-bottom-width: 3px; border-bottom-style: solid;border-bottom-color: #666;
max-height:280px; overflow-y:auto; background-color:#E3E4FA}
.mainBox .circlebut {text-align:center; width:26px; height:26px; font: bold 22px Arial, sans-serif; color:#fff; background-color:#EAC117; float:left; margin-right:6px; border:1px solid #333}
.mainbox ul {margin: 0 0 4px 5px; padding-left:6px}
.mainbox table {font-size:12px}
.mainbox li {line-height:20px}
.mainbox .name {background-color:#EAC117; border:1px solid #333; padding:3px; display:block; width:100px; margin:2px; float:left}
.mainbox .place {background-color:#fff; border:1px solid #333; padding:3px; display:block; width:200px; margin:2px; float:left}
.mainbox .level {background-color:#EAC117; border:1px solid #333; padding:3px; display:block; width:100px; margin:2px; float:left}
#MainColumn .toolbooks {width:280px; background-color:#f5f5f5; height: 220px; margin:2px; overflow-y: auto; overflow-x:auto; border-collapse: separate;
padding:4px; border-right:2px solid #666; border-bottom:3px solid #333; border-top:1px solid #999; border-left:1px solid #999;}
#MainColumn .toolbooksUNL {width:620px; background-color:#f5f5f5; height: auto; margin:2px; overflow-y: auto; overflow-x:auto; border-collapse: separate;
padding:4px; border-right:2px solid #666; border-bottom:3px solid #333; border-top:1px solid #999; border-left:1px solid #999;}
#MainColumn .toolbooks .subject {width:100%; height:auto; font-size:12px}
#MainColumn .toolbooks .lessonHeader {color: white; background-color:black; font-weight: bold; font-size:13px}
#MainColumn .toolbooks .boxContents {width:100%;}
#MainColumn .toolbooks .boxText {}
#MainColumn #tbsecthead {border-left:2px solid #666; border-top:3px solid #666; border-bottom:1px solid #999; text-align:center; width:100%; color:#000; background-color:#e5e5e5}
#legend {border:1px solid #999; width:100%; padding:4px; font-size:12px}
#legend .block{width:auto; float:left; line-height:20px; margin-left:8px}
#legend .block img {vertical-align: middle;}
#legend .legendbox {display:block; width:25px; height:15px; border: 2px solid black; float:left; margin-right:6px; color:#fff; font-weight:bold}
#MainColumn .backtop {display:block; width:100%; text-align:right}
#MainColumn fieldset {border: 1px solid #333; padding: 4px; margin: 4px 0; background-color: #e3e4fa;}
#MainColumn fieldset legend {font-weight:bold; color: #fff;background-color: #EAC117; border: 1px solid #781351; padding: 2px 6px}
table#subcontent {width:100%; border:1px solid gray; padding:0px; margin:0px; background-color:#f5f5f5; font-size: 12px;}
#subcontent th {border-bottom:2px solid gray; border-right:1px solid gray; height:16px; padding:0px; margin:0px; font-size: 12px; }
#subcontent td {text-align:center; padding-left:4px; padding-top:2px}
#subcontent td.l{text-align:left; padding-bottom:4px}
a.unlBuyNow {padding: 0px 6px; background-color:#FDD017; color:#333; margin-left:10px; text-decoration:none; border:1px solid #2B3856}
a.unlBuyNow:hover {background-color:#EAC117}
#faqQ a{font-weight: bold; font-size: 14px; color: #E9AB17;; display: block; margin-bottom: 5px; text-decoration: none;}
div.answerbox {border-top-width: 1px;border-left-width: 1px;border-top-style: solid;border-left-style: solid;border-top-color: #999;
border-left-color: #999;border-right-width: 2px;border-right-style: solid;border-right-color: #666;border-bottom-width: 3px;
border-bottom-style: solid;border-bottom-color: #666;margin-top: 8px;padding-top: 3px;padding-right: 3px;padding-bottom: 3px;
padding-left: 3px;background-color:#E3E4FA}
div.answerbox a.linkhead{font-weight: bold; color: #0066cc; text-decoration:none; font-size:12px}
div.answerbox a{color: #0066cc;color:#333}
#waystosubscribe {}
#waystosubscribe a {}
.Item { background-color: #FFE; border: 1px solid #CCC; margin: 12px 0;}
.Item TD { padding: 15px 0;}
.Item TD DIV { width: 130px; text-align: center;}
.Item TD H3 { margin: 0 15px 0 0; padding: 0;}
.Item TD H3 .Icon { margin-left: 4px;}
.Item TD H3 A { text-decoration: none;}
.Item TD P { margin-right: 15px; margin-bottom: 0;}
.Item P.Exception { color: #CC3333; }
.Item P .Button { margin-right: 8px;}
.Item P .Icon { margin-right: 4px;}
.bolddkred {font-weight:800; color: #900}
.boxcontentnopadding {margin:0px; background-color: #fff; display:block; padding:0px; }
/* -- Affiliate Program --*/
#affMainColumn {margin: 0; padding: 2px 8px 8px 16px; width: 100%;}
#affMainColumn H2 {color: #666; text-transform: uppercase;}
.affMainBox {border: 1px solid #CCC; padding: 5px; margin-bottom:5px; border-top-width: 1px; border-left-width: 1px;
border-top-style: solid; border-left-style: solid; border-top-color: #999;border-left-color: #999; border-right-width: 2px;
border-right-style: solid; border-right-color: #666; border-bottom-width: 3px; border-bottom-style: solid;border-bottom-color: #666;
background-color:#E3E4FA}
a.affJoinNow {display:block; padding: 0px 6px; background-color:#FDD017; color:#333; margin:14px auto; text-decoration:none;
border:1px solid #2B3856}
a.affJoinNow:hover {background-color:#EAC117}
.TopTabTableInner {background-image:url('http://www.performance-education.com/images/icons/innerTabBg.gif'); height:22px; margin:0px; padding: 0px;}
.TopTabTableInner td img { display:block; }
.TopTabTableInner .tabContentSelected { cursor:pointer; vertical-align:top; padding:5px 0px 0px 0px!important; background-image:url('http://www.performance-education.com/images/icons/innertabTileSelected.gif'); background-repeat:repeat-x; color:#D60077; font-weight:bold; white-space:nowrap!important; }
.TopTabTableInner .tabContentSelected a { color:#933; text-decoration:none; white-space:nowrap!important; }
.TopTabTableInner .tabContentNonSelect { cursor:pointer; vertical-align:top; padding:5px 0px 0px 0px!important; background-image:url('http://www.performance-education.com/images/icons/innertabTile.gif'); background-repeat:repeat-x; color:#fff; font-weight:bold; white-space:nowrap!important; }
.TopTabTableInner .tabContentNonSelect a { color:#f5f5f5; text-decoration:none; white-space:nowrap!important; }
.TopTabTableInner a {margin:0px; color:#fff; text-decoration:none; white-space:nowrap!important; font-weight: bold}
.TopTabTableInner a:hover { color:#933; text-decoration:none; white-space:nowrap!important; }
.boxcontent {display:block; margin:0px; padding:0px; background-color: #fff; border:0 solid #cccccc; border-width:0 1px; padding:5px 10px;overflow: hidden;}
/* ********* princing comparison table ********* */
#ptable { border-top: 1px solid #CCC; font: 14px Tahoma, Arial, sans-serif; background-color: #fff}
#ptable td{ border: 1px solid #CCC; padding: 4px; vertical-align: bottom; text-align: center;}
#ptable .rowheader{padding-left: 18px; text-align: left;}
#ptable .major_row {background-color: #d5d5d5; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: left; padding: 4px;}
#meat {height:auto; background-color:#0C4499;width:100%; border-bottom: 2px solid #564b47;}
#leftside {width:200px; height:100%; background-color:#0C4499; float:left; padding:0px; margin:0; text-align:center}
.leftad {margin: 4px auto; display:block; border: 1px solid #039}
#secure {background-color:#cfc; margin: 8px auto; text-align:center; width:95%; display:block; border: 2px solid #090; font-weight: bold}
#secure a {text-decoration:none; color:#333}
.infoL {background:#090; color: #fff; width:95%; margin:2px auto 0px auto; text-decoration:none; font-weight: bold; display:block; height: 16px}
#contact {margin: 2px auto; width:93%; text-align: justify; color:#fff; border: 1px solid #09F; background-color:#069; padding:2px}
#contact a{text-decoration:none; color:#ffc; font-weight:bold}
#contact a:hover {color:#FF3; text-decoration:underline}
#faqL {margin: 2px auto; width:95%; text-align:center; color:#090; font-weight: bold}
#faqL a {height: 16px; width: 100%; font-weight: bold; padding: 0px; margin: 6px auto; text-decoration: none; background: #f5f5f5; color: #090; display:block}
#faqL a:hover {color: #090; background: #cfc;}
#faqL a span {display: none; background-color: #f5f5f5; border: 4px solid black; font-size: 16px}
#faqL a:hover span {display: block; position:absolute; top:0px; left:250px; width: 420px; padding: 4px; margin: 0px; z-index: 101; color: #333; text-align: left; background-color:#fff}
#comingsoon {border:0px solid #ffe87c; background-color:#f5f5f5; margin:8px auto; font-weight: bold; text-align:left; width:92%; padding:4px}
#comingsoon ul {margin:0; padding:0}
#comingsoon li {margin-left:4px; padding-left:4px; font-size:10px}
div#topic {margin: 10px auto; width:95%; text-align:center; color:#fff; font-weight: bold}
div#topic a {display: block; height: 16px; width:100%; font-weight: bold; margin: 3px 0px; text-decoration: none; border-right: 2px solid #FF9900; border-bottom: 2px solid #FF9900; background-color: #FFCC33; color: #993300;}
div#topic a:hover {color: #EAC117; background: #FFF380;}
div#topic a span {display: none; background-color: #f5f5f5; border: 4px solid black; font-size: 16px}
div#topic a:hover span {display: block; position:fixed; top:150px; left:250px; width: 420px; padding: 4px; margin: 0px; z-index: 100; color: #333; text-align: left}
#special {background-color:#C85A17; margin: 10px auto; text-align:center; width:180px; display:block; border: 2px solid #090; padding:4px; font-weight: bold}
#special a {text-decoration:none; color:#333}
#content {width:auto; margin-left:200px; background-color:#f8f8f8; height:auto; border-left: 2px solid #000033; padding:3px; text-align:left}
#content table { font: 10pt Tahoma, Arial, sans-serif}
#state {width:200px; background-color:#FDD017; border: 2px solid #222; float:right; padding:6px; font-weight:bold; color:#7E2217}
#state img {clear:both; margin: 0px auto}
#state p {margin-top:8px; padding:2px; background-color: #f5f5f5; border: 2px dotted #666; color: #666; overflow: auto; max-height:100px; height: 100px; border-right: 0px}
#maininfo {margin-right:220px;}
#products {width:100%; margin-top:40px; background-color:#fff}
#products.old a {text-decoration:none; color:#333}
#products a {text-decoration:none; color:#739600}
#products a:hover {text-decoration:none; color:#0F0}
#products span {text-align:center; width:100%; border-top: 4px solid #090; margin: 0 0 14px 0; display:block; background-color:#D8D8D8; border-bottom: 2px solid #009900; padding: 3px 0;font-size: 14px}
.boxContents{width:100%; background-color:#fff}
#ptp {width:48%; float:right;}
#toolbooks {width:45%}
#footerbox {font-size: 10px; width:100%; padding-top: 30px; margin:0px; text-align:center;}
#geotrust {height:70px; margin:0px; width:100%}
#tablecontainer { width:auto; margin-left:510px; height:100%; position:relative;}
#tablecontainer table {font: 11px Tahoma, Arial, sans-serif; background-color:#f8f8f8;}
/* just for _teacher.php */
#offers {width:640px; float:left; margin: 0 5px 10px 0; padding:0}
/* Hides from IE-mac \*/
* html #offers {height: 1%;}
/* End hide from IE-mac */
#offer1 {background-color:#C85A17; text-align:center; margin:3px; float:left; display:block; width:170px; border: 2px solid #C11B17; padding:5px; font-weight: bold}
#offer1 a{text-decoration:none; color:#fff}
#offer2 {background-color:#666; text-align:center; margin:3px; float:left; display:block; width:170px; border: 2px solid #C11B17; padding:5px; font-weight: bold}
#offer2 a{text-decoration:none; color:#fff}
#offer3 {background-color:#cfc; text-align:center; margin:3px; float:left; display:block; width:170px; border: 2px solid #090; padding:5px; font-weight: bold}
#offer3 a{text-decoration:none; color:#333}
.circlebut {text-align:center; width:26px; height:26px; font: bold 22px Arial, sans-serif; color:#fff; background-color:#0C4499;}
#popad {padding:5px; border:1px solid #999; background:#f5f5f5; width:200px; font: 14px Tahoma, Arial, Sans-Serif;}
#popad a{color:#333; text-decoration:none; font-weight:bold}
#popad a:hover{color:red}
#popad_footage {height:200px; width:200px; background: #ccc url(ads/peu_ad1.jpg) top left no-repeat;}
#popad_footage a{color:#333; text-decoration:none}
#popad_footage a:hover{color:blue;}
#popad{position:absolute; top:100px; left:40%;}
html>body #popad{position:fixed;}
#popad p{margin:0; padding: .5em; background:#fff; font: bold 90% Arial,Sans-serif;}
/*
#popad_footage a{color:red; display:block; height:250px; width:200px; overflow:hidden; text-decoration:none;}
#popad p{margin:0; padding:0 .5em .5em .5em; background:#fff; font: bold 90% Arial,Sans-serif;}
#popad_content a{color:#369;}
#popad.dynamic #popad_footage{height:270px; width:200px;
//background:url(ads/peu_ad1.jpg) top left no-repeat;
}
#popad.dynamic #popad_footage a{height:240px;}
#popad.dynamic #popad_footage a#popad_close{color:#ddd; height:20px; }
#popad.dynamic{ position:absolute; top:150px; left:70%; }
html>body #popad.dynamic{ position:fixed; }
*/
/* new index and header */
Body.newindex {background: #f8f8f8; margin: 0px; padding: 0px; width: 100%; text-align:center; height:100%}
#BAMheadtop {background-color: #0C4499; margin: 0px; padding: 5px; width:100%; position:relative; height:110px}
.BAMheadtopleft {font: bold 12px Tahoma, Arial, sans-serif; color: #FFF; background-color: #0C4499; width:280px; margin-left:6px; float:left; position:relative}
.BAMheadtopleft a {display:block; float:left; margin:2px; font: bold 11px Tahoma, Arial, sans-serif; color: #FFF; text-decoration: underline;}
.BAMheadtopleft img {border:0px;}
.BAMheadtopmid {margin-left: 280px; margin-right: 250px; }
.BAMheadlogin {font: bold 12px Tahoma, Arial, sans-serif; color: #FFF; background-color: #0C4499; width:250px; float:right}
.BAMlogintitle {font: bold 11px Tahoma, Arial, sans-serif; color: #FFF; background-color: #0071bc; border: solid 1px #CCC; padding:2px}
#BAMloginbox {font: 10px Tahoma, Arial, sans-serif; color: #000; width: 250px; height:74px;
border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC;
background-image: url(images/hands4.jpg); background-repeat: no-repeat;}
.BAMlogleft {float:left; font: 10px Tahoma, Arial, sans-serif; margin:2px; background: transparent}
.BAMloginput {font: 10px Tahoma, Arial, sans-serif; background: white}
.BAMlogright {float:right; font: 10px Tahoma, Arial, sans-serif; background: transparent; width:120px; text-align:center; padding-top:4px}
#BAMheader2 {width:100%; background-color: #0071BC; border-top: 1px solid #999; border-bottom: 1px solid #999;
padding:6px 0px 0px 4px; margin:0px; font: bold 12px Tahoma, Arial, sans-serif; color: #FFF;
position:relative; height:40px}
#BAMheader2 img {border:0px}
#BAMheader2 a {font: bold 10px Tahoma, Arial, sans-serif; color: #FFF; }
.BAMheadsearch {font: bold 12px Tahoma, Arial, sans-serif; color: #FFF; float:left; width:200px; text-align:left}
.BAMheadcart {margin-left: 210px; margin-right: 310px;}
.BAMheaderphone {float:right; font: bold 20px Tahoma, Arial, sans-serif; width:300px; text-align:right}
#BAMheader3 {background-color: #666; border-bottom: 1px solid #999; padding: 0px; width:100%; position:relative; text-align:center; height:18px}
.BAMheader3m {width:750px; margin-left:auto; margin-right:auto; text-align:center;}
.BAMheader3m span {display:block; padding: 0px; float:left; width:19%}
.BAMheader3m a {font: bold 12px Tahoma, Arial, sans-serif; color: #FFF; text-decoration: none;}
.BAMheader3m a:hover{font: bold 12px Tahoma, Arial, sans-serif; color: #FFF; text-decoration: underline;}
#BAMheader4 {background-color: #0C4499; border-bottom: 1px solid #999; border-left: 1px none #999; width:100%; height:18px; font: bold 12px Tahoma, Arial, sans-serif; color: #FFF; clear:left}
#indexbody {width:700px; margin: 6px auto; padding: 0; text-align:left; border: 1px solid #0071BC;}
#indexbody ol {margin: 0px 0px 0px 20px; padding-left: 7px;}
#indexbody ul {margin: 0px; padding: 0px}
#indexbody li {line-height:100%;}
#indexMain {width:100%; height: 100%; margin: 0px; padding:0px; vertical-align:top; background-color: #fff}
#indexflp {width:100%; height: 150px; border:1px solid #333;}
#indexflpspan {display: block; width:auto; background-color: #EAC117; color: #000; font-weight: bold; font-size: 14px; border-bottom:1px solid #333; padding:2px;}
#header_gap {bacground: #000; position: relative; border-right: 0px solid #565; border-left: 0px solid #565; width: 900px; margin: 0 auto; padding: 0px 5px 0px 5px;}
/* added by BAM */
#unlimited_va {font-size: 12px;line-height: 1.35em;padding:20px; text-align:left}
#unlimited_va h1, h2, h3, h4, h5, h6 {font-family: Helvetica,Arial,sans-serif;line-height: 1.35em;}
#unlimited_va h2 {font-size: 18px;line-height: 1.25em;margin-top: 5px;margin-right: 0pt;margin-bottom: 10px;margin-left: 0pt;color: #739600}
#unlimited_va table {margin: 20px auto;}
#unlimited_va td.main {border: 1px solid #ddd; padding: 10px 20px;}
#va_letter p + p {margin-bottom: 0; text-indent: 1.5em; margin-top: 0 }
#va_letter {width:510px; float:left; text-align:left; margin-bottom:5px; padding:10px}
#tab-container-1 {text-align:left}
div.tab {font-size: 12px;line-height: 1.35em; text-align:left}
div.tab h1, h2 {font-size: 18px;line-height: 1.25em;margin-top: 5px;margin-right: 0pt;margin-bottom: 10px;margin-left: 0pt;color: #739600;
font-family: Helvetica,Arial,sans-serif;}
#tab-container-1-nav {list-style-type: none; width:180px; margin-right:4px}
#tab-container-1-nav LI {margin: 0; list-style-type: none; }
#tab-container-1-nav LI A{color: #53829C; text-decoration:none; display:block; padding:2px}
#tab-container-1-nav LI A.Active {background-color:#ccc;}
#tab-container-1-nav LI A:hover {background-color:#ccc;}
#Table_01 {background-color:#fff}
/* end of added by BAM */
/* added by GAS */
.va_content_link {font-size: 14px; font-weight: bold; line-height: 1.25em;margin-top: 5px;margin-right: 0pt;margin-bottom: 10px;margin-left: 0pt;}
/* end of added by GAS */