/* auto apply to body tag, no need to add "class" */
BODY
{
    background-image:url(../images/bg.gif);
    FONT-FAMILY: Verdana, Helvetica, Arial, Tohama, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

.gradualshine {
	FILTER: alpha(opacity=50); moz-opacity: 0.5
}

.Remarks
{
	font-size: 8pt;
	color: blue;
	font-family:Verdana,Arial;
}

.ErrMsg
{	
	font-size: 8pt;
	color: red;
	font-family: Verdana,Arial;	
}

.title
{
	font:Verdana, Helvetica, Arial, Tohama, sans-serif;
	font-size: 22px;
	color: #999999;
	font-weight: bold;
}

.medtitle
{
	font:Verdana, Helvetica, Arial, Tohama, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}

.copyright
{
	font:Verdana, Helvetica, Arial, Tohama, sans-serif;
	font-size: 8px;
	color: #FFFFFF;
	font-weight: normal;
}

.footer
{
	font:Verdana, Helvetica, Arial, Tohama, sans-serif;
	font-size: 10px;
	letter-spacing:normal;
	color: #333333;
	font-weight: normal;	
}

.content
{
	font:Verdana, Helvetica, Arial, Tohama, sans-serif;
	font-size: 11px;
	letter-spacing:normal;
	color: #666666;
	font-weight: normal;	
}



/* default link <a></a>*/
A:link	
{
	font-size:10px;
	text-decoration: none;
	color: #666666;
	}	
		
A:visited	
{
	font-size:10px;
	text-decoration: none;
	color:#666666;
}	
		
A:active	
{
	font-size:10px;
	text-decoration: none;
	color: #666666;
}	
		
A:hover
{
	font-size:10px;
	text-decoration: none
	color: #FF0000;
}
/* <a class="footer"></a>*/
A.menu:link	
{
	font-size: 18px;
	font-weight:bold;
	text-decoration:	none;
	color: #FFFFFF;
	}	
		
A.menu:visited	
{
	font-size:18px;
	font-weight:bold;
	text-decoration:	none;
	color:	#FFFFFF;
}	
		
A.menu:active	
{
	font-size:18px;
	font-weight:bold;
	text-decoration: none;
	color:	#FFFFFF;
}	
		
A.menu:hover
{
	font-size: 18px;
	font-weight:bold;
	text-decoration: none;
	color: #FFCC00;
}