.Georgiah11white {FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Georgia; TEXT-DECORATION: none; FONT: bold} /*- BlueArea--------------------------- */ #BlueArea { CLEAR: both; MARGIN: 0px auto 0px; WIDTH: 360px; } #BlueArea TABLE {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px} #BlueArea TABLE TD#header {PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url("../Images/Home/area_top.gif") no-repeat right top; PADDING-BOTTOM: 0px; WIDTH: 260px; PADDING-TOP: 0px; TEXT-ALIGN:center} #BlueArea TABLE TD#area_top_left {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/area_top_left.gif") no-repeat right top; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: right;} #BlueArea TABLE TD#area_top_center {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/area_top_center.gif") repeat-x left top; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: left} #BlueArea TABLE TD#area_top_right {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/area_top_right.gif") no-repeat left top; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left} #BlueArea TABLE TD#area_center_left {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/area_left.gif") repeat-y right top; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left;} #BlueArea TABLE TD#area_center_content {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color:#b8d8e8; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: left} #BlueArea TABLE TD#area_center_right {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/area_right.gif") repeat-y left top; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left} #BlueArea TABLE TD#area_bottom_left {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/area_bottom_left.gif") no-repeat right top; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: right} #BlueArea TABLE TD#area_bottom_center {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/area_bottom_center.gif") repeat-x left top; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: left} #BlueArea TABLE TD#area_bottom_right {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/area_bottom_right.gif") no-repeat left top; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left} #BlueArea TABLE TD#top_line_left {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/menu/area_top_line_left.gif") no-repeat right bottom; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left} #BlueArea TABLE TD#top_line_center {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color:#b8d8e8;PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left} #BlueArea TABLE TD#top_line_right {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/menu/area_top_line_right.gif") no-repeat right bottom; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left} #BlueArea TABLE TD#top_line_space {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/menu/space.gif") no-repeat right bottom; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left} #BlueArea TABLE TD#left_content {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/area_left.gif") repeat-y left top; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left;} #BlueArea TABLE TD#center_content {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color:#b8d8e8; PADDING-BOTTOM: 0px; WIDTH: 240px; PADDING-TOP: 0px; TEXT-ALIGN:center} #BlueArea TABLE TD#right_content {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../Images/Home/area_right.gif") repeat-y right top; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left} #BlueArea TABLE TD#footer {PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url("../Images/Home/area_bottom.gif") no-repeat right top; PADDING-BOTTOM: 0px; WIDTH: 260px; PADDING-TOP: 0px; TEXT-ALIGN: left} /*- Menu ticker--------------------------- */ #ticker {CLEAR: both; MARGIN: 0px auto 12px; WIDTH: 700px; COLOR: #76797c} #ticker TABLE {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url("../Images/Home/ticker744wide_btm.gif") no-repeat left bottom; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px} #ticker TABLE TD {FONT-SIZE: 12px} #ticker TABLE TD#tic-title {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url("../Images/Home/ticker_top.gif") no-repeat left top; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: top; WIDTH: 184px; PADDING-TOP: 4px; TEXT-ALIGN: center} #ticker TABLE TD#tic-item { PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url("../Images/Home/ticker_top.gif") no-repeat right top; PADDING-BOTTOM: 4px; WIDTH: 534px; PADDING-TOP: 4px; TEXT-ALIGN: left} #ticker TABLE TD#tic-item A {opacity: 0.999} #ticker TABLE A {COLOR: #222; TEXT-DECORATION: none} #ticker TABLE A:hover { COLOR: #111; TEXT-DECORATION: underline} #ticker TABLE A:SPAN {background-position:100% -42px;} /*- Menu Tabs B--------------------------- */ #tabsB { float:left; width:100%; font-size:93%; line-height:normal;BORDER-BOTTOM: #999999 1px solid; } #tabsB ul { margin:0; padding:12px 12px 0 165px; list-style:none;} #tabsB li { display:inline; margin:0; padding:0; } #tabsB a { float:left; background:url("../Images/Home/tableftB.gif") no-repeat left top; margin:0; padding:0 0 0 3px; text-decoration:none; } #tabsB a span { float:left; display:block; background:url("../Images/Home/tabrightB.gif") no-repeat right top; margin:0; padding:6px 15px 5px 12px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsB a span {float:none;} /* End IE5-Mac hack */ #tabsB a:hover span { color:#000; } #tabsB a:hover { background-position:0% -42px; } #tabsB a:hover span { background-position:100% -42px; } #tabsB #current a { background-position:0% -42px; } #tabsB #current a span { background-position:100% -42px; } /*- Menu Tabs Blue--------------------------- */ #tabsBlue { float:left; width:100%; font-size:93%; line-height:normal;BORDER-BOTTOM: #999999 1px solid; } #tabsBlue ul { margin:0; padding:12px 12px 0 165px; list-style:none;} #tabsBlue li { display:inline; margin:0; padding:0; } #tabsBlue a { float:left; background:url("../Images/Home/leftButton_B.gif") no-repeat left top; margin:0; padding:0 0 0 3px; text-decoration:none; } #tabsBlue a span { float:left; display:block; background:url("../Images/Home/rightButton_B.gif") no-repeat right top; padding:5px 15px 4px 16px; color:#666; } #tabsBlue a span {float:none;} #tabsBlue a:hover span { color:#000; } #tabsBlue a:hover { background-position:0% -42px; } #tabsBlue a:hover span { background-position:100% -42px; } #tabsBlue #current a { background-position:0% -42px; } #tabsBlue #current a span { background-position:100% -42px; } /*- Menu scr1--------------------------- #scr1 {CLEAR: both; MARGIN: 0px auto 12px; WIDTH: 534px;} #scr1 TABLE {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px} #scr1 TABLE TD {FONT-SIZE: 12px} #scr1 TABLE A {COLOR: #222; TEXT-DECORATION: none} #scr1 TABLE A:hover { COLOR: #111; TEXT-DECORATION: underline} */ /*- Menu Tabs Login--------------------------- */ #tabs10 {float:left;width:100%;font-size:93%;border-bottom:1px solid #2763A5;line-height:normal;} #tabs10 ul {margin:0;padding:0px 0px 0px 15px;list-style:none;} #tabs10 li {display:inline;margin:0;padding:0;} #tabs10 a {float:left;background:url("../Images/Home/tableft10.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;} #tabs10 a span {float:left;display:block;background:url("../Images/Home/tabright10.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#FFF;} #tabs10 a span {float:none;} #tabs9 a:hover span {color:#FFF;} #tabs10 a:hover {background-position:0% -42px;} #tabs10 a:hover span {background-position:100% -42px;} #tabs10 #current a {background-position:0% -42px;} #tabs10 #current a span {background-position:100% -42px;} /* Start LeftMenu*/ #menubutton1 {width: 12em;border-right: 0px solid #000;padding: 0 0 0px 0;margin-bottom: 0px;font-family: Tahoma, Arial, sans-serif; font-size : 12px;background-color: #90bade;color: #333;width: 150px;} #menubutton1 ul {list-style: none;margin: 0;padding: 0;border: none; width: 150px;} #menubutton1 li {border-bottom: 1px solid #90bade;margin: 0;list-style: none;list-style-image: none;width: 150px;} #menubutton1 li a {display: block;padding: 5px 5px 5px 0.5em;border-left: 12px solid #1958b7;border-right: 12px solid #508fc4;background-color: #2175bc;color: #fff;text-decoration: none;width: 150px;} #menubutton1 li a:hover {border-left: 12px solid #1c64d1;border-right: 12px solid #5ba3e0;background-color: #2586d7;color: #fff;width: 150px;} #menubutton1 li #active {border-left: 12px solid #1c64d1;border-right: 12px solid #5ba3e0;background-color: #2586d7;color: #fff;width: 150px;} /* Start LeftMenu*/ #menubutton2 {width: 12em;border-right: 0px solid #000;padding: 0 0 0px 0;margin-bottom: 0px;font-family: Tahoma, Arial, sans-serif; font-size : 12px;background-color: #90bade;color: #333;width: 150px;} #menubutton2 ul {list-style: none;margin: 0;padding: 0;border: none; width: 150px;} #menubutton2 li {border-bottom: 1px solid #90bade;margin: 0;list-style: none;list-style-image: none;width: 150px;} #menubutton2 li a {display: block;padding: 5px 5px 5px 0.5em;border-left: 12px solid #1958b7;border-right: 12px solid #508fc4;background-color: #2175bc;color: #fff;text-decoration: none;width: 150px;} #menubutton2 li a:hover {border-left: 12px solid #1c64d1;border-right: 12px solid #5ba3e0;background-color: #2586d7;color: #fff;width: 150px;} #menubutton2 li #active {border-left: 12px solid #1c64d1;border-right: 12px solid #5ba3e0;background-color: #2586d7;color: #fff;width: 150px;} /* Start LeftMenu*/ #menubutton3 {width: 12em;border-right: 0px solid #000;padding: 0 0 0px 0;margin-bottom: 0px;font-family: Tahoma, Arial, sans-serif; font-size : 12px;background-color: #90bade;color: #333;width: 150px;} #menubutton3 ul {list-style: none;margin: 0;padding: 0;border: none; width: 150px;} #menubutton3 li {border-bottom: 1px solid #90bade;margin: 0;list-style: none;list-style-image: none;width: 150px;} #menubutton3 li a {display: block;padding: 5px 5px 5px 0.5em;border-left: 12px solid #1958b7;border-right: 12px solid #508fc4;background-color: #2175bc;color: #fff;text-decoration: none;width: 150px;} #menubutton3 li a:hover {border-left: 12px solid #1c64d1;border-right: 12px solid #5ba3e0;background-color: #2586d7;color: #fff;width: 150px;} #menubutton3 li #active {border-left: 12px solid #1c64d1;border-right: 12px solid #5ba3e0;background-color: #2586d7;color: #fff;width: 150px;} /* Start LeftMenu*/ #menubutton4 {width: 12em;border-right: 0px solid #000;padding: 0 0 0px 0;margin-bottom: 0px;font-family: Tahoma, Arial, sans-serif; font-size : 12px;background-color: #90bade;color: #333;width: 150px;} #menubutton4 ul {list-style: none;margin: 0;padding: 0;border: none; width: 150px;} #menubutton4 li {border-bottom: 1px solid #90bade;margin: 0;list-style: none;list-style-image: none;width: 150px;} #menubutton4 li a {display: block;padding: 5px 5px 5px 0.5em;border-left: 12px solid #1958b7;border-right: 12px solid #508fc4;background-color: #2175bc;color: #fff;text-decoration: none;width: 150px;} #menubutton4 li a:hover {border-left: 12px solid #1c64d1;border-right: 12px solid #5ba3e0;background-color: #2586d7;color: #fff;width: 150px;} #menubutton4 li #active {border-left: 12px solid #1c64d1;border-right: 12px solid #5ba3e0;background-color: #2586d7;color: #fff;width: 150px;} /* #NewsTitle { background-color:#FFFFFF; width:50px; height: 72px;overflow: auto; scrollbar-face-color:#3A505D; scrollbar-highlight-color:#587D92; scrollbar-3dlight-color:#4A6A7B; scrollbar-darkshadow-color:#3A505D; scrollbar-shadow-color:#8DABBC; scrollbar-arrow-color:#65899C; scrollbar-track-color:#4E6D7E; margin: 0px; BORDER-RIGHT: #bbb5b4 0px solid; BORDER-TOP: #164613 1px solid; BORDER-LEFT: #164613 1px solid; BORDER-BOTTOM: #164613 1px solid } */ .NewsHeader {float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #164613; line-height: 16px; margin-left: 6px; margin-top: 4px; margin-bottom: 4px;} .NewsTitle {FONT-SIZE: 12px; COLOR: #164613; TEXT-DECORATION: none;} #PromotionArea { position:absolute; width:740px; height:385; border:1px solid #333333; background-color:white; top:-5px; /*background-color:Red;*/ } #promotionflashcontent { z-index:10000; } #ClosePromotionArea { /*width:45px; margin-top:9px;*/ width:365px; height:15px; background: url(../Images/close.gif) no-repeat left top; margin-right:0px; text-align:right; font-weight:lighter; margin-top:0px; cursor:hand; vertical-align:bottom; } #PersonalButton { BACKGROUND: url("../Images/MyClass/PersonalButtom.gif") no-repeat right top; width:160px; height:32px; } #PersonalButton a:link { text-align:center; line-height: 30px; margin-top: 50px; margin-left:30px; color: #333333; text-decoration: none; } #PersonalButton a:visited { text-decoration: none; text-align:center; line-height: 30px; margin-top: 50px; margin-left:30px; } #PersonalButton a:hover { text-decoration: none; color: red; } #PasswordButton { BACKGROUND: url("../Images/MyClass/PasswordButtom.gif") no-repeat right top; width:160px; height:32px; } #PasswordButton a:link {text-align:center; line-height: 30px; margin-top: 50px; margin-left:30px; color: #333333; text-decoration: none;} #PasswordButton a:visited { text-decoration: none; text-align:center; line-height: 30px; margin-top: 50px; margin-left:30px; } #PasswordButton a:hover {text-decoration: none; color: red;} /*--------------------------*/ #NewsTopLinksArea { position:relative; /*BACKGROUND: url("../Images/Home/NewLinkBox.gif") no-repeat left top; */ BACKGROUND: url("../Images/Home/TopLink.jpg") no-repeat left top; width:260px; height:200px } #TopLinkTitle { padding-top:10px; text-align:center; color:#FFF; font-family: Arial, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; } #DownloadArea { float:left; margin-left:5px; margin-top:5px; padding-top:0px; padding-left:0px; width:232px; height: 128px;overflow: auto; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#72C34D; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-shadow-color:#8DABBC; scrollbar-arrow-color:#65899C; scrollbar-track-color:#FFFFFF; BORDER-RIGHT: #999999 0px solid; BORDER-TOP: #999999 0px solid; BORDER-LEFT: #7DC55D 5px solid; BORDER-BOTTOM: #999999 0px solid; font-size: 12px; } #NewsTitle { padding-top:10px; padding-bottom:4px; text-align:center; color:#FFF; font-family: Arial, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; } #NewsBox { margin-left:-18px; margin-top:0px; padding-top:0px; padding-left:10px; width:253px; height: 118px;overflow:hidden; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#72C34D; scrollbar-3dlight-color:#72C34D; scrollbar-darkshadow-color:#72C34D; scrollbar-shadow-color:#8DABBC; scrollbar-arrow-color:#65899C; scrollbar-track-color:#7DC65D; BORDER-RIGHT: #72C34D 0px solid; BORDER-TOP: #72C34D 0px solid; BORDER-LEFT: #72C34D 0px solid; BORDER-BOTTOM: #72C34D 0px solid; font-size: 12px; } #HomeMainArea { top:10px; position:relative; width:740px; } #Banner { width:740px; height:322px; } #PopUpDialog { margin-top:-10px; top:-10px; } #4PromotionArea { top:500px; height:100px } #MarqueeBox { padding-top:13px; width:740px; height:50px; background: url(../Images/Home/MarqueeBox.gif) no-repeat left top; } #MarqueeTitle { margin-left:7px; font-family: Georgia, Times, serif; font-size: 16px; color: #333; } #textTable { padding-left:10px; } #textTable .td { color:#FFF; } #textTable a:link { color: #000000; font-weight:bold; } #textTable a:visited { color: #000000; font-weight:bold; } #textTable a:hover { color: #000000; font-weight:bold; } .TopLinkContent { float:left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; COLOR: #000000; PADDING-TOP: 8px; } UL.TopLinkList { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } UL.TopLinkList LI { LIST-STYLE-IMAGE: url(http://www.betterchinese.com/Images/arrow_orange.gif); MARGIN-BOTTOM: 5px; MARGIN-LEFT: 16px; COLOR: #698d73; LIST-STYLE-TYPE:none; } A.TopLinkListItem:link {cursor:hand ;text-decoration:none} .NewsSideContent { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px; COLOR: #000000; PADDING-TOP: 8px; } UL.NewsList { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } UL.NewsList LI { MARGIN-BOTTOM: 5px; MARGIN-LEFT: 16px; COLOR: #698d73; LIST-STYLE-TYPE: square; } A.NewsListItem:link {cursor:hand ;text-decoration:none} UL.NewsListItemNoDat { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } UL.NewsListItemNoDat LI { MARGIN-BOTTOM: 5px; MARGIN-LEFT: 16px; COLOR: #698d73; LIST-STYLE-TYPE:none; } /*-----------Banner-------------*/ ul, ol, li, p {margin: 0; padding: 0;} ol, ul {list-style: none;} h1, h2, h3, h4, h5, h6, subtitle {font-size: 100%; font-style: normal; font-weight: normal;} /* Home page listings */ #home { width:735px; height:220px; } #home ul#listings li { overflow: hidden; margin-top:-5px; } .SchoolLevel { float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #333; margin-left:5px; } #home li#MFCW { border-right: #e0e0e0 1px solid; border-left: #e0e0e0 1px solid; font-size: 12px; background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_default.gif) repeat-x left top; cursor: hand; color: #5f7786; overflow: hidden; height: 220px; } #home li#MFCW .active { background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_hover.gif) repeat-x right top; } #home li#MFCR{border-right: #e0e0e0 1px solid;font-size: 12px; background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_default.gif) repeat-x right top; border-left: #e0e0e0 1px solid; cursor: hand; color: #5f7786; overflow: hidden; height: 220px;} #home li#MFCR .active {background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_hover.gif) repeat-x right top;} #home li#DC{border-right: #e0e0e0 1px solid;font-size: 12px; background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_default.gif) repeat-x right top; border-left: #e0e0e0 1px solid; cursor: hand; color: #5f7786; overflow: hidden; height: 220px;} #home li#DC .active {background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_hover.gif) repeat-x right top;} #home li#MTC{border-right: #e0e0e0 1px solid;font-size: 12px; background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_default.gif) repeat-x right top; border-left: #e0e0e0 1px solid; cursor: hand; color: #5f7786; overflow: hidden; height: 220px;} #home li#MTC .active {background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_hover.gif) repeat-x right top;} #home li#OnlineStory{border-right: #e0e0e0 1px solid;font-size: 12px; background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_default.gif) repeat-x right top; border-left: #e0e0e0 1px solid; cursor: hand; color: #5f7786; overflow: hidden; height: 220px;} #home li#OnlineStory .active {background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_hover.gif) repeat-x right top;} #home li#Supplementary{border-right: #e0e0e0 1px solid;font-size: 12px; background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_default.gif) repeat-x right top; border-left: #e0e0e0 1px solid; cursor: hand; color: #5f7786; overflow: hidden; height: 220px;} #home li#Supplementary .active {background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/bk_hover.gif) repeat-x right top;} #CurriculumTitle {float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #333;} #home .filters { float:right; border: 0; color: #333; display: inline; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 0px; padding-right:5px;} /* #home ul#listings li.active { background-color: #333; } */ /* #home ul#listings li div.feature {clear: both; height: 220px;} #home ul#listings ul.filters {text-align: right; line-height: 16px; margin-top: 0px; margin-right: 10px;} #home ul#listings ul.filters li {border: 0; color: #333; display: inline; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 10px; margin-left: 8px; letter-spacing: 0px; /* IE 5.5 needs some help */ /*height: auto;}*/ /* #home ul#listings li.active ul.filters li {color: #333;} #home ul#listings ul.filters li a:link, ul#listings ul.filters li a:visited {color: #333;} #home ul#listings ul.filters li a:hover {text-decoration: underline; color: #333;} #home ul#listings li.active ul.filters li a:link, ul#listings li.active ul.filters li a:visited {color: #333;} #home ul#listings li.active ul.filters li a:hover {color: #333;} #home div TD { vertical-align:top; }*/ #home div.MFCWDesc { background-color:#FFFF66; background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/1/MFCW.jpg) no-repeat left top; width: 735px; height: 220px; padding-top:10px; } #home div.MFCWDesc .CurriculumTitle {font-style:normal; color:#000; padding-top: 10px; font-size: 24px; margin-bottom: 6px;} #home div.MFCWDesc .CurriculumTitle a {color:#000; text-decoration:underline;} #home div.MFCWDesc .CurriculumTitle a:hover {color:#9b760d; text-decoration:underline;} #home div.MFCWDesc span {font-size:16px; color:#000; font-style:italic;vertical-align:top;} #home div.MFCWDesc p {line-height: 20px; font-size: 17px;} #home div.MFCRDesc { background-color:#B1C830; background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/2/MFCR.jpg) no-repeat left top; width: 735px; height: 220px; padding-top:10px; } #home div.MFCRDesc .CurriculumTitle {font-style:normal; color:#000; padding-top: 10px; font-size: 24px; margin-bottom: 6px;} #home div.MFCRDesc .CurriculumTitle a {color:#000; text-decoration:underline;} #home div.MFCRDesc .CurriculumTitle a:hover {color:#9b760d; text-decoration:underline;} #home div.MFCRDesc span {font-size:16px; color:#000; font-style:italic;} #home div.MFCRDesc p {line-height: 20px; font-size: 17px;} #home div.DCDesc { background-color:#43B603; background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/3/DC.jpg) no-repeat left top; width: 735px; height: 220px; padding-top:10px; /*color:#e6e6e6;*/ } #home div.DCDesc .CurriculumTitle {font-style:normal; color:#e6e6e6; padding-top: 10px; font-size: 24px; margin-bottom: 6px;} #home div.DCDesc .CurriculumTitle a {color:#e6e6e6; text-decoration:underline;} #home div.DCDesc .CurriculumTitle a:hover {color:#9b760d; text-decoration:underline;} #home div.DCDesc span {font-size:16px; color:#e6e6e6; font-style:italic;} #home div.DCDesc p {line-height: 20px; font-size: 17px; color:#e6e6e6;} #home div.MTCDesc { background-color:#E31C23; background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/4/MTC.jpg) no-repeat left top; width: 735px; height: 220px; padding-top:10px; } #home div.MTCDesc .CurriculumTitle {font-style:normal; color:#e6e6e6; padding-top: 10px; font-size: 24px; margin-bottom: 6px;} #home div.MTCDesc .CurriculumTitle a {color:#e6e6e6; text-decoration:underline;} #home div.MTCDesc .CurriculumTitle a:hover {color:#9b760d; text-decoration:underline;} #home div.MTCDesc span {font-size:16px; color:#e6e6e6; font-style:italic;} #home div.MTCDesc p {color:#e6e6e6; line-height: 20px; font-size: 17px;} #home div.ONLINEDesc { background-color:#FFFFFF; /*background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/5/OnlineStories.jpg) no-repeat left top;*/ background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/5/OnlineLearning.jpg) no-repeat left top; width: 735px; height: 220px; padding-top:10px; } #home div.ONLINEDesc .CurriculumTitle {font-style:normal; color:#000; padding-top: 10px; font-size: 24px; margin-bottom: 6px;} #home div.ONLINEDesc .CurriculumTitle a {color:#000; text-decoration:underline;} #home div.ONLINEDesc .CurriculumTitle a:hover {color:#9b760d; text-decoration:underline;} #home div.ONLINEDesc span {font-size:16px; color:#000; font-style:italic;} #home div.ONLINEDesc p {line-height: 20px; font-size: 17px;} #home div.SUPPDesc { background-color:#FFFFCD; background: url(http://www.betterchinese.com/Upload/BCWeb4Content/Images/Curriculums/6/Supplementary.jpg) no-repeat left top; width: 735px; height: 220px; padding-top:10px; } #home div.SUPPDesc .CurriculumTitle {font-style:normal; color:#000; padding-top: 10px; font-size: 24px; margin-bottom: 6px;} #home div.SUPPDesc .CurriculumTitle a {color:#000; text-decoration:underline;} #home div.SUPPDesc .CurriculumTitle a:hover {color:#9b760d; text-decoration:underline;} #home div.SUPPDesc span {font-size:16px; color:#000; font-style:italic;} #home div.SUPPDesc p {line-height: 20px; font-size: 17px;} /* #home div.feature {color: #e6e6e6;} #home div.feature div {margin-left: 300px; width: 420px; margin-top: -200px;} #home div.feature h3 {padding-top: 6px; font-size: 24px; margin-bottom: 6px;} #home div.feature p {line-height: 20px; font-size: 17px;} #home div.feature a:link, div.feature a:visited {color: #e6e6e6; text-decoration: underline;} #home div.feature a:hover {text-decoration: none; color: #FBCD00;} #home div.feature p.creditLeft {font-family: Arial, Helvetica, sans-serif; text-align: left; margin-top: 7px; font-size: 11px;} #home div.feature p.creditRight {font-family: Arial, Helvetica, sans-serif; text-align: right; margin-top: 10px; font-size: 11px;} #home div.invert p, div.invert a:link, div.invert a:visited {color: #000 !important;} #home div.invert a:hover {text-decoration: none; color: #9b760d !important;} #home div.invert h3.entry-title {color:#000;} */ .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 320px; background-color: #FFFFFF; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 0%; left: 0%; width: 740px; height: 320px; padding: 0px; border: 0px solid orange; background-color: white; z-index:1002; overflow: auto; } #promotionflashcontent { width:740px; height:278px; background-color:#ffffff; }