﻿* { padding: 0; margin: 0; }
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
body {
	background: url(../img/bg.jpg) repeat-x top left;
	background-color: #e9dac7;
	padding: 0;
	margin: 0;
}
a:link { color: #801b12; text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; outline:none; }
a:visited { color: #801b12; text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; }
a:hover { color: #b6400d; text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; }
a:active { color: #b6400d; text-decoration: none; outline: none; }
h1 {
	font: bold 24px Georgia, Times, serif;
	color: #801b12;
	padding-top: 10px;
	padding-bottom: 5px;
}
h2 {
	font: bold 24px Georgia, Times, serif;
	color: #b6400d;
}
h3 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #801b12;
	letter-spacing: 2px;
}
h2, h3 {
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 30px;
}
h1 a, h2 a, h3 a {
	color: #801b12;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	color: #b6400d;
}
.stdTable {
	padding: 0;
	margin: 10px 0 30px 0;
	font-size: 12px;
	background-color: #ffffff;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-bottom: 0px solid #eeeeee;
	border-right: 0px solid #eeeeee;
}
.stdTable th, .stdTable td {
	padding: 10px 8px 10px 8px;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
	border-top: 0px solid #eeeeee;
	border-left: 0px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}
.stdTable th {
	font-weight: bold;
	text-align: justify;
}
.stdTable tr:hover {
	background-color: #f4f8d9;
}

/* div */

#container {
	width:1001px;
	height: 100%;
	position: absolute;
}
#theme {
	background: url(../img/yestheme_prospective.jpg) no-repeat top left;
	height: 628px;
}
#theme_sub {
	background: url(../img/yestheme_prospective_sub.jpg) no-repeat top left;
	height: 397px;
	position: relative;
}
#theme_nolink {
	background: url(../img/yestheme_prospective_nolink.jpg) no-repeat top left;
	height: 397px;
	position: relative;
}
#theme_na {
	background: url(../img/contact-mail.jpg) no-repeat top left;
	height: 740px;
	position: relative;
}
#theme_sub_left {
	background: url(../img/bg_sub_left.jpg) no-repeat;
	width: 123px;
	height: 289px;
	display: block;
	position: absolute;
	float: left;
	left: 0;
	top: 397px;
}
#home-sub {
	width: 960px;
	height: 100%;
	position: relative;
	float: left;
	left: 41px;
}
#footer-wrap {
	width:895px;
	height:25px;
	position: relative;
	float: left;
}
#footer {
	list-style: none;
	padding: 25px 40px 25px 25px;
	width:895px;
	height:25px;
	background: url(../img/footer-bg.gif) no-repeat;
	position: absolute;
	left: 31px;
}
#footer a {
	color: #FFFFFF;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#footer a:hover {
	color: #b6400d;
}
#footer li {
	color: #FFFFFF;
	text-align: right;
}

/* schedule tab */

#schedule-tab {
	list-style: none;
	background: url(../img/bg_sub_left.jpg) no-repeat;
	width: 123px;
	height: 289px;
	position: absolute;
	z-index: 2;
	top: 397px;
	left: 0;
}
#schedule-tab span {
	display: none;
	position: absolute;
}
#schedule-tab a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	outline: none;
	border-bottom: none;
}
#schedule-tab a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#schedule-tab a:hover span {
	display: block;
}
#schedule-tab .tab1 { width: 55px; height: 130px; background: url(../img/tab-lp.png) no-repeat; top:0; left:68px; }
#schedule-tab .tab2 { width: 55px; height: 130px; background: url(../img/tab-mp.png) no-repeat; top:130px; left:68px; }
#schedule-tab .tab3 { width: 55px; height: 130px; background: url(../img/tab-trainer_profile.png) no-repeat; top:260px; left:68px; }
#schedule-tab .tab4 { width: 55px; height: 130px; background: url(../img/tab-notice.png) no-repeat; top:390px; left:68px; }

