body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#fff; color:#333; }
td { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#333; }
tr { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#333; }
table { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#fff; color:#333; }
a { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#fff; color: #333; text-decoration: none; }
a:link { font: bold 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#fff;  color: #333; text-decoration: none; }
a:hover { font: bold 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#fff;  color: #333; text-decoration: underline; }
a:visited { font: bold 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#fff;  color: #333; }
img { behavior: url(pngfix.htc) }


ul#coolapps
{
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
	
}

ul#coolapps li
{
	list-style-type: none ;
	margin: 0 0 0px 0 ;
	padding: 0 ;
}

ul#coolapps li a
{
	list-style-type: none ;
	display: block ;
	width: 137px ;
	height: 62px ;
	line-height: 62px ;
	color: #000 ;
	text-indent: 62px ; 

	text-decoration: none ;
	background: url(images/coolapps.gif) no-repeat 0 0 ; 
	border: 0px solid #dbd ;
}

ul#coolapps li a:hover
{
	list-style-type: none ;
	background: url(images/coolapps.gif) no-repeat 0 -62px ; 
	border: 0px solid #ffffff ;
}

ul#coolapps2
{
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
	
}

ul#coolapps2 li
{
	list-style-type: none ;
	margin: 0 0 0px 0 ;
	padding: 0 ;
}

ul#coolapps2 li a
{
	list-style-type: none ;
	display: block ;
	width: 137px ;
	height: 62px ;
	line-height: 62px ;
	color: #000 ;
	text-indent: 62px ; 

	text-decoration: none ;
	background: url(images/coolapps.gif) no-repeat 0 -62px ; 
	border: 0px solid #dbd ;
}



ul#beginner
{
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
}



ul#beginner li
{
	list-style-type: none ;
	margin: 0 0 0px 0 ;
	padding: 0 ;
	zoom: 1;
	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}

ul#beginner li a
{
	list-style-type: none ;
	display: block ;
	width: 137px ;
	height: 62px ;
	line-height: 62px ;
	color: #000 ;
	text-indent: 62px ; 

	text-decoration: none ;
	background: url(images/beginner.gif) no-repeat 0 0 ; 
	border: 0px solid #dbd ;
}

ul#beginner li a:hover
{
	list-style-type: none ;
	background: url(images/beginner.gif) no-repeat 0 -62px ; 
	border: 0px solid #ffffff ;
}

ul#beginner2
{
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
	
}

ul#beginner2 li
{
	list-style-type: none ;
	margin: 0 0 0px 0 ;
	padding: 0 ;
}

ul#beginner2 li a
{
	list-style-type: none ;
	display: block ;
	width: 137px ;
	height: 62px ;
	line-height: 62px ;
	color: #000 ;
	text-indent: 62px ; 

	text-decoration: none ;
	background: url(images/beginner.gif) no-repeat 0 -62px ; 
	border: 0px solid #dbd ;
}

ul#advanced
{
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
	
}

ul#advanced li
{
	list-style-type: none ;
	margin: 0 0 0px 0 ;
	padding: 0 ;
}

ul#advanced li a
{
	list-style-type: none ;
	display: block ;
	width: 137px ;
	height: 62px ;
	line-height: 62px ;
	color: #000 ;
	text-indent: 62px ; 

	text-decoration: none ;
	background: url(images/advanced.gif) no-repeat 0 0 ; 
	border: 0px solid #dbd ;
}

ul#advanced li a:hover
{
	list-style-type: none ;
	background: url(images/advanced.gif) no-repeat 0 -62px ; 
	border: 0px solid #ffffff ;
}

ul#advanced2
{
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
	
}

ul#advanced2 li
{
	list-style-type: none ;
	margin: 0 0 0px 0 ;
	padding: 0 ;
}

ul#advanced2 li a
{
	list-style-type: none ;
	display: block ;
	width: 137px ;
	height: 62px ;
	line-height: 62px ;
	color: #000 ;
	text-indent: 62px ; 

	text-decoration: none ;
	background: url(images/advanced.gif) no-repeat 0 -62px ; 
	border: 0px solid #dbd ;
}

ul#cool
{
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
	
}

ul#cool li
{
	list-style-type: none ;
	margin: 0 0 0px 0 ;
	padding: 0 ;
}

ul#cool li a
{
	list-style-type: none ;
	display: block ;
	width: 137px ;
	height: 62px ;
	line-height: 62px ;
	color: #000 ;
	text-indent: 62px ; 

	text-decoration: none ;
	background: url(images/cool.gif) no-repeat 0 0 ; 
	border: 0px solid #dbd ;
}

ul#cool li a:hover
{
	list-style-type: none ;
	background: url(images/cool.gif) no-repeat 0 -62px ; 
	border: 0px solid #ffffff ;
}

ul#cool2
{
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
	
}

ul#cool2 li
{
	list-style-type: none ;
	margin: 0 0 0px 0 ;
	padding: 0 ;
}

ul#cool2 li a
{
	list-style-type: none ;
	display: block ;
	width: 137px ;
	height: 62px ;
	line-height: 62px ;
	color: #000 ;
	text-indent: 62px ; 

	text-decoration: none ;
	background: url(images/cool.gif) no-repeat 0 -62px ; 
	border: 0px solid #dbd ;
}