
<style>
	h1 em   {
			color : red;
			font-size : 20pt;
	        }


	A:link  { 	color           : blue;
			font-family     : arial;
			font-size       : 10pt;
			text-decoration : none;
		   }

	A:visited { 	color           : red;
			font-family     : arial;
			font-size       : 10pt;
			text-decoration : none;
		}


	A:hover		{
				color           : rgb(10,20,30);
				font-family     : arial;
				font-size       : 10pt;
				text-decoration : underline;
			}

	<!----- In CSS hyperlink style is such that ---------->
	<!----- A:hover must come after A:link and A:visited ------>
	<!----- A:ative must come after A:hover --------->
	<!----- This is the rule for CSS ----------------->
	<!------ Change the order and it does not work -------->

	

	   .bg 	{ background-color : ffeedd; }
	
	Div.bg1 	{ background-color : ccffff;
			  margin-top	   : 0;
			  margin-bottom    : 0;
			}

	Div.bgmain 	{ background-color : f9fffa; }
 


	caption {
			font-family : times;
			font-size   : 12pt;
			font-weight : bold; 
			line-height : 0.5 cm;			
		}

<!-- "line-height" increases the space between two lines --> 
	
	table.close {
			margin-top 	: 0;
			margin-bottom	: 0;
		    }
     
	
	table.menu {
			cellspacing      : 0;
			cellpadding      : 1;
			position         : absolute;
			visibility       : hidden;
			background-color : aaaaaa;
		}

	
	th	{
			padding-top    : 5;
			padding-bottom : 15;
			padding-left   : 5;
			padding-right  : 5;
			font-family    : georgia;
			font-size      : 10pt;
			font-weight    : bold;
			text-align     : center;
		}


	

	td.special {
				font-color      : blue
				font-family     : arial;
				font-size       : 12;
				text-decoration : underline;
			}

	td.text	{
			font-family    : Georgia, arial;
			font-size      : 10pt;
			text-align     : left;
			padding-left   : 5;
			padding-top    : 5;
			padding-bottom : 5
		}

	td.data	{
			font-family    : verdana, arial;
			font-size      : 10pt;
			text-align     : center;
			padding-top    : 5;
			padding-bottom : 5;
		}

	td.figure {
			font-family    : verdana, arial;
			font-size      : 10pt;
			text-align     : right;
			padding-right  : 25;
			padding-top    : 5;
			padding-bottom : 5;
		}


	td.mixed {
			font-family    : verdana, arial;
			font-size      : 10pt;
			text-align     : right;
			padding-right  : 30;
			padding-top    : 5;
			padding-bottom : 5;
		}

	td.do	{
			font-family  : verdana, arial;
			font-size    : 10pt;
			padding-left : 30;
		}


	td.ad  {
			background-color : 123456;
			font-family  : verdana, arial;
			font-size    : 15pt;
			fore-color      : red;
		}


	td.bg	{
		     background-color    : 123456;
		     background-image    : url("image/emblem4.gif");
		     background-repeat   : no-repeat;
		     background-position : center center;
		     z-index             : 0            
		}


	<!------- here z-index properties does not work ---->



	img.x {
		position : absolute;
		right : 10;
		bottom : 20;
		z-index : -100;
		}

       

	div.extrabold	{
				
			font-family  : verdana, arial;
			font-size    : 20pt;
			font-weight  : bold;
			text-align   : center;
			}

	div.large	{
				
			font-family  : verdana, arial;
			font-size    : 15pt;
			text-align   : center;
			}

	div.bold	{
				
			font-family  : verdana, arial;
			font-size    : 15pt;
			font-weight  : bold;
			text-align   : center;
			}

			
	.home {
			font-family  : verdana, arial;
			font-size    : 20pt;
			text-align   : center
		}


	
	.closetop { 
			margin-top : 0
		   }


	.closebottom { 
			margin-bottom : 0
		      }



	.notopmargin {	
			margin-top : 0;
		     }


	.fixed { position : absolute;
			top : 150;
			left = 0
		}

	.far     {
			margin-top    :5; 
			margin-bottom : 5;
			font-family   : arial,
			font-size     : 150%
			border        : 20px ridge green;
    		}

	

	td.menuitem {
			color        : steelblue;
			cursor       : default;
			font-family  : verdana, arial;
			font-size    : 12pt;
			padding-left : 10px
		     }	

	td.menuheading {
			color        : steelblue;
			cursor       : default;
			font-family  : verdana, arial;
			font-size    : 12pt;
			font-weight  : bolder;
			padding-left : 10px
		     }	

	td.navigmenu {
			color        : steelblue;
			cursor       : default;
			font-family  : verdana, arial;
			font-size    : 12pt;
			padding-left : 10px
		     }	

	
	ul.disc	{
			list-style-type : disc;
		}


	ul.circle {
			list-style-type : circle;
		  }

	ul.square {
			list-style-type : square;
		  }
	
	ul.none {
			list-style-type : none;
		   }



	ol.lalpha {
			list-style-type : lower-alpha;
		   }

	ol.ualpha {
			list-style-type : upper-alpha;
		   }

	ol.decimal {
			list-style-type : decimal;
		   }

	ol.lroman {
			list-style-type : lower-roman;
		   }

	ol.uroman {
			list-style-type : upper-roman;
		   }

</style>