#month-tab {
	list-style: none;
	width: 100%;
	height: 50px;
	position: relative;
	top: 0;
	left: 45px;
}
#month-tab span {
	display: none;
	position: absolute;
}
#month-tab a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	outline: none;
	border-bottom: none;
}
#month-tab a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#month-tab a:hover span {
	display: block;
}
#month-tab .tab1 { width: 75px; height: 35px; background: url(../img/tab-jan.png) no-repeat; top:0; left:0; }
#month-tab .tab2 { width: 75px; height: 35px; background: url(../img/tab-feb.png) no-repeat; top:0; left:80px; }
#month-tab .tab3 { width: 75px; height: 35px; background: url(../img/tab-mar.png) no-repeat; top:0; left:160px; }
#month-tab .tab-apply { width: 145px; height: 35px; background: url(../img/btn-apply.png) no-repeat; top:0; left:240px; }

#title_pic, #title_pic_center {
	width: 140px;
	height: 129px;
	display: block;
	position: absolute;
	top: -40px;
	left: 480px;
}
#title_pic_center {
	top: -30px;
	left: 250px;
}
#title_pic_dhl {
	width: 342px;
	height: 82px;
	display: block;
	position: absolute;
	top: -8px;
	left: 470px;
}
#bubble {
	width: 108px;
	height: 71px;
	display: block;
	position: relative;
	float: right;
	right: 20px;
}
#paper-wrap {
	width: 861px;
	height: auto;
	position: relative;
	background: url(../img/bg-wrap.png) repeat-y top left;
	left: 113px;
	float: left;
	z-index: 1;
}
#paper {
	width: 100%;
	position: relative;
}
#video-menu {
	list-style: none;
	width: 659px;
	height: 295px;
	background: url(../img/splash-video.jpg) no-repeat top left;
	position: relative;
	top: 333px;
	left: 41px;
}
#video-menu span {
	display: none;
	position: absolute;
}
#video-menu a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	outline: none;
	border-bottom: none;
}
#video-menu a:hover {
	color: #dd9805;
	border-bottom: none;
}
#video-menu a:hover span {
	display: block;
}
#video-menu .menu1 { width:124px; height:30px; background: url(../img/video-link1.png) no-repeat; top:81px; left:63px; }

#video-flash-menu {
	width: 659px;
	height: 295px;
	background: url(../img/splash-video_.jpg) no-repeat top left;
	position: relative;
	top: 333px;
	left: 41px;
	float: none;
}
#theme-hero-wrap {
	width: 943px;
	height: 356px;
	position: relative;
	float: left;
	top: 0px;
	left: 31px;
}
#theme-hero {
	width: 943px;
	height: 629px;
	background: #353535 url(../img/bg-hero.jpg) no-repeat center;
	list-style: none;
	position: absolute;
	top: -273px;
}
#theme-hero span {
	display: none;
	position: absolute;
}
#theme-hero a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	outline: none;
	border-bottom: none;
}
#theme-hero a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#theme-hero a:hover span {
	display: block;
}
#theme-hero .btn-hero1 { width:175px; height:69px; background: url(../img/menu-hero1.png) no-repeat; top:59px; left:95px; }
#theme-hero .btn-hero2 { width:175px; height:69px; background: url(../img/menu-hero2.png) no-repeat; top:120px; left:98px; }
#theme-hero .btn-hero3 { width:175px; height:69px; background: url(../img/menu-hero3.png) no-repeat; top:179px; left:89px; }
#theme-hero .btn-hero4 { width:175px; height:69px; background: url(../img/menu-hero4.png) no-repeat; top:246px; left:86px; }
#theme-hero .btn-hero5 { width:189px; height:74px; background: url(../img/menu-hero5.png) no-repeat; top:314px; left:87px; }
#theme-hero .btn-hero6 { width:174px; height:97px; background: url(../img/menu-hero6.png) no-repeat; top:66px; left:278px; }
#theme-hero .btn-hero7 { width:195px; height:97px; background: url(../img/menu-hero7.png) no-repeat; top:176px; left:270px; }
#theme-hero .btn-hero8 { width:240px; height:70px; background: url(../img/menu-hero8.png) no-repeat; top:41px; left:484px; }
#theme-hero .btn-hero9 { width:190px; height:69px; background: url(../img/menu-hero9.png) no-repeat; top:100px; left:475px; }
#theme-hero .btn-hero10 { width:201px; height:70px; background: url(../img/menu-hero10.png) no-repeat; top:162px; left:476px; }
#theme-hero .btn-hero11 { width:232px; height:70px; background: url(../img/menu-hero11.png) no-repeat; top:230px; left:477px; }

