body    { background: #1D0802 url(images/bg.jpg) repeat-x 0 0; color: #333; font: normal 12px "Trebuchet MS", arial, sans-serif; padding: 0; margin: 0; }
a       { color: #33659a; text-decoration: none; }
a:hover { color: #7ba5d2; }
img     { border: none; }
p       { line-height: 140%; margin: 2ex 0; }
input, select, textarea { font-family: "Trebuchet MS"; font-size: 12px; }


/******************************
 * Page Wrapper
 ******************************/
#wrapper           { position: relative; width: 835px; margin: 0 auto; padding: 10px 0 0 0; }
.homepage #wrapper { padding-top: 35px; }


/******************************
 * Header, Content, Footer Wrappers
 * Layout
 ******************************/
#headerWrapper  { position: relative; height: 18px; }

#contentWrapper           { position: relative; min-height: 560px; background: #fff url(images/bg_sub_body.gif) repeat-y; border: solid #d2c5ad 3px; padding-bottom: 1px; }
.homepage #contentWrapper { background: #fff !important; height: 420px !important; min-height: 420px !important; padding-bottom: 0px; }

#footerWrapper  { position: relative; padding: 3px 0 15px 0; }


/******************************
 * Header and Footer
 * Styles
 ******************************/
ul.headerLinks  { float:right; list-style: none; background: url(images/bg_headerNav.gif) no-repeat 18px 0; padding: 0; margin: 5px 0; width: 556px; 
height: 8px; }
.headerLinks li { background: none; float: right; height: 8px; margin: 0 0 0 18px; padding: 0; }
.headerLinks a  { display: block; }
.headerLinks a:hover img { visibility: hidden; }

ul.footerLinks  { color: #E98A2A; list-style: none; padding: 0; margin: 0; font: normal 10px arial, sans-serif; }
.footerLinks li { background: none; float: left; margin: 0; padding: 0; }
.footerLinks a  { color: #e98a2a; }
.footerLinks a:hover  { color: #F1AA61; }
.footerLinks .divider { padding: 0 .5em; }

.copy { float: right; color: #fff; font: normal 10px arial, sans-serif; }


/******************************
 * Content Wrapper
 ******************************/
#contentHeader { height: 22px; background: url(images/sub_content_header.gif) no-repeat; }
#contentFooter { position: absolute; bottom: 0; width: 100%; height: 1px; background: #fff; }
#subLogo       { position: absolute; top: 4px; left: 8px; } 

.emailFriend     { width: 604px; height: 14px; position: absolute; top: 42px; left: 182px; background: url(images/email_friend_bg.gif) no-repeat 0 6px; text-align: right; }
.emailFriend img {  }

#leftCol { width: 130px; margin: 80px 0 0 36px; float: left; }
#content { width: 582px; margin: 63px 0 20px 203px; }

/********************
 * Homepage Styles
 ********************/
.homeQuadLinks   { position: absolute; top: 27px; left: 556px; width: 325px; height: 285px; }
.homeQuadLinks a { display: block; width: 130px; height: 140px; background-position: 0 0; background-repeat: no-repeat; }
.homeQuadLearn   { background-image: url(images/home_quad_learn.jpg); }
.homeQuadPair    { background-image: url(images/home_quad_pair.jpg);  position: absolute; top: 0; left: 137px; }
.homeQuadParty   { background-image: url(images/home_quad_party.jpg); position: absolute; top: 146px; left: 0px; }
.homeQuadPlay    { background-image: url(images/home_quad_play.jpg);  position: absolute; top: 146px; left: 137px; }
.homeQuadLinks a:hover { background-position: -130px 0; }

/********************
 * Left Nav Styles
 ********************/
.leftNavHeading  { display: block; margin-bottom: 5px; }
ul.leftNav       { list-style: none; margin: 5px; padding: 0; }
.leftNav li      { background: url(images/bullet_4sq.gif) no-repeat 0 6px; padding: 5px 0 5px 11px; margin: 0; }
.leftNav li ul   { list-style:none; margin:0; padding:3px 0 0 0; }
.leftNav li li   { background: url(images/bullet_arrow_tan.gif) no-repeat 0px 10px; padding:5px 0 0 5px; margin:0;}
.leftNav li li a { color: #993300; }
.leftNav li li a:hover { color: #F1AA61; }

.leftNav img { display: block; }

/********************
 * Content Styles
 ********************/
.pageHeading      { font-size: 180%; }
.pageHeading span { color: #993300; }

.heading1 { color: #993300; font-weight: bold; padding-top: 20px; padding-bottom: 10px; font-size: 130%; }
ul        { margin: 0px; padding: 3px 0 5px 0; list-style: none; } 
ul li     { padding-bottom: 10px; padding-left: 14px; margin: 0; background: url(images/bullet_list.gif) no-repeat 0px .8ex; }

.box1 .heading { font-weight: bold; }

.box2wrapper   { border: 3px double #d2c5ad; background: #fff; padding: 1px; }
.box2          { padding: 10px; background: #dbe6f1; } 
.box2 div      { margin-top: 10px; }
.box2 .heading { margin: 0 0 -5px 0; font: bold 18px "Trebuchet MS", arial, sans-serif; color: #8a3500; text-align: center; }
.box2 div span { font-weight: bold; display: block; }

/** Shopping Styles **/
/*
.shoppingTable    { background-color: #ffffff; width: 582px; border: 2px solid #e1c89f; padding: 0; margin-top: 0; margin-left:0; margin-right:0; margin-bottom: 20px; }
.shoppingTable .heading { position: relative; background-color: #d9e6f2; height: 40px; color: #330000; font-size: 14px; font-weight: bold; width: 190px; margin: 1px 2px 2px 1px; }
.shoppingTable td { padding:0px; vertical-align: top; background-color: #fbf7eb; border: 1px solid #e1c89f; }

.shoppingTable .list { color: #330000; font-size: 11px; width: 174px; margin-top: 2px; margin-bottom: 1px; padding: 8px; }
.shoppingTable hr    { border-left:none; border:right:none; border-bottom:none; border-top: 1px dashed #e1c89f; margin-top: 10px; margin-bottom:10px; }
*/
.shoppingTableWrapper   { border: 2px solid #e1c89f; padding: 1px; margin-bottom: 20px; }
.shoppingTable          { padding: 0; margin: 0; border-collapse: collapse; }
.shoppingTable .heading { position: relative; background-color: #d9e6f2; height: 40px; color: #330000; font-size: 14px; line-height: 16px; font-weight: bold; border-bottom: solid #fff 3px;  }
.shoppingTable td       { padding: 0; vertical-align: top; background-color: #fbf7eb; border-right: solid 3px #fff; }
.shoppingTable .list    { color: #330000; font-size: 11px; width: 174px; margin-bottom: 1px; padding: 8px; border-top: solid #fff 3px; }
.shoppingTable .list ul { list-style: none; padding: 0; margin: 0; }
.shoppingTable .list li { background:  url(../images/bullet_brown.gif) no-repeat 6px 4px; padding: 0 0 5px 15px; line-height: 120%; }
.shoppingTable hr         { border-top: 1px dashed #e1c89f; margin-top: 10px; margin-bottom:10px; }
.shoppingTable .rightCol  { border-right: none; }
.shoppingTable .sinfully  { position: absolute; top: 4px; left: 40px; text-align: center; }
.shoppingTable .challenge { position: absolute; top: 4px; left: 20px; text-align: center; }
.shoppingTable .darkParty { position: absolute; top: 12px; left: 12px; }

/** Quiz Styles **/
.quizDivider { background: no-repeat url(images/quiz_divider.gif); height: 4px; margin-top: 10px; margin-bottom: 10px; }
.quizTypeTitle { text-transform: uppercase; font-weight: bold; color: #993300; padding-top: 15px; }
.question { font-size: 12px; color: #993300; font-weight: bold; padding-top: 10px; }
.submitButton { position: relative; left: -200px; }

/** Pairing Styles **/
.pairWrapper1 { border: solid 2px #E1C89F; background: #fff; width: 578px; margin: 14px auto; position: relative; }
.pairWrapper2 { background: url(images/pair_bg.jpg); width: 576px; margin: 1px; position: relative; }
.pairHeader   { background: url(images/pair_hdr_bg.jpg) no-repeat; height: 255px; position: relative; }
#pairInfoWrapper1 { border: solid 2px #E1C89F; background: #fff; width: 552px; height: 220px; position: absolute; top: 10px; left: 10px; display: none; }
#pairInfoWrapper2 { background: #9D3803; width: 330px; height: 198px; margin: 1px; padding: 10px 210px 10px 10px; position: relative; }
.pairItems    { padding-bottom: 30px; }

.pairHdrText  { position: absolute; top: 8px; left: 10px; }
.pairHdrImg   { position: absolute; top: -22px; right: -9px; }

.pairItems table   { margin: 3px 10px; padding: 0; border-collapse: collapse; }
.pairItems td      { padding: 5px 0; vertical-align: center; }
.pairItems a       { font: bold 14px/15px "Trebuchet MS", arial, sans-serif; color: #300; }
.pairItems a:hover { color: #933; }
.pairItems .pairItemImg     { width: 49px; }
.pairItems .pairItemImg a   { border: solid #e1c89f 1px; display: block; }
.pairItems .pairItemImg img { border: solid #ffffff 1px; }
.pairItems .pairItemName    { width: 201px; padding-left: 14px; }
.pairItems .pairSpacerCol   { width: 25px; }

#pairInfoWrapper1 { font: normal 13px/15px "Trebuchet MS", arial, sans-serif; color: #fff; }
#pairInfoItem     { font-size: 140%; color: #ffc; display: block; }
#pairInfoImg      { position: absolute; top: 10px; right: 10px; width: 184px; }
.pairInfo         { padding: 0 10px; }
.pairInfoHeading  { font-weight: bold; color: #ffc; margin-top: 15px; }
a.pairInfoClose   { position: absolute; top: 190px; left: 113px; }

.error { font-weight: bold; color: Red; padding-top:10px; }
.error ul { margin-left: 20px; }
.error li { padding: 3px; }

.chocabAZ .item { padding-top: 10px; }
.chocabAZ .item span { font-weight: bold; }

.toolbox        { width: 158px; margin: 20px 18px 15px 0; _margin-top: 23px; border: solid 1px #E1C89F; float: left; }
.toolboxHeader  { height: 27px; background: url(/images/toolbox_header_bg.gif) repeat-x; border-bottom: solid #fff 1px; position: relative; }
.toolboxFooter  { height: 10px; background: url(/images/toolbox_header_bg.gif) repeat-x; }
.toolboxIcon    { position: absolute; top: -17px; left: 0px; }
.toolboxHeading { margin: 9px 0 0 45px; }
.toolboxContent ul   { list-style: none; padding: 0; margin: 0; }
.toolboxContent li   { margin: 0; padding: 4px 10px 4px 15px; font-size: 10px; line-height: 10px; font-family: arial, sans-serif; border-bottom: dashed 1px #e1c89f; background-color: #F4F8FB; background-repeat: no-repeat; background-position: 4px 4px; }
.toolboxContent li a       { display: block; color: #930; }
.toolboxContent li a:hover { color: #F1AA61; }
.toolboxContent .toolHTML  { background-image: url(/images/bullet_arrow_brown.gif); }
.toolboxContent .toolPDF   { background-image: url(/images/bullet_dl_arrow.gif); }

.clr    { clear: both; }
.fR_TBL { float: right; margin: 10px 0 10px 10px; }