body {
background:url(images/123_01.gif);
color: #000000;

}

td {
	font: normal 14px Arial;
	color: #eeeeee;
}

h1, h2, h3, h4, h5 {

    color: #ffffff;
    margin: 0px;
}


li {
font-family: Arial;
	font-size: 14px;
	color: #eeeeee;
}

a {
font: normal 12px Arial;
color: #FF7800;
text-decoration: none;
}

a:hover {
font: normal 12px Arial;
color: #ffffff;
text-decoration: none;
}


toptxt{
	font-family: Arial;
	font-size: 16px;
	color: #ff3333;
	/*letter-spacing: 1px;*/
}

.mypagetitle {
	font-family: Arial;
	font-size: 20px;
	color: #FF7800;
	/*letter-spacing: 1px;*/
}

.mysection{
	font-family: Arial;
	font-size: 16px;
	color: #FF7800;
	/*letter-spacing: 1px;*/
}

.mychapter{
	font-family: Arial;
	font-size: 14px;
	color: #bb5500;
	/*letter-spacing: 1px;*/
}

.mytxt {
	font-family: Arial;
	font-size: 12px;
	color: #eeeeee;
	/*letter-spacing: 1px;*/
}

.highlightit img{
border: 2px solid #2d2d2d;
}

.highlightit:hover img{
border: 2px solid #FF7800;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}


.my_a1 {
	float:left;
	height:77px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	width:290px;
}
	.my_a1.linkClass { background:url(images/banner_cg_small.png) top left no-repeat;}
	.my_a1:hover {background-position:left bottom;}
	.my_a1.open {background-position:left bottom !important;}
	
.my_a2 {
	float:left;
	height:77px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	width:290px;
}
	.my_a2.linkClass { background:url(images/banner_play_small.png) top left no-repeat;}
	.my_a2:hover {background-position:left bottom;}
	.my_a2.open {background-position:left bottom !important;}