#theme-pg-wrap {
	width: 943px;
	height: 750px;
	position: relative;
	float: left;
	top: 0px;
	left: 31px;
}
#theme-pg {
	width: 907px;
	height: 1000px;
	background: #353535 url(../img/cork-bg.jpg);
	border: 18px #353535 solid;
	list-style: none;
	position: absolute;
	top: -273px;
}#theme-pg span {
	display: none;
	position: absolute;
}
#theme-pg a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	outline: none;
	border-bottom: none;
}
#theme-pg a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#theme-pg a:hover span {
	display: block;
}
#theme-pg .btn-pg1 { width:222px; height:255px; background: url(../img/btn-yescenter.jpg) no-repeat; top:59px; left:81px; }
#theme-pg .btn-pg2 { width:222px; height:255px; background: url(../img/btn-72varieties.jpg) no-repeat; top:59px; left:362px; }
#theme-pg .btn-pg3 { width:222px; height:255px; background: url(../img/btn-dramaticenglish.jpg) no-repeat; top:59px; left:642px; }
#theme-pg .btn-pg4 { width:222px; height:255px; background: url(../img/btn-metorship.jpg) no-repeat; top:338px; left:81px; }
#theme-pg .btn-pg5 { width:222px; height:255px; background: url(../img/btn-training.jpg) no-repeat; top:338px; left:362px; }
#theme-pg .btn-pg6 { width:222px; height:255px; background: url(../img/btn-consultant.jpg) no-repeat; top:338px; left:642px; }
#theme-pg .btn-pg7 { width:222px; height:255px; background: url(../img/btn-mrwork.jpg) no-repeat; top:619px; left:81px; }

#theme-cas-wrap {
	width: 943px;
	height: 356px;
	position: relative;
	float: left;
	top: 0px;
	left: 31px;
}
#theme-cas {
	width: 907px;
	height: 593px;
	border: 18px #353535 solid;
	background: url(../img/bg-cloth.jpg) no-repeat;
	list-style: none;
	position: absolute;
	top: -273px;
}
#theme-cas span {
	display: none;
	position: absolute;
}
#theme-cas a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	outline: none;
	border-bottom: none;
}
#theme-cas a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#theme-cas a:hover span {
	display: block;
}
#theme-cas .btn-cas1 { width:344px; height:187px; background: url(../img/btn-bg-cas-index-1.jpg) no-repeat; top:75px; left:103px; }
#theme-cas .btn-cas2 { width:344px; height:187px; background: url(../img/btn-bg-cas-index-2.jpg) no-repeat; top:75px; left:485px; }
#theme-cas .btn-cas3 { width:344px; height:187px; background: url(../img/btn-bg-cas-index-3.jpg) no-repeat; top:285px; left:103px; }
#theme-cas .btn-cas4 { width:344px; height:187px; background: url(../img/btn-bg-cas-index-4.jpg) no-repeat; top:285px; left:485px; }

/* language menu */

