body { background: #fff url(/images/layout/body.gif) top repeat-x; font-family: Arial, Helvetica, sans-serif;} html {margin-bottom: 1px;height: 100%!important;height: auto;overflow-y: scroll;font-size: 13px; } .clearfix:after {clear: both;display: block;content: ".";height: 0;visibility: hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ #container { width: 900px; margin: 0 auto; } a.goback:link, a.goback:visited{margin: 0 0 10px 10px;display: block;width: 20px;height: 20px;background: url(/images/nav/back.png) no-repeat; } /* =Header ----------------------------------------------- */ #header { height: 153px; position: relative;} #header h1 { width: 900px; height: 100px; position: absolute; top: 3px;margin: 0;padding: 0; } #main-nav { background: url(/images/nav/main_nav.gif) left no-repeat; margin: 0 -9px; height: 47px; width: 891px; position: absolute; bottom: 1px; padding: 0 0 0 27px; } #main-nav li { display: inline; } #main-nav li a { display: block; float: left; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; padding: 12px 17px 0 17px; background: url(/images/nav/main_nav_divider.gif) left no-repeat; height: 27px; } #main-nav li.first-item a { background: none; padding-left: 0; } #main-nav li a.active span { background: url(/images/nav/main_nav_active.gif) bottom center no-repeat; height: 28px; display: block; float: left; cursor: pointer; color: #B3640D; } #main-nav li a:hover { color: #B3640D; } /* =Sub Header ----------------------------------------------- */ #sub-header { background: url(/images/layout/sub_header.gif) no-repeat; width: 900px; position: relative; padding-top: 11px; margin-bottom: 10px; z-index: 1;} p.breadcrumbs { font-size: 11px; color: #777; position: absolute; top: 14px; left: 20px; } #search { background: url(/images/form/search.gif) no-repeat; width: 220px; height: 20px; position: absolute; right: 20px; top: 11px; } #search legend { display: none; } #search .input-text { width: 187px; background: none; border: none; font-size: 11px; color: #999; display: block; float: left; padding: 3px 0 0 9px; } #search .input-button { width: 16px; height: 20px; cursor: pointer; background: none; border: none; } #images { background: #fff; height: 111px; } #images li { display: block; float: left; margin: 1px 1px 0 0;} #images li.first-item { margin-left: 1px; } #images li.last-item { margin-right: 0; } #directory { background: url(/images/layout/directory.gif) bottom no-repeat; padding: 0 0 11px 0; } #directory-inner { background: url(/images/layout/directory_list.png) top left; padding-bottom: 0px;} #directory ul { list-style: none;margin: 0;padding: 0;} #l-btns-panel{float: left; width:200px; height: 328px; padding-left: 15px; padding-bottom: 5px;} #r-btns-panel{float: right; width:190px; height: 423px; padding-right: 15px; padding-bottom: 5px; text-align: right;} #r-btns-panel #t-r-panel{height: 256px;margin: 5px 0 0 0;} #r-btns-panel #b-r-panel{height: 134px;padding: 10px;margin: 10px 0 0 4px;text-align: left;border: 1px solid #bbdbff;background-color: #FFF;-moz-border-radius-bottomleft: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;} #r-btns-panel #b-r-panel:hover{border: 1px dashed #bbdbff;} #r-btns-panel #b-r-panel h1{font-family: Tahoma;color: #0086be;text-transform: uppercase;margin: 0 0 10px 0;} #r-btns-panel #b-r-panel .news-container ul{margin: 0;padding: 0; list-style: none;} #r-btns-panel #b-r-panel .news-container li {margin: 0;padding: 0;clear: both;} #r-btns-panel #b-r-panel .news-container a:link,#r-btns-panel #b-r-panel a:visited{color: #7a7a7a;text-decoration: none;font-weight: bold;font-size: 11px;font-family: Arial, Helvetica, sans-serif;padding: 0;margin: 0;} #r-btns-panel #b-r-panel .news-container a:hover{color: #bcbcbc;} /* #r-btns-panel #t-r-panel a{display: block;width: 190px;height: 200px;} */ #frontfeatures{float: left; width: 453px; height: 432px; border: 0; margin: -5px 0 0 6px;} #events-holder{margin: 0 0 0 6px;width: 455px;height: 50px;text-align: center;-moz-border-radius-bottomleft: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;} #events-holder ul{margin: 0;padding: 0;list-style: none;} #events-holder li{display: inline;padding: 0 10px;} #front-spotlight {margin: 0 0 0 6px; width: 455px; height: 161px;} #solar { position: absolute;top: 350px;left: 225px;margin: 10px auto;padding: 20px 0 0 0;width: 455px;height: 57px; background: url(/images/layout/solar_bg.png) no-repeat;} #solar marquee, #solar marquee a:link, #solar marquee a:visited{color: #FFF;font-size: 30px;font-weight: bold;letter-spacing: 1px;text-decoration: none;font-family: Verdana, Geneva, sans-serif;} /* =Sidebar ----------------------------------------------- */ #sidebar { width: 247px; float: left; padding-left: 20px; margin-right: 20px; } #sidebar h2, #main-content h2 { font-size: 20px; color: #2e9eff; margin-bottom: 5px; text-indent: 8px; } #sidebar ul { background: #f4f4f4 url(/images/layout/sidebar_li.gif) top repeat-x; } #sidebar ul li { padding: 10px; background: url(/images/layout/sidebar_li.gif) bottom repeat-x; line-height: 1.4; } #sidebar ul li img { float: left; padding: 1px; border: 1px solid #ddd; margin-right: 8px; } #sidebar ul li h3 { font-size: 11px; font-weight: bold; color: #ee912a; } #sidebar ul li p { font-size: 11px; color: #999; } #sidebar ul li a { background: url(/images/icons/read_more.gif) left no-repeat; padding-left: 12px; color: #5c91c7; font-size: 11px; } #sidebar ul li a:hover { color: #386da4;} /* =Main Content ----------------------------------------------- */ #maincontent{ position: relative;padding-top: 11px;width: 900px;background: url(/images/layout/t_content.png) no-repeat top left;} #maincontent #bodycontent{padding: 0 15px 5px 15px;width: 870px;background: url(/images/layout/m_content.png) repeat-y top left;color: #666;} #maincontent #bodycontent h1 { font-size: 150%;color: #2e9eff; margin-bottom: 5px; text-indent: 8px; } #maincontent #bodycontent p{padding: 10px 15px;} #maincontent #bodycontent ul,#maincontent #bodycontent ol{} #maincontent #bodycontent ul.sach{list-style: none;} #maincontent #bodycontent ul.sach li{display: block;height: 20px; background: url(/images/icons/sach.png) no-repeat left top;padding-left: 20px;} #maincontent #bodycontent ul.baihoc{list-style: none;} #maincontent #bodycontent ul.baihoc li{display: block;height: 20px; background: url(/images/icons/baihoc.png) no-repeat left top;padding-left: 20px;} #maincontent #bodycontent div.panels{width: 360px;margin-right: 30px;float: left;padding: 20px;} #maincontent #bodycontent div.panels h2{color: #ff9933;} #maincontent #bodycontent a:link, #maincontent #bodycontent a:visited{color: #5c91c7; text-decoration: none;} #maincontent #bottomcontent { margin-bottom: 10px;width: 900px;height: 17px;background: url(/images/layout/b_content.png) no-repeat top left;} #txt-size-btns{height: 10px;float: right;padding: 10px;} #txt-size-btns:hover{border: 1px solid #CCC;padding: 9px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;} #txt-size-btns ul{margin: 0;padding: 0;list-style: none;} #txt-size-btns li{float: left;padding: 0 5px;} #txt-size-btns li a.decreaseFont{display: block;width: 15px;height: 9px;background: url(/images/icons/de_txt_size_btn.png) no-repeat;} #txt-size-btns li a.increaseFont{display: block;width: 15px;height: 9px;background: url(/images/icons/in_txt_size_btn.png) no-repeat;} #txt-size-btns li a.resetFont{display: block;width: 15px;height: 9px;background: url(/images/icons/reset_txt_size_btn.png) no-repeat;} #latest-news { width: 472px; float: left;} #maincontent #latest-news h2 { display: block;width: 472px;float: left;} #main-content { width: 100%; float: left; margin: 0px;} .article-wrapper { width: 472px;} .article-wrapper .article-actions { width: 472px; background: url(/images/layout/article_actions.gif) top repeat-x; height: 25px; font-size: 11px; color: #999; padding: 10px 0 0 8px; } .article-wrapper .article-actions li { display: inline; margin-right: 10px; } .article-wrapper .article-actions li img { vertical-align: middle; margin-right: 6px; } .article-wrapper .article-actions li a { color: #666; } .article-wrapper .article-actions li a:hover { text-decoration: underline; } .article-wrapper .article { width:440px; margin: 0 auto;padding: 0;} .article-wrapper .article h3 { font-size: 16px; font-weight: bold; color: #ee912a; margin: 1px 0 2px 0; } .article-wrapper .article p { color: #666; font-size: 12px; line-height: 1.6; margin-bottom: 1px; } .article-wrapper .article strong { font-weight: bold; } .article-wrapper .article em { font-style: italic; } .article-wrapper .article a { background: url('/images/icons/read_more.gif') left no-repeat; padding-left: 12px; color: #5c91c7; font-size: 11px; } .article-wrapper .article p a { color: #5c91c7; } .article-wrapper .article p a:hover { color: #3b6691; } #user2 { float: right;width: 400px;padding-top: 7px;} #user2 h2{text-indent: 0; } /* =Su Diep ----------------------------------------------- */ #sudieptop { background: url('/images/layout/white_bgtop.png') no-repeat; margin: 0 -9px; width:918px; height:21px;} #sudiep {background: url('/images/layout/white_bgmid.png') repeat-y; margin: 0 -9px; width:918px; font-size: 11px;} #sudieptitle { padding: 40px 0 0 40px; width:550px; height:150px; vertical-align:top;} #sudieptitle h2 { font-size: 20px; color: #2e9eff; margin-bottom: 5px; } #sudieptitle h3 { font-size: 11px; font-weight: bold; color: #ee912a; } #sudieptitle p {font-style: italic; font-size: 11px; color: #999;} #sudieptext { padding: 10px 0 40px 40px; width:550px; vertical-align:top;} #sudiepimage { padding: 40px 0 0 10px; width:150px; height:150px;} #sudiepimage img {float:left; padding: 1px; border: 1px solid #ddd; margin-right: 8px; } #sudiepbottom{ background: url('/images/layout/white_bgbot.png') no-repeat; margin: 0 -9px; width:918px; height:21px;} #sudiepkhac { width: 600px; margin-bottom: 20px; } #sudiepkhac h2 { font-size: 20px; color: #2e9eff; margin-bottom: 5px; text-indent: 8px; } /* =Footer ----------------------------------------------- */ #footer { background: url(/images/layout/footer.gif) no-repeat; width: 898px; height: 27px; margin: 0 auto 10px auto; clear: both; padding-top:13px; position: relative; } #footer p { font-size: 11px; color: #999;} #footer p.copyright { padding-left: 25px; } #footer p.copyright span { color: #5c91c7; } #footer p.authors { position: absolute; right: 25px; top: 14px; } #footer p.authors a { color: #5c91c7; text-decoration: none; } #footer ul {margin: 0;padding: 0;} #utility-nav { position: absolute; left: 20px; top: 16px; } #utility-nav li { display: inline; } #utility-nav li a { display: block; float: left; font-size: 11px; color: #999; text-decoration: none; padding: 0 0 2px 15px; background: url(/images/nav/utility_nav_divider.gif) no-repeat left center; } #utility-nav li a:hover, #utility-nav li a.active { color: #999; text-decoration: underline; } #utility-nav li.first-item a { background: none; } #utility-nav li.first-item a#emailico:link, #utility-nav li.first-item a#emailico:visited { display: block;height: 9px; background: url(/images/icons/contactico.gif) no-repeat 0 2px;} #utility-nav li.first-item a#emailico:hover { color: #5c91c7;} #links{position: absolute; left: 100px; top: 14px;} #links li { display: inline;} #links li a{float: left;padding-left: 5px;} #links li a#f:link,#links li a#f:visited{display: block;width: 14px;height: 14px;background: url(/images/icons/facebook.png) no-repeat;} #links li a#t:link,#links li a#t:visited{display: block;width: 14px;height: 14px;background: url(/images/icons/twitter.png) no-repeat;} #links li a#y:link,#links li a#y:visited{display: block;width: 14px;height: 14px;background: url(/images/icons/360yahoo.png) no-repeat;} #links li a#b:link,#links li a#b:visited{display: block;width: 14px;height: 14px;background: url(/images/icons/blogger.gif) no-repeat;} #links li a#yu:link,#links li a#yu:visited{display: block;width: 14px;height: 14px;background: url(/images/icons/youtube.png) no-repeat;} #shadowbox_title,#shadowbox_info {border: 0px solid;} /* =Page menu */ .pagemenu {text-align:center;font-size:12px;line-height:normal;margin:20px auto;padding:10px 10px 0 20px;list-style:none;} .pagemenu li {display:inline;margin:0;padding:0;} .pagemenu a {float:left;background:url(/images/nav/tableft.gif) no-repeat left top;margin:0;padding:0 0 0 5px;text-decoration:none;} .pagemenu a span {float:left;display:block;background:url(/images/nav/tabright.gif) no-repeat right top;padding:5px 15px 4px 6px;color:#FFF;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ .pagemenu a span {float:none;} /* End IE5-Mac hack */ .pagemenu a:hover span {color:#FFF;} .pagemenu a:hover {background-position:0% -42px;} .pagemenu a:hover span {background-position:100% -42px;} .pagemenu a.active {background-position:0% -42px;} .pagemenu a.active span {background-position:100% -42px;} .quotes{padding: 10px 10px 10px 80px;font-size: 90%;text-align: right;background: #FFF url(/images/layout/quotes.jpg) no-repeat top left;}