body{ background:#fff; margin:10px 0px;  }

#wrapper{width: 820px; font-size:90%; margin: auto}

/*START OF HEADER */

#header{}

/*END OF HEADER */


/*START OF COMMON */
.bottomleft{float:left}
.bottomright{float:right}
h1{ font-size:160%; font-family: Tahoma, helvetica; font-weight: normal; width:100%; text-align: center; margin: 0px}
h3{ font-size:90%; font-family: Tahoma, helvetica; font-weight: normal; width:100%; text-align: center; margin: 0px}
/*END OF COMMON */


/*START OF MAIN */
table#main{ background:#fff; width:801px; margin: 0px; border-collapse: collapse}
table#main #free_trial{ border:1px solid #999; padding: 5px 5px 5px 5px; background: #f5f5f5; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:0.9em}
table#main td{ vertical-align: top; }
table#main td#nav{ background: url(./i/nav_bg.gif); background-repeat:repeat-y; width: 200px;}
table#main td#nav #buttons_panel{ margin-top:30px; width: 157px; margin-left:35px; text-align: center}
table#main td#nav #buttons_panel .button{ font-family: verdana; font-weight: bold; margin: 10px 0px; background: #090; padding: 9px 10px 13px 10px}
table#main td#nav #buttons_panel .button a{ color: #000; text-decoration: none}
table#main td#nav #buttons_panel .button a:hover{ color: #000; text-decoration: underline}
table#main td#nav #buttons_panel .button_big a{ color: #000; text-decoration: none}
table#main td#nav #buttons_panel .button_big a:hover{ color: #000; text-decoration: underline}
table#main td#nav #buttons_panel .button_small a{ color: #000; text-decoration: none}
table#main td#nav #buttons_panel .button_small a:hover{ color: #000; text-decoration: underline}
table#main td#nav #buttons_panel .button_grammar a{ color: #FFFF00; text-decoration: none}
table#main td#nav #buttons_panel .button_grammar a:hover{ color: #FFFF00; text-decoration: underline}
table#main td#nav #buttons_panel .button_phonics a{ color: #990099; text-decoration: none}
table#main td#nav #buttons_panel .button_phonics a:hover{ color: #990099; text-decoration: underline}
table#main td#nav #buttons_panel .button_practice a{ color: #FF0000; text-decoration: none}
table#main td#nav #buttons_panel .button_practice a:hover{ color: #FF0000; text-decoration: underline}

table#main td#nav #buttons_panel .button_big{ font-family: verdana; line-height: 1.7em;  font-weight: bold; margin: 8px 0px; background: #090; padding: 10px 10px 15px 5px}
table#main td#nav #buttons_panel .button_small{ font-family: verdana; line-height: 1.7em;  font-weight: bold; margin: 3px 0px; background: #090; padding: 1px 5px 1px 5px}
table#main td#nav #buttons_panel .button_grammar{ font-family: verdana; line-height: 1.7em;  font-weight: bold; margin: 10px 0px; background: #090; padding: 8px 5px 6px 5px}
table#main td#nav #buttons_panel .button_phonics{ font-family: verdana; line-height: 1.7em;  font-weight: bold; margin: 10px 0px; background: #090; padding: 8px 5px 6px 5px}
table#main td#nav #buttons_panel .button_practice{ font-family: verdana; line-height: 1.7em;  font-weight: bold; margin: 10px 0px; background: #090; padding: 8px 5px 6px 5px}
table#main td#nav #buttons_panel .yellow{ background: url(./i/yellow_button.gif); background-repeat: no-repeat; height:20px}
table#main td#nav #buttons_panel .red{ background: url(./i/red_button.gif);background-repeat: no-repeat; height:20px}
table#main td#nav #buttons_panel .blue{ background: url(./i/blue_button.gif);background-repeat: no-repeat; height:20px}
table#main td#nav #buttons_panel .yellow_big{ background: url(./i/yellow_button_big.gif); background-repeat: no-repeat; height:55px}
table#main td#nav #buttons_panel .yellow_small{ background: url(./i/yellow_button_small.gif); background-repeat: no-repeat}
table#main td#nav #buttons_panel .green_big{ background: url(./i/green_button_big.gif);background-repeat: no-repeat}
table#main td#nav #buttons_panel .blue_big{ background: url(./i/blue_button_big.gif);background-repeat: no-repeat}

table#main td#content .location {height:33px; width:120px; padding: 6px; font-weight:bold; color: #4876FF }
table#main td#content .options { background: url(./i/navbutblue.jpg);background-repeat: no-repeat; height:33px; width:120px; padding: 6px; font-weight:bold }
table#main td#content .options a{ color: #FFFFFF; text-decoration: none}
table#main td#content .options a:hover{ color: #4876FF; text-decoration: underline}


table#main td#top{ background: url(./i/top_bg.gif); height: 144px; background-repeat: repeat-x; text-align: center}
table#main td#content{ height: 279px; padding: 5px 15px 15px 15px}
table#main td#content #page{ margin: 20px 0px; font-family: Tahoma, helvetica, Verdana; font-size: 90%}
table#main .title{ border:1px solid #2E0854; background-color:#4876FF; font-weight:bold; font-size:120%; padding:5px}
table#main .subtitle{ border:1px solid #2E0854; background-color:#33FFFF; font-weight:bold; font-size:120%; padding:5px}
table#main .subtitle3{ border:1px solid #003300; background-color:#00FF66; font-weight:bold; font-size:120%; padding:5px}
table#main .subtitle2{ border:1px solid #9900CC; background-color:#CC33CC; font-weight:bold; font-size:120%; padding:5px}
table#main .subtitle4{ border:1px solid #FF0033; background-color:#FF9933; font-weight:bold; font-size:120%; padding:5px}
table#main td#right{background: url(./i/right_bg.gif); width:36px}
table#main td#content #page .year1{ border:thick solid #FFFF66; margin: 20px 0px; font-family: Tahoma, helvetica, Verdana; font-size: 100%;}
table#main td#content #page .year2{ border:thick solid #FF9933; margin: 20px 0px; font-family: Tahoma, helvetica, Verdana; font-size: 100%;}
table#main td#content #page .year3{ border: thick solid #FF99CC; margin: 20px 0px; font-family: Tahoma, helvetica, Verdana; font-size: 100%;}
table#main td#content #page .year4{ border: thick solid #CC99FF; margin: 20px 0px; font-family: Tahoma, helvetica, Verdana; font-size: 100%;}
table#main td#content #page .year5{ border: thick solid #CCFF66; margin: 20px 0px; font-family: Tahoma, helvetica, Verdana; font-size: 100%;}
table#main td#content #page .year6{ border: thick solid #99CCFF; margin: 20px 0px; font-family: Tahoma, helvetica, Verdana; font-size: 100%;}

/*END OF MAIN */


/*START OF FOOTER */
table#main #footer{ background: url(./i/bottom_repeat.gif); height: 35px; background-repeat:repeat-x }
/*END OF FOOTER */