#glb-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 366px;
	height: 35px;
	position: absolute;
	float: right;
	top: 6px;
	left: 635px;
}
#glb-nav span {
	display: none;
	position: absolute;
}
#glb-nav a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	border-bottom: none;
}
#glb-nav a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#glb-nav a:hover span {
	display: block;
}
#glb-nav .home { width:70px; height:35px; background:url(../img/navHome.jpg) no-repeat; top:0; left:0; }
#glb-nav .contact { width:110px; height:35px; background:url(../img/navContact.jpg) no-repeat; top:0; left:70px; }
#glb-nav .TxOnly { width: 63px; height: 35px; background: url(../img/langTx.jpg) no-repeat; top:0; left:189px; }
#glb-nav .TC { width: 30px; height: 35px; background: url(../img/langTC.jpg) no-repeat; top:0; left:261px; }
#glb-nav .SC { width: 30px; height: 35px; background: url(../img/langSC.jpg) no-repeat; top:0; left:291px; }
#glb-nav .EN { width: 45px; height: 35px; background: url(../img/langEN.jpg) no-repeat; top:0; left:321px; }

/* navigation menu */

#nav {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 943px;
	height: 60px;
	position:absolute;
	top:255px;
	left:31px;
}
#nav span {
	display: none;
	position: absolute;
}
#nav a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	border-bottom: none;
}
#nav a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#nav a:hover span {
	display: block;
}
#nav .item1 { width: 80px; height: 60px; background: url(../img/navItem1.jpg) no-repeat; top:0; left:0; }
#nav .item2 { width: 108px; height: 60px; background: url(../img/navItem2.jpg) no-repeat; top:0; left:80px; }
#nav .item3 { width: 128px; height: 60px; background: url(../img/navItem3.jpg) no-repeat; top:0; left:188px; }
#nav .item4 { width: 107px; height: 60px; background: url(../img/navItem4.jpg) no-repeat; top:0; left:316px; }
#nav .item5 { width: 106px; height: 60px; background: url(../img/navItem5.jpg) no-repeat; top:0; left:423px; }
#nav .item6 { width: 127px; height: 60px; background: url(../img/navItem6.jpg) no-repeat; top:0; left:529px; }
#nav .item7 { width: 173px; height: 60px; background: url(../img/navItem7.jpg) no-repeat; top:0; left:656px; }
#nav .item8 { width: 114px; height: 60px; background: url(../img/navItem8.jpg) no-repeat; top:0; left:829px; }

/* menu of member page */

#reg {
	list-style: none;
	padding-left: 20px;
	margin: 0;
	width: 100%;
	height: 55px;
	position:relative;
}
#reg span {
	display: none;
	position: absolute;
}
#reg a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	border-bottom: none;
}
#reg a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#reg a:hover span {
	display: block;
}
#reg .reg-btn1 { width: 130px; height: 47px; background: url(../img/btn-login.gif) no-repeat; top:0; left:40px; }
#reg .reg-btn2 { width: 130px; height: 47px; background: url(../img/btn-reg.gif) no-repeat; top:0; left:175px; }
#reg .reg-btn3 { width: 130px; height: 47px; background: url(../img/btn-regform.gif) no-repeat; top:0; left:310px; }
#reg .reg-btn4 { width: 130px; height: 47px; background: url(../img/btn-book.png) no-repeat; top:0; left:0; }
#reg .reg-btn5 { width: 130px; height: 47px; background: url(../img/btn-getreward.png) no-repeat; top:0; left:0; }
#reg .reg-btn6 { width: 130px; height: 47px; background: url(../img/btn-joinCourse.png) no-repeat; top:0; left:0; }
#reg .game1 { width: 182px; height: 50px; background: url(../img/btn-launchassess.png) no-repeat; top:0; left:0; }

/* paging menu */

#paging {
	width: 180px;
	padding: 10px;
	position: relative;
	float: right;
	font-size: 18px;
	text-align: center;
}
#paging a {
	font: bold 18px;
}
#paging a:hover {
	border-bottom: dotted;
}

/* trainer profile */

