A:link { color: #0033cc; text-decoration: none; }
A:visited { color: #0033cc; text-decoration: none; }
A:active { color: #0033cc; text-decoration: none; }
A:hover { color: #0066ff; text-decoration: underline }

body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px; 
	color: #003366;
	margin-top: 0px;
	background-color: #9ab3cc;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}

td
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px; 
	color: #003366;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
}

.bgwht { background-color: #ffffff; }

.txtwht
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px; 
	color: #ffffff;
}

.menu
{
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 3px 3px 3px 16px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

/* menu states - work */
body.w04 #w04, body.w04 #w04 a:link, body.w04 #w04 a:visited,
body.w03 #w03, body.w03 #w03 a:link, body.w03 #w03 a:visited,
body.w02 #w02, body.w02 #w02 a:link, body.w02 #w02 a:visited,
body.w01 #w01, body.w01 #w01 a:link, body.w01 #w01 a:visited,
body.w00 #w00, body.w00 #w00 a:link, body.w00 #w00 a:visited {background-color:#E1F0FF;}

/* menu states - live */
body.v07 #v07, body.v07 #v07 a:link, body.v07 #v07 a:visited,
body.v06 #v06, body.v06 #v06 a:link, body.v06 #v06 a:visited,
body.v05 #v05, body.v05 #v05 a:link, body.v05 #v05 a:visited,
body.v04 #v04, body.v04 #v04 a:link, body.v04 #v04 a:visited,
body.v03 #v03, body.v03 #v03 a:link, body.v03 #v03 a:visited,
body.v02 #v02, body.v02 #v02 a:link, body.v02 #v02 a:visited,
body.v01 #v01, body.v01 #v01 a:link, body.v01 #v01 a:visited,
body.v00 #v00, body.v00 #v00 a:link, body.v00 #v00 a:visited {background-color:#FFF0C2;}

/* menu states - learn */
body.l05 #l05, body.l05 #l05 a:link, body.l05 #l05 a:visited,
body.l04 #l04, body.l04 #l04 a:link, body.l04 #l04 a:visited,
body.l03 #l03, body.l03 #l03 a:link, body.l03 #l03 a:visited,
body.l02 #l02, body.l02 #l02 a:link, body.l02 #l02 a:visited,
body.l01 #l01, body.l01 #l01 a:link, body.l01 #l01 a:visited,
body.l00 #l00, body.l00 #l00 a:link, body.l00 #l00 a:visited {background-color:#FFD1D1;}

/* menu states - play */
body.p07 #p07, body.p07 #p07 a:link, body.p07 #p07 a:visited,
body.p06 #p06, body.p06 #p06 a:link, body.p06 #p06 a:visited,
body.p05 #p05, body.p05 #p05 a:link, body.p05 #p05 a:visited,
body.p04 #p04, body.p04 #p04 a:link, body.p04 #p04 a:visited,
body.p03 #p03, body.p03 #p03 a:link, body.p03 #p03 a:visited,
body.p02 #p02, body.p02 #p02 a:link, body.p02 #p02 a:visited,
body.p01 #p01, body.p01 #p01 a:link, body.p01 #p01 a:visited,
body.p00 #p00, body.p00 #p00 a:link, body.p00 #p00 a:visited {background-color:#FFE1D1;}

/* menu states - about */
body.a11 #a11, body.a11 #a11 a:link, body.a11 #a11 a:visited,
body.a10 #a10, body.a10 #a10 a:link, body.a10 #a10 a:visited,
body.a09 #a09, body.a09 #a09 a:link, body.a09 #a09 a:visited,
body.a08 #a08, body.a08 #a08 a:link, body.a08 #a08 a:visited,
body.a07 #a07, body.a07 #a07 a:link, body.a07 #a07 a:visited,
body.a06 #a06, body.a06 #a06 a:link, body.a06 #a06 a:visited,
body.a05 #a05, body.a05 #a05 a:link, body.a05 #a05 a:visited,
body.a04 #a04, body.a04 #a04 a:link, body.a04 #a04 a:visited,
body.a03 #a03, body.a03 #a03 a:link, body.a03 #a03 a:visited,
body.a02 #a02, body.a02 #a02 a:link, body.a02 #a02 a:visited,
body.a01 #a01, body.a01 #a01 a:link, body.a01 #a01 a:visited,
body.a00 #a00, body.a00 #a00 a:link, body.a00 #a00 a:visited {background-color:#D6E0EB;}

.small
{
	font-size: 11px;
	text-align: left; 
}

.footer
{
	font-size: 11px; 
	color: #666666;
}

ul.rec
{
	list-style: url(../images/list-dot01.gif) disc; 
	margin-top: 5;
	margin-left: 20;
	font-weight: normal;
}

h1 { font-size: 22px; font-weight: bold; margin-bottom:5px; text-align: left; }
h2 { font-size: 14px; font-weight: bold; color:#990000; padding:0; margin:0; text-align: left; }
h3 { font-size: 12px; font-weight: bold; color:#990000; padding:0; margin:0; text-align: left; }

.twork { font-size: 14px; color:#336699; }
.tlive { font-size: 14px; color:#996600; }
.tlearn { font-size: 14px; color:#990000; }
.tplay { font-size: 14px; color:#993300; }

.download { padding:5px 0px 16px 18px; background-image: url(../images/icon-doc.gif); background-repeat: no-repeat; text-align: left;}
.tab01 { padding:5px; border-top:1px solid #99ccff; text-align: left; }
.tab01b { padding:5px; border-top:1px solid #99ccff; background-color: #e0f0ff; text-align: left; }
.tab02 { padding:5px; border:1px solid #99ccff; text-align: left; }

.grey { color: #999999;}

.col01
{
	float: left;
	width: 185px;
	padding-right: 10px;
	text-align: left;
}

.col02
{
	float: left;
	width: 380px;
	padding-right: 10px;
	text-align: left;
}

.col03
{
	float: left;
	width: 575px;
	padding-right: 10px;
	text-align: left;
}

.faq
{
	float: left;
	width: 575px;
	padding-right: 10px;
	text-align: left;
}

td.c01
{
	border-top: 1px solid #6699cc;
	background-color: #ffffff;
	padding: 5px;
	text-align: left;
}

td.c02
{
	border-top: 1px solid #6699cc;
	background-color: #D6E0EB;
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

ol { margin-left: 24px; }