@charset "utf-8";

.top_bar
{
	width: 					1000px;
	height:					150px;
	margin-right: 			auto;
	margin-left: 			auto;
	background-image:		URL(images/top_bar.jpg);
	background-repeat:		no-repeat;
}

.top_bar a
{
	width:					1000px;
	height: 				150px;
    display: 				block;	
	font-size: 				1px;
    text-indent: 			-999999em;
    overflow: 				hidden;
    background-repeat: 		no-repeat;
}

.tag_line
{
	width: 					1000px;
	height:					52px;
	margin-right: 			auto;
	margin-left: 			auto;
	background-image:		URL(images/live_learning_zone.jpg);
	background-repeat:		no-repeat;
}

.main_back
{
	width: 					1000px;
	margin-right: 			auto;
	margin-left: 			auto;
	background-image:		URL(images/main_back.gif);
	background-repeat:		repeat-y;
	overflow: 				hidden;
}

.bottom_blue_bar
{
	width: 					1000px;
	height:					22px;
	margin-right: 			auto;
	margin-left: 			auto;
	background-image:		URL(images/bottom_blue_bar.gif);
	background-repeat:		repeat-x;
}

.bottom_grad_bar
{
	width: 					980px;
	height:					144px;
	margin-right: 			auto;
	margin-left: 			auto;
	background-image:		URL(images/bottom_grad_bar);
	background-repeat:		repeat-x;
	padding-left:			10px;
	padding-right:			10px;
	padding-top:			10px;
	padding-bottom:			10px;
}

.bottom_bar_back
{
	width: 					100%;
	height:					186px;
	margin-bottom:			30px;
	background-image:		URL(images/bottpm_bar_back.jpg);
	background-repeat:		repeat-x;
}

.bottom_box
{
	width: 					195px;
	float:					left;
	margin-right:			5px;
	background-image:		URL(images/bottom_bar_back.png);
	color: 					#003;
	font-family: 			verdana, arial, helvetica, sans-serif;	
	font-size: 				10px;
	font-weight: 			bold;
	text-decoration: 		none;
}

.bottom_box ul
{
	list-style-type: 		none;
	padding:				0px;
	margin:					0px;
} 

.bottom_box li
{ 
	width: 					195px;
	display: 				block;
    float:					left;
    background-repeat: 		no-repeat;
}

.bottom_logos
{
	width: 					380px;
	float:					left;
	color: 					#003;
	font-family: 			verdana, arial, helvetica, sans-serif;	
	font-size: 				10px;
	font-weight: 			bold;
	text-decoration: 		none;
}

.middle_bar_home
{
	width:					416px;
	padding:				10px;
	float:					left;
	color: 					#000;
}

.buy_annual_sub
{
	width:					400px;
	height:					55px;
	float:					left;
	background-image:		URL(images/buy_annual_sub.png);
	margin:					5px;
}

.buy_annual_sub a
{
	width:					400px;
	height: 				55px;
    display: 				block;	
	font-size: 				1px;
    text-indent: 			-999999em;
    overflow: 				hidden;
    background-repeat: 		no-repeat;
}

.home_title
{
	float:					left;
	margin:					5px;
	color: 					#000;
	font-family: 			verdana, arial, helvetica, sans-serif;	
	font-size: 				20px;
	font-weight: 			bold;
	text-decoration: 		none;
	text-align:				center;
}

.home_text
{
	float:					left;
	margin:					5px;
	color: 					#000;
	font-family: 			verdana, arial, helvetica, sans-serif;	
	font-size: 				12px;
	line-height: 			20px;
	font-weight: 			normal;
	text-decoration: 		none;
	text-align:				justify;
}

.middle_bar_main
{
	width:					740px;
	padding:				10px;
	float:					left;
	color: 					#000;
	font-family: 			verdana, arial, helvetica, sans-serif;	
	font-size: 				12px;
	line-height: 			20px;
	font-weight: 			normal;
	text-decoration: 		none;
	text-align:				justify;
}

.middle_bar_offline
{
	width:					740px;
	padding:				10px;
	float:					left;
	color: 					#000;
	font-family: 			verdana, arial, helvetica, sans-serif;	
	font-size: 				12px;
	line-height: 			20px;
	font-weight: 			normal;
	text-decoration: 		none;
	text-align:				justify;
	margin-left:			150px;
}

.page_title
{
	width:					740px;
	padding:				10px;
	color: 					#000;
	font-family: 			verdana, arial, helvetica, sans-serif;	
	font-size: 				18px;
	line-height: 			35px;
	font-weight: 			bold;
	text-decoration: 		none;
	text-align:				center;
}

.subject_button
{
	width: 					124px;
	height:					50px;
	float:					left;
	margin:					2px;
	padding-left:			2px;
	padding-right:			2px;
	padding-top:			5px;
	background-color:		#336;
	border: 				2px solid #F90;
	color: 					#FFF;
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size: 				10px;
	font-weight: 			bold;
	text-decoration: 		none;
	text-align:				center;
}

.subject_button ul
{
	list-style-type: 		none;
	padding:				0px;
	margin:					0px;
} 

.subject_button li
{ 
	width: 					124px;
	display: 				block;
    float:					left;
    background-repeat: 		no-repeat;
}

.right_bar
{
	width:					324px;
	float:					left;
	margin-right:			10px;
	margin-top:				10px;
}

.video_box
{
	width:					312px;
	height:					262px;
	padding:				5px;
	margin-right:			5px;
	margin-left:			5px;
	overflow: 				hidden;
}

.side_logo_box
{
	width:					200px;
	margin-left:			56px;
	margin-right:			56px;
	margin-top:				10px;
	margin-bottom:			10px;
}

.subject_box
{
	width: 					95%;
	margin:					5px;
	padding:				10px;
	background-color:		#FFC;
	color: 					#000;
	font-family: 			verdana, arial, helvetica, sans-serif;	
	font-size: 				12px;
	line-height:			20px;
	font-weight: 			normal;
	text-decoration: 		none;
	text-align:				justify;
	border: 				1px solid #000033;
}

.shopping_basket_hold
{
	width: 					600px;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		#FFC;
	border: 				1px solid #F60;
	overflow:				hidden;
}