.trainer-name {
	width: 230px;
	height: 170px;
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
}
.trainer-photo {
	width: 170px;
	display: block;
	position: absolute;
	top: 170px;;
	left: 90px;
}
.trainer-intro {
	width: 500px;
	display: block;
	position: relative;
	top: 20px;
	left: 280px;
}
.trainer-block {
	width: 750px;
	display: block;
	position: relative;
	padding: 15px 0 0 0;
}

/* photo album menu & DHL Photo */

#photo-gal, #cas-home {
	list-style: none;
	width: 480px;
	height: 356px;
	position: relative;
	top: 0;
	left: 41px;
}
#photo-gal {
	background: url(../img/splash-photogallery.jpg) no-repeat top left;
	float: left;
}
#cas-home {
	background: url(../img/splash-cas.jpg) no-repeat top left;
	float: left;
}
#photo-gal span, #cas-home span {
	display: none;
	position: absolute;
}
#photo-gal a, #cas-home a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	outline: none; 
	border-bottom: none;
}
#photo-gal a:hover, #cas-home a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#photo-gal a:hover, #cas-home a:hover span {
	display: block;
}
#photo-gal .photo-link1 { width: 480px; height: 356px; }
#cas-home .cas-link1 { width: 74px; height: 34px; background: url(../img/btn-cas-choose.png) no-repeat; top:151px; left:14px; }
#cas-home .cas-link2 { width: 143px; height: 46px; background: url(../img/btn-cas-worklife.png) no-repeat; top:292px; left:30px; }
#cas-home .cas-link3 { width: 142px; height: 34px; background: url(../img/btn-cas-jobhunt.png) no-repeat; top:194px; left:24px; }
#cas-home .cas-link4 { width: 142px; height: 41px; background: url(../img/btn-cas-interview.png) no-repeat; top:251px; left:-13px; }

#photogallery, #dhl-hero {
	list-style: none;
	padding: 0;
	margin: 0;
}
#photogallery {
	background: url(../img/bg_photo_album.jpg) no-repeat top left;
	width: 580px;
	height: 295px;
	position: relative;
	top: 333px;
	left: 120px;
}
#dhl-hero {
	background: url(../img/partnerStory/bg_photo.gif) no-repeat top left;
	width: 187px;
	height: 210px;
	position: relative;		/* should be "relative", putting "absolute" for IE6 fixed */
	float: right;
	top: 110px;
	right: 20px;
}
#photogallery span, #dhl-hero span {
	display: none;
	position: absolute;
}
#photogallery a, #dhl-hero a {
	display: block;
	position: absolute;
	outline: none;
	font-weight: bold;
	font-family: Georgia, Times, serif;
	text-align: right;
	line-height: 30px;
	border-bottom: none;
}
#photogallery a:hover, #dhl-hero a:hover {
	color: #dd9805;
	border-bottom: none;
}
#photogallery a img, #dhl-hero a img {
	border: #ffffff solid 2px;
}
#photogallery a:hover img, #dhl-hero a:hover img {
	border: #801b12 solid 2px;
}
#photogallery a:hover span, #dhl-hero a:hover span {
	display: block;
}
#photogallery .highlight1 { width:156px; height:156px; top:75px; left:26px; }
#photogallery .highlight2 { width:156px; height:156px; top:40px; left:209px; }
#photogallery .highlight3 { width:156px; height:156px; top:56px; left:399px; }

#dhl-hero .hero1 { width:158px; height:133px; top:31px; left:11px; }


/* memo pad menu */

