/* my ss */
A:link {
	COLOR: #00f /*rgb(0, 0, 255)   The color of the link*/
}
A:visited {
	COLOR: #800080 /*The color of the visited link*/
}
A:hover {
	COLOR: Green
}


a.info{
    position:relative; /*this is the key*/
    z-index:25; 
    background-color:none;    /*#  rgb(224, 232, 255) red  ccc;*/
    color:none;
    text-decoration:none
    }

a.info:hover{
z-index:26;
color:white ! important; /*rgb(255, 118, 255);*/ 
background-color:none; /*black;*/
}
a.info:link{
   color:rgb(255, 218, 101);
   font-size: 12pt;
   }

a.info:visited{
   color:rgb(185, 37, 0);
   font-size: 12pt;
   }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:relative;
    z-index:auto;
    top: -4em; left: 18em;
    width:15em;
    border:1px solid #0cf;
    background-color:#cff; 
    color:#000;
    text-align: left}



/*
span {
  position: absolute;
  top: 5px;
  left: 30px;
  display: block;
  background: #fdd;
  border: 1px solid red;
  } 
  */
  /*The color of the mouseover or 'hover' link*/

h1,h2{
color:#fff;
text-align:center;
}




 /*Properties of items inside of a table*/
/*TD {	FONT-SIZE: LARGE; FONT-FAMILY: Verdana,Arial,Helvetica}*/
TD { FONT-SIZE: 16pt; FONT-FAMILY: Verdana,Arial,Helvetica;
     FONT-FAMILY: fantasy,serif,"DejaVu Sans";} 
/*    FONT-FAMILY: Courier,Arial,Times; Cursive,fantasy,monospace;}*/
	/*  'standard font-family names'
        * 'serif' (e.g. Times)
        * 'sans-serif' (e.g. Helvetica)
        * 'cursive' (e.g. Zapf-Chancery)
        * 'fantasy' (e.g. Western)
        * 'monospace' (e.g. Courier)
        *
        * also composer has a list with Arial,Times,Courier
        * "DejaVu Sans","URW Chancery L"
        *background-color: rgb(224, 232, 255); 

*/
TABLE {
	width: 480px; 
	border="0";
	background-color:	rgb(224, 232, 255); 
	padding-left:	15;
	padding-right:	15;
	padding-top:	0;
	padding-bottom:	0;
	float:	none;
	clear:	none;
	margin-top:	0;
	margin-bottom:	0;
	margin-left:	0;
	margin-right:	0;
	border-left:	0;
	border-right:	0;
	border-top:	0;
	border-bottom:	0;
	text-align:	left;	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Myriad Web, Geneva, Arial, Helvetica, sans-serif;
	font-size-adjust:	.48;
	color:	black;
	text-decoration:	none;
	border-color:	black;
	border-style:	none;
	}

BODY /*Everything within the BODY tags*/
{ 
scrollbar-base-color: red; /*Scrollbar color*/
scrollbar-arrow-color: yellow; /*Scrollbar arrow color*/
scrollbar-DarkShadow-Color: blue; /*Scrollbar shadow color*/
FONT-SIZE: X-SMALL; FONT-FAMILY: sans-serif,Arial,Helvetica; /*The font properties*/
color: rgb(0, 0, 0); 
background-color: rgb(153, 153, 255);
}
SELECT { /*This is the declaration for a section field*/
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: red;
}
TEXTAREA{ /*Text areas can be changed here*/
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: red;
}
BUTTON { /*The same goes for the button*/
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	FONT-SIZE: 9px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: GREEN;
}
INPUT { /*You get the idea...*/
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	FONT-SIZE: 9px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: red;
}
RADIO {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: red;
}
CHECK {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: red;
}