@charset "utf-8";
/* CSS Document */

.clear {clear:both;}
a {color:#117dc2;}
	a:hover {color:#ff9b26;}
a img {border:0px;}
 
body {margin:1px 20px; background:#ffffff url(/images/bg.jpg) repeat-x; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#777777;}
input {border:1px solid #c9c9c9; font-family:arial, helvetica, sans-serif; font-size:11px; color:#8F9077; background-color:#ffffff;}
textarea {border:1px solid #c9c9c9; font-family:arial, helvetica, sans-serif; font-size:11px; color:#8F9077; background-color:#ffffff;}
select {border:1px solid #c9c9c9; font-family:arial, helvetica, sans-serif; font-size:11px; color:#8F9077; background-color:#ffffff;}
.radio {border:0px;}

#list {margin-left: 0px; padding-left: 0; list-style: none;}
	#list li {padding-left: 16px; background-image: url(/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em;}
#list2 {margin-left: 0px; padding-left: 16px; list-style: none;}
	#list2 li {padding-left: 16px;}




#container {width:924px; margin:0 auto;}
#header {width:924px; height:139px; background:#ffffff url(/images/bg_navbar.png) repeat-x; position:relative;}
	.logo {width:155px; float:left;}
	.welcome {font-size:11px; color:#ffffff; padding:8px 0px; float:left;}
		.welcome a {color:#8ed7f0;}		
	.basket {font-size:11px; color:#666666; padding:8px 10px; float:right;}
		.basket a {color:#ffffff;}
		
		
	.our_title {position:absolute; top:42px; left:155px;}
	

	.search {position:absolute; top:44px; left:746px;}
		.search a {font-size:10px; color:#8ed7f0;}
	#nav {position:absolute; top:101px; left:155px;}
	
	
	
	
#content {width:882px; background:#ffffff; padding:10px 20px; margin:0 0 3px 0; border:1px solid #ddddd6; border-top:0px;}
	#main {width:631px; margin:0; float:left;}
	#main_nosidebar{margin:0; float:left;}
		.maincontent {padding:30px 20px 20px 20px; line-height:20px;}
			.maintitle {font-size:24px; font-weight:bold; color:#107dc1;}
			.mainsubtitle {font-size:20px; color:#4bb6dc; line-height:38px;}
	#sidebar {width:235px; margin:0; padding:0; font-size:11px; float:right;}
		.sb_top {width:235px;}
		.sb_content {width:233px; border:1px solid #dfdfdf; border-top:0px; border-bottom:0px; padding:6px 0px;}
			.sb_login a {font-size:10px; color:#ff9b26;}		
			.sb_books {padding:0px 14px; line-height:16px;}
				.sb_books a {color:#ad0b16;}
			.sb_events {padding:0px 14px; line-height:16px;}
				.sb_events a {color:#3fa909;}
		.sb_bottom {margin-bottom:10px;}	
					
#footer {width:924px; height:34px; background-color:#494949; font-size:10px; color:#ffffff;}
	.left {float:left; padding:11px 0px 0px 31px;}
	.right {float:right; padding:11px 31px 0px 0px;}
		.right a {color:#ffffff;}	
		
.maintop {height:11px;}
		
/* Course Categories */
#category {width:592px; margin-bottom:5px;}
	#category .img {width:71px; margin:2px 6px 2px 2px; float:left;}
	#category .desc {width:500px; margin:6px; float:left;}
	
/* Course List */
.categories {padding-bottom:10px;}
.labels td {background:#dddddd; font-size:11px; font-weight:bold; text-align:center;}
.course {text-align:left; padding-left:10px;}
.list .odd {background:#ffffff; text-align:center;}
.list .even {background:#eeeeee; text-align:center;}

/* Course details */
.details td {vertical-align:top; padding:2px 0px 2px 10px;}
.details .odd {background:#ffffff; text-align:left;}
.details .even {background:#eeeeee; text-align:left;}
.coursename {font-size:16px; color:#107dc1; font-weight:bold;}
.price {font-size:14px; color:#107dc1; font-weight:bold;}	
.live {background:#ffffff; vertical-align:top; padding:0px;}
	.livebox {border:1px solid #038e00;}
	.livebox .infotitle {background:#038e00; margin:2px; padding:2px 10px; color:#ffffff; font-weight:bold; text-align:center;}
	.livebox .infocopy {padding:4px 10px; line-height:16px;}