#memo {
	list-style: none;
	padding: 0;
	margin: 0;
	background: url(../img/bg_memo_pad.jpg) no-repeat top left;
	width: 301px;
	height: 295px;
	position: relative;
	top: 38px;		/* Relative displacement from #photogallery or #featuredvideo */
	float: right;
}
#memo span {
	display: none;
	position: absolute;
}
#memo a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	outline: none;
	border-bottom: none;
}
#memo a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#memo a:hover span {
	display: block;
}
#memo .memoItem1 { width: 140px; height: 38px; background: url(../img/memoItem1.jpg) no-repeat; top:64px; left:88px; }
#memo .memoItem2 { width: 140px; height: 38px; background: url(../img/memoItem2.jpg) no-repeat; top:114px; left:88px; }
#memo .memoItem3 { width: 140px; height: 38px; background: url(../img/memoItem3.jpg) no-repeat; top:164px; left:88px; }

/* service image */

#service-pic {
	margin: 10px;
	position: relative;
	display: block;
	float: right;
}


/* post content */

.post, .post_static, .post_single, .post-course, .post-trainer {
	padding: 10px 10px 10px 30px;
	margin: 0;
	width: 630px;
	height: auto;
	position: relative;
	display: block;
	float: left;
}
.post-course, .post-trainer { width: 800px; }
.post, .post-course {
	background: url(../img/post_bg.gif) no-repeat 34px 32px;
}
.post_static {
	background: url(../img/post_bg6.gif) no-repeat 34px 10px;
}
.post_single {
	background: none;
}
.post p, .post_static p, .post_single p, .post-course p, .post-trainer {
	padding: 0 0 0 15px;
}
.post h1, .post-course h1, .post-trainer h1 {
	padding-left: 12px;
	text-decoration: none;
}
.post p a, .post-course p a, .post-trainer p a {
	color: #000000;
}
.post p a:hover, .post-course p a:hover, .post-trainer p a:hover {
	color: #b6400d;
	text-decoration: none;
	border-bottom: dotted 1px;
}
.tags {
	background: url(../img/bullet.gif) no-repeat left center;
	text-transform: capitalize;
}
.tags span {
	display: none;
}
.date {
	font: Georgia, Times, serif;
	color: #968b02;
}
.date-gfx {
	position: absolute;
	top: 34px;
	left: 855px;
	width: 54px;
	height: 51px;
	background: url(../img/date-bg.jpg) no-repeat;
	font: normal 130%/30% Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	padding: 10px 0 0 0;
	text-align: center;
}
.date-gfx span {
	display: block;
	font: italic 170%/90% Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
}
.post-number {
	width: 54px;
	height: 51px;
	padding: 5px 0 0 3px;
	background: url(../img/date-bg.jpg) no-repeat;
	font: italic 200% Georgia, Times, serif;
	text-align: center;
	position: absolute;
	display: block;
	top: 10px;
	left: 861px;
}
.dropcap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 42px;
	line-height: 46px;
	padding: 2px 0 0 0;
	float: left;
}
p.intro, ul.nor_list li, ul.nor_list3, ol.norm_list li, p.para {
	font: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	line-height: 25px;
	color: #333333;
}
p.intro, p.para {
	line-height: 21px;
}
ul.nor_list2 {
	font: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	line-height: 25px;
	color: #333333;
}
p.intro {
	padding: 15px 0 15px 15px;
}
p.para {
	padding: 15px 0 0 20px;
}
ol.norm_list {
	padding: 15px 0 15px 30px;
}
ul.nor_list {
	padding: 15px 0 15px 30px;
	list-style-image: url(../img/bullet.gif);
}
ul.nor_list2 {
	padding: 6px 0 15px 45px;
	list-style-type: disc;
}
ul.nor_list3 {
	padding: 0 0 0 30px;
	list-style-type: square;
}
ul.empty-list {
	padding: 0 0 0 30px;
	list-style-image: none;
	list-style: none;
}
ul.postit {
	list-style: none;
	margin: 0 0 0 30px;
}
ul.postit li a {
	text-decoration: none;
}
ul.postit li a:hover {
	text-decoration: none;
}
ul.postit li img {
	vertical-align: middle;
	padding: 5px 10px 5px 0;
}
ul.postit li span {
	font: 16px Georgia, Times, serif;
	font-weight:bold;
	color:#801b12;
}
p.seperator {
	width: 630px;
	height: 4px;
	padding-bottom: 0;
	background: url(../img/seperator.gif) no-repeat bottom;
}
p.seperator-long {
	width: 800px;
	height: 4px;
	padding-bottom: 0;
	background: url(../img/seperator_800.gif) no-repeat bottom;
}
#postlink {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 630px;
	height: 45px;
	position: relative;
	top: 0;
	left: 0;
}
#postlink span {
	display: none;
	position: absolute;
}
#postlink a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	outline: none;
	border-bottom: none;
}
#postlink a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#postlink a:hover span {
	display: block;
}
#postlink .anchor-top { width: 65px; height: 35px; background: url(../img/anchor-top.gif) no-repeat; top: 5px; left: 570px; }
#postlink .btn-more { width: 75px; height: 35px; background: url(../img/btn-more.png) no-repeat; top: 5px; left: 490px; }
#postlink .btn-regform { width: 145px; height: 35px; background: url(../img/btn-dl-regform.png) no-repeat; top: 5px; left: 420px; }
#postlink .btn-login { width: 145px; height: 35px; background: url(../img/btn-login.png) no-repeat; top: 5px; left: 275px; }


/* css for posts in course section */

#postlink-course {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 800px;
	height: 45px;
	position: relative;
	top: 0;
	left: 0;
}
#postlink-course span {
	display: none;
	position: absolute;
}
#postlink-course a {
	display: block;
	text-indent: -2500px;
	position: absolute;
	outline: none;
	border-bottom: none;
}
#postlink-course a:hover {
	background-position: left bottom;
	border-bottom: none;
}
#postlink-course a:hover span {
	display: block;
}
#postlink-course .anchor-top { width: 65px; height: 35px; background: url(../img/anchor-top.gif) no-repeat; top:5px; left:740px; }
#postlink-course .btn-more { width: 75px; height: 35px; background: url(../img/btn-more.png) no-repeat; top:5px; left:660px; }
#postlink-course .btn-join-login { width: 145px; height: 35px; background: url(../img/btn-join-login.png) no-repeat; top:5px; left:510px; }

/* affiliation menu */

#affl {
	padding: 10px 10px 5px 11px;	/* this is the maximum padding plus width for IE6 or content will be forced to position under the affl.htm */
	width: 146px;
	position: relative;
	float: right;
}
#affl a { border-bottom: none; }
#affl a:hover {
	border-bottom: none;
}
#affl a img {
	padding: 7px;
	border: #CCCCCC solid 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	display: block;
}
#affl a:hover img {
	border: #777777 solid 1px;
}

.affl-banner {
	padding: 15px 0 15px 5px;
	list-style: none;
}
.affl-banner li img {
	margin-bottom: 20px;
}

.varieties-72 {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 117px;
	height: 32px;
	position: absolute;
	top: 180px;
	left: 790px;
}
.varieties-72 span {
	display: none;
	position: absolute;
}
.varieties-72 a {
	display: block;
	text-indent: -5000px;
	position: absolute;
	border-bottom: none;
}
.varieties-72 a:hover {
	background-position: left bottom;
	border-bottom: none;
}
.varieties-72 a:hover span {
	display: block;
}
.varieties-72 .btn-view { width: 117px; height: 32px; background: url(../img/btn-view.png) no-repeat; }

.zero {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 117px;
	height: 32px;
	position: absolute;
	top: 80px;
	left: 695px;
}
.zero span {
	display: none;
	position: absolute;
}
.zero a {
	display: block;
	text-indent: -5000px;
	position: absolute;
	border-bottom: none;
}
.zero a:hover {
	background-position: left bottom;
	border-bottom: none;
}
.zero a:hover span {
	display: block;
}
.zero .btn-view { width: 117px; height: 32px; background: url(../img/btn-view.png) no-repeat; }