body{  margin:0px 0px;  }

#wrapper{width: 100%; font-size:90%; margin:0 auto; text-align: center}

/*START OF HEADER */

#header{}

/*END OF HEADER */


/*START OF COMMON */

/*h1{ font-size:120%; font-family: Tahoma, helvetica; font-weight: normal; width:100%; text-align: center; margin: 0px}*/
h1{font-family: Tahoma, helvetica; font-weight: normal; width:100%; text-align: center; margin: 0px}
h2{font-family: Tahoma, helvetica; font-weight: normal; width:90%; text-align: center; margin: 0px}
/*END OF COMMON */


/*START OF MAIN */
table#main{ background:#fff; width:802px; margin: 0px auto; border-collapse: collapse}
table#main td#content .school {background-color:#FFFFFF; vertical-align:top; padding: 5px}
table#main td#content .pic {background-color:#FFFFFF; vertical-align:top; padding: 4px}
table#main td#content .title {vertical-align:top; padding: 5px; background: url(./i/F-title.jpg); background-repeat: no-repeat; background-position:center} 
table#main td#content .log {vertical-align: top; padding: 5px; background: url(./i/login.jpg); background-repeat: no-repeat; background-position:center; text-align:center;}
table#main td#content .reg {vertical-align: top; padding: 5px; background: url(./i/Reg.jpg); background-repeat: no-repeat; background-position:center; text-align:center;}

table#main td#content .A1 {vertical-align: top; background: url(./i/A1.jpg); width: 220px; background-repeat: no-repeat; background-position:center}
table#main td#content .A2 {vertical-align: top; background: url(./i/A2.jpg); width: 220px; background-repeat: no-repeat; background-position:center }
table#main td#content .A3 {vertical-align: top; background: url(./i/A3.jpg); width: 440px; background-repeat: no-repeat; background-position:center }
table#main td#content .A4 {vertical-align: top; background: url(./i/A4.jpg); width: 440px; background-repeat: no-repeat; background-position:center }
table#main td#content .A5 {vertical-align: top; background: url(./i/A5.jpg); width: 440px; height: 66px; background-repeat: no-repeat; background-position:center }
table#main td#content .A6 {vertical-align: top; background: url(./i/A6.jpg); width: 220px; background-repeat: no-repeat; background-position:right;}
table#main td#content .A7 {vertical-align: top; background: url(./i/A7.jpg); width: 220px; background-repeat: no-repeat;background-position:left;}
table#main td#content .A8 {vertical-align: top; background: url(./i/A8.jpg); width: 440px; height:90px; background-repeat: no-repeat; background-position:center;}
table#main td#content .A9 {vertical-align: top; background: url(./i/A9.jpg); width: 440px; height:90px; background-repeat: no-repeat; background-position:center;}
table#main td#content .StoryScript{ border:1px solid #FF0000; padding: 5px 5px 5px 5px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color:#FFFF00 }
table#main td#content .Lyrics{ border:1px solid #00009C; padding: 5px 5px 5px 5px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color:#00FFFF }
table#main td{ vertical-align: top; }
table#main td#nav{ background: url(./i/nav_bg.gif); width: 186px; height: 350px}
table#main td#nav #buttons_panel{ margin-top:20px; margin-bottom: 20px; width: 144px; margin-left:16px; text-align: center}
table#main td#nav #buttons_panel .button{ font-family: verdana; font-weight: bold; margin: 1px 0px ; background: #090; padding: 10px 5px 0px 5px}
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 .large{ background: url(./i/ButtonLarge.gif); background-repeat: no-repeat; height: 60px; width: 144px }
table#main td#nav #buttons_panel .largeblue{ background: url(./i/LargeBlue.gif); background-repeat: no-repeat; height: 60px; width: 144px }
table#main td#nav #buttons_panel .xlblue{ background: url(./i/XLblue.gif); background-repeat: no-repeat; height: 82px; width: 144px; }
table#main td#nav #buttons_panel .xlorange{ background: url(./i/XLorange.gif); background-repeat: no-repeat; height: 82px; width: 144px; }
table#main td#nav #buttons_panel .blue{ background: url(./i/blue_button.gif); height: 36px; background-repeat: no-repeat}
table#main td#nav #buttons_panel .red{ background: url(./i/red_button.gif); height: 36px; background-repeat: no-repeat}
table#main td#nav #buttons_panel .orange{ background: url(./i/orange_button.gif); height: 36px;background-repeat: no-repeat}
table#main td#nav #buttons_panel .green{ background: url(./i/green_button.gif); height: 36px; background-repeat: no-repeat}
table#main td#nav #buttons_panel .green2{ background: url(./i/green_button2.gif);background-repeat: no-repeat; height: 60px; width: 144px}
table#main td#nav #buttons_panel .light{ background: url(./i/light_button.gif); height: 36px; background-repeat: no-repeat}
table#main td#nav #buttons_panel .purple{ background: url(./i/purple_button.gif); height: 36px; background-repeat: no-repeat}
table#main td#top{ background: url(./i/top_bg.gif); height: 152px; 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 td#content #page_new{ margin: 300px 0px; font-family: Tahoma, helvetica, Verdana; font-size: 90%;}


table#main td#right{background: url(./i/right_bg.gif); width:27px}
/*END OF MAIN */


/*START OF FOOTER */
table#main #footer{ background: url(./i/bottom_bg.gif); height: 31px }
/*END OF FOOTER */

table#main td#nav #buttons_panel a.button1 { font-size:11px; font-family: verdana; font-weight: bold; color: #000; text-decoration: none}
table#main td#nav #buttons_panel  a.button1:hover{ color: #000; text-decoration: underline}



.star_1
{
background:url(i/Fav.gif) no-repeat; cursor:pointer; padding-left:40px; height:30px; float:right ;boder:0;
}