/* default styles

   -------------- */

*{
	border: 0px;
	margin: 0;
	padding: 0;
	list-style: none inside;
	list-style-position:  inside;
	
}* 

body {
	background-position: center;
	font: .7em Arial, "Trebuchet MS", Tahoma, sans-serif;
	line-height: 1.6em;
	background: #E2CFE8 ;
	background-image: url('images/tts-back.jpg');
	color: #444;
	background-repeat: no-repeat;
}

img {	border:0px }

a {	color: #693384;	background: inherit; }

a:hover { color: #E0691A; background: inherit; }



h1 { font: normal 2.4em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; }

h1 a { color: #737373; background: inherit; }

.orange { color: #E0692A; }

sup { font-size: .5em; }



h2 a { text-decoration: none; }



h1 a { text-decoration: none; }

h2 a:hover { color: #FF6600; background: inherit; }

h1 a:hover { color: #FF6600; background: inherit; }

h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

h3 { font: normal 1.3em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0 0 5px 0; }

h4 { font: normal 1.2em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0 0 5px 0; }

h5 { font: normal 1.2em "Trebuchet MS", Arial, Sans-Serif; }

p {	list-style-position: inside;
	list-style: none;
	margin: 0 0 5px 0;
}

ul { list-style : none; }

ol { list-style: inherit;
     list-style-position: inherit;}



hr { color : #CCCCCC; height : 1px;}



/* layout

   ------ */



.content {
	margin: 0 auto;
	width: 980px;
	padding: 0 10px 10px 10px;
	background: #fff;

}



.header {
	height: 68px;
	background: #fff;
	color: #808080;
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
}



.top_info {
	float: right;
	width: 468px;
	padding: 5px 5px 4px 0;
	color: #808080;
}



	.top_info_left {

		width: 281px;

		float: right;

		text-align: center;

	}



	.top_info_right {

		float: right;

		width: 221px;

		padding: 0 0 0 35px;

		border-left: 1px solid #eee;

		text-align: center;

	}



.browse_category  {

	width: 520px;

	color: #FFF;

	background: inherit;

}





.bar { 

	clear: both;

	font-size: 1.1em;

	height: 30px; 

	color: #FFF;

	background: #954AB9 url(images/menubg.gif) repeat-x;

}



	.bar li { 

		padding: 6px 10px 6px 10px;

		color: #FFEADC;

		float: left; 

	}

	

	.bar li.active {
	background: #E3742A url(images/bar.gif) repeat-x;
	color: #000;
	font-weight: bold;
}

	

	.bar li a { 

		font-weight: bold;

		color: #FFF; 

		background: inherit;

		text-decoration: none;

	} 
	
	
.bar li a:hover { color: #000; background: inherit; }
	

/* search form */

.search_field { 

	background: #fff url(images/searchbg2.jpg) no-repeat right; 

	color: #808080;

	clear: both;

	font-weight: bold;

	padding: 7px 12px 10px 10px;

	margin: 5px 0;

}

	input.search { 

		width: 292px; 

		border: 0;

		background: #FFF url(images/input.gif) no-repeat;

		padding: 4px; 

		color: #E0691A;

		font-weight: bold;

		margin: 0 0 0 3px;

	}

	input.submit {

		background: #E0691A url(images/submit.gif) no-repeat;

		border: 0;

		padding: 4px 0;

		width: 65px;

		height: 24px;

		margin: 0 10px 1px 0;

		color: #FFF;

		font: bold 1em Arial, Sans-Serif;

	}

	.grey { color: #808080; background: inherit; font-weight: normal; }

	.search_form { float: right; }
	
	
	
/* hp top row

   --------- */



.hp_top_row {

	float: left;

	width: 980px;

	margin: 0 0 10px 0;

}



.hp_top_row h2 {

	clear: both;

	background: #E2CFE8 url(images/h2bg.jpg) no-repeat center left;

	color: #444;

	padding: 2px 0 3px 20px;

	font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;

	margin: 0 0 10px 0;

}

	



/* left side

   --------- */



.left {

	float: left;

	width: 634px;

	margin: 0 0 10px 0;

}



.left h2 {

	clear: both;

	background: #E2CFE8 url(images/h2bg.jpg) no-repeat center left;

	color: #444;

	padding: 2px 0 3px 20px;

	font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;

	margin: 0 0 10px 0;

}

	.left_side {

		float: left;

		width: 160px;

		padding: 0 0 0 10px;

		margin: 10px 0 0 38px;

	}

	.center_side {

		float: left;

		width: 160px;

		padding: 0 0 0 10px;

		margin: 10px 0 0 38px;

	}

		.center_side a { color: #414141; background: #FFF; }	

	.right_side a { color: #414141; background: #FFF; }

		

	.left_side a { color: #414141; background: #FFF; }

		

	.right_side {

		float: right;

		width: 160px;

		padding: 0 0 0 10px;

		margin: 10px 0 0 38px;

	}

	.left_box { 

		margin: 0 0 7px 0; 

		color: #000; 

		background: #FFF; 

		padding: 3px 0; 

	}

	

		

/* right side

   ---------- */

		

.right {

	float: right;

	width: 340px;

	margin: 0 0 10px 0;

}

	.right h3 {

		background: #954AB9 url(images/h3bg.jpg) no-repeat center right;

		color: #FFF;

		padding: 8px 0 8px 5px;

		font: bold 1em Tahoma, Arial, Sans-Serif;

		margin: 0 0 3px 0;

	}
	
   .hp_right_articles {

		background: #E0D6E2;

		color: #414141;

		padding: 8px;	

		margin: 0 0 0 0;
		
		height:405px;
		text-align:center;

	}


	.right_articles {

		background: #E0D6E2;

		color: #414141;

		padding: 8px;	

		margin: 0 0 3px 0;

	}

	.notice {

		background: #E0D6E2;

		color: #000000;

		padding: 12px 8px;	

		margin: 0 0 3px 0;

	}
	
		.hp_right_image {

		float: none;

		margin: 6px 2px 5px 0;

	}

	

	.image {

		float: left;

		margin: 0 6px 5px 0;

	}

	.right-image {

		float: right;

		margin: 0 6px 5px 0;

	}



/* footer

   ------ */



.footer {
	border: 980px;
	clear: both;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	line-height: 2em;
}

	.footer a { color: #808080; background: #fff; }

	
.footer-ad {
	border: 980px;
	clear: both;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	line-height: 2em;
}

		

	/* sub - left side

   

   --------- */



.sub_left {

	float: right;

	width: 749px;

	margin: 0 0 10px 0;

}



.sub_left h2 {

	clear: both;

	background: #E2CFE8 url(images/h2bg-sub.jpg) no-repeat center right;

	color: #444;

	padding: 2px 0 3px 5px;

	font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;

	margin: 0 0 10px 0;

}

	.sub_left_side {

		float: right;

		width: 160px;

		padding: 0 0 0 10px;

		margin: 10px 0 0 38px;

	}

		

	.sub_right_side a { color: #414141; background: #FFF; }

		

	.sub_left_side a { color: #414141; background: #FFF; }

		

	.sub_right_side {

		float: left;

		width: 280px;

		background: #FFF url(images/dotted.gif) repeat-y;

		color: #414141;

		padding: 0 0 0 70px;

		margin: 10px 0;

	}

	.sub_left_box { 

		margin: 0 0 10px 0; 

		color: #000; 

		background: #FFF; 

		padding: 3px 0; 

	}

	

		

/* sub-right side

   ---------- */

		

.sub_right {

	float: left;

	width: 225px;

	margin: 0 0 10px 0;

}

	.sub_right h3 {

	background: #954AB9 url(images/h3bg-sub.jpg) no-repeat center left;

	color: #FFF;

	padding: 8px 0 8px 20px;

	font: bold 1em Tahoma, Arial, Sans-Serif;

	margin: 0 0 3px 0;

}

	.sub_right_articles {

		background: #E0D6E2;

		color: #414141;

		padding: 8px;	

		margin: 0 0 3px 0;

	}

	.sub_notice {

		background: #E0D6E2;

		color: #808080;

		padding: 12px 8px;	

		margin: 0 0 3px 0;

	}

	.sub_image {

		float: right;

		margin: 0 9px 3px 0;

	}

	

.paypal {

        text-align: center;


}

.videoBarContainer {

        text-align: left;


}


.flash-game {
	text-align: center;
}