<!-- ---------------------------------------------- design ---------------------------------------{  }
td			{ font-family: Verdana, Tahoma, Arial ; color: #333333; font-size: 11px; text-decoration: none; line-height:150% }

:link.link		{ font-family: Verdana, Tahoma, Arial ; color: #3366CC; font-size: 11px; text-decoration: none; font-weight:normal; border:0px; line-height:150%; }
:visited.link	{ font-family: Verdana, Tahoma, Arial ; color: #3366CC; font-size: 11px; text-decoration: none; font-weight:normal; border:0px; line-height:150%; }
:active.link	{ font-family: Verdana, Tahoma, Arial ; color: #3366CC; font-size: 11px; text-decoration: none; font-weight:normal; border:0px; line-height:150%; }
:hover.link		{ font-family: Verdana, Tahoma, Arial ; color: #000000; font-size: 11px; text-decoration: underline; font-weight:normal; border:0px; line-height:150%; }

.tdTitle	{ font-family: Verdana, Tahoma, Arial ; color: #FFFFFF; font-size: 11px; text-decoration: none; font-weight:bold; line-height:150%;)}
.title1		 	{color:#ffd05e; font-size: 15px; font-weight: bold}
.title2		 	{color:#7A5736; font-size: 14px; font-weight: bold}

.tdTitleNL	{ font-family: Verdana, Tahoma, Arial ; color: #FFFFFF; font-size: 11px; text-decoration: none; font-weight:bold; line-height:150%; height:22; padding-left:30px}

div.maindata {
	height: 300px;
	width: 505px;
	overflow: auto;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	SCROLLBAR-FACE-COLOR: #b8c0e0;
    SCROLLBAR-ARROW-COLOR: #7788cc;
    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-SHADOW-COLOR: #FFFFFF;
    SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-TRACK-COLOR: #f8f9ff;
    SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
    scrollbar-base-color:#FFFFFF; padding-left:0px; padding-right:10px; padding-top:0px; padding-bottom:0px	
}

.top 			{ font-family: Verdana, Tahoma, Arial ; color: #CCCC99; font-size: 11px; text-decoration: none; background-color:#001d1f; font-weight:normal; line-height:120%; }
:link.top 		{ font-family: Verdana, Tahoma, Arial ; color: #CCCC99; font-size: 11px; text-decoration: none; background-color:#001d1f; font-weight:normal; border:0px; line-height:120%; }
:visited.top 	{ font-family: Verdana, Tahoma, Arial ; color: #CCCC99; font-size: 11px; text-decoration: none; background-color:#001d1f; font-weight:normal; border:0px; line-height:120%; }
:active.top 	{ font-family: Verdana, Tahoma, Arial ; color: #CCCC99; font-size: 11px; text-decoration: none; background-color:#001d1f; font-weight:normal; border:0px; line-height:120%; }
:hover.top		{ font-family: Verdana, Tahoma, Arial ; color: #FFFFFF; font-size: 11px; text-decoration: none; background-color:#000000; font-weight:normal; border:0px; line-height:120%; }

<!-- ---------------------------------------------- left menu ---------------------------------------{  }
.tdleftmenu			{ font-family: Verdana, Tahoma, Arial ; color: #333333; font-size: 11px; text-decoration: none; font-weight:normal; line-height:100%; padding-left:2px; padding-right:2px; padding-top:4px; padding-bottom:4px; text-align:center }

.leftmenu 			{ font-family: Verdana, Tahoma, Arial ; color: #FFFFFF; font-size: 11px; text-decoration: none; font-weight:normal; border:0px; line-height:120%; }
:link.leftmenu 		{ font-family: Verdana, Tahoma, Arial ; color: #FFFFFF; font-size: 11px; text-decoration: none; font-weight:normal; border:0px; line-height:120%; }
:visited.leftmenu 	{ font-family: Verdana, Tahoma, Arial ; color: #FFFFFF; font-size: 11px; text-decoration: none; font-weight:normal; border:0px; line-height:120%; }
:active.leftmenu 	{ font-family: Verdana, Tahoma, Arial ; color: #FFFFFF; font-size: 11px; text-decoration: none; font-weight:normal; border:0px; line-height:120%; }
:hover.leftmenu		{ font-family: Verdana, Tahoma, Arial ; color: #FFFFFF; font-size: 11px; text-decoration: none; font-weight:normal; border:0px; line-height:120%; }

.tdTopMenuOn		{
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #21327A;
	text-decoration: none;
	line-height:115%; background-color:#EAEDF6;
}

.tdTopMenuOff		{
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height:115%;
}

.tdTopMenuSel		{
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height:115%; background-color:#7788cc;
}

.tdTopLine		{
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height:115%;
}

.tdLeftMenuOff	{ 
	font-family: Verdana, Arial;
	color: #000000; 
	font-size: 11px; 
	text-decoration: none; 
	font-weight:normal; 
	line-height:100%; 
	padding-left:2px; 
	padding-right:2px; 
	padding-top:4px; 
	padding-bottom:4px; 
	text-align:center 
}

.tdLeftMenuOn		{
	font-family: Verdana, Arial;
	color: #000000; 
	font-size: 11px; 
	text-decoration: none; 
	font-weight:normal; 
	line-height:100%; 
	padding-left:2px; 
	padding-right:2px; 
	padding-top:4px; 
	padding-bottom:4px; 
	text-align:center; 
	background-color:#FFFFFF 
}

.tdLeftMenuSel		{
	font-family: Verdana, Arial; 
	color: #FFFFFF; 
	font-size: 11px; 
	text-decoration: none; 
	font-weight:normal; 
	line-height:100%; 
	padding-left:2px; 
	padding-right:2px; 
	padding-top:4px; 
	padding-bottom:4px; 
	text-align:center; 
	background-color:#7788cc;
}

.tdLeftSubMenuOff	{ 
	font-family: Verdana, Arial;
	color: #000000; 
	font-size: 11px; 
	text-decoration: none; 
	font-weight:normal; 
	line-height:100%; 
	padding-left:2px; 
	padding-right:2px; 
	padding-top:4px; 
	padding-bottom:4px; 
	text-align:center 
}

.tdLeftSubMenuOn		{
	font-family: Verdana, Arial;
	color: #000000; 
	font-size: 11px; 
	text-decoration: none; 
	font-weight:normal; 
	line-height:100%; 
	padding-left:2px; 
	padding-right:2px; 
	padding-top:4px; 
	padding-bottom:4px; 
	text-align:center; 
	background-color:#FFFFFF 
}

.tdLeftSubMenuSel		{
	font-family: Verdana, Arial; 
	color: #FFFFFF; 
	font-size: 11px; 
	text-decoration: none; 
	font-weight:normal; 
	line-height:100%; 
	padding-left:2px; 
	padding-right:2px; 
	padding-top:4px; 
	padding-bottom:4px; 
	text-align:center; 
	background-color:#BEC3E0;
}


.tdDropMenuoff		{  font-family: Arial, Tahoma ; font-size: 11px; color:#333333; font-weight:normal; text-decoration: none;background-color:#EAEDF6;padding-left:6px; padding-top:3px; padding-bottom:3px;}
.tdDropMenuon		{  font-family: Arial, Tahoma ; font-size: 11px; color:#213278; font-weight:normal; text-decoration: none;background-color:#D3D8EE;padding-left:6px; padding-top:3px; padding-bottom:3px;}
.tdDropMenusel		{  font-family: Arial, Tahoma ; font-size: 11px; color:#213278; font-weight:normal; text-decoration: none;background-color:#D3D8EE;padding-left:6px; padding-top:3px; padding-bottom:3px;}

<!-- ---------------------------------------------- form ---------------------------------------{  }
.textbox 		{font-family: Verdana, Tahoma, Arial ; color: #333333; font-size: 11px; border: 1px solid #28377a; }
.textarea 		{font-family: Verdana, Tahoma, Arial ; color: #333333; font-size: 11px; border: 1px solid #28377a; }
.button 		{font-family: Verdana, Tahoma, Arial ; color: #333333; font-size: 11px; border: 1px solid #28377a; height:17; color:#FFFFFF; background-color:#5665a6}

li				{list-style-image: url('../design/bullet.gif');}
<!-- ---------------------------------------------- end ---------------------------------------{  }