<HEAD>    
<STYLE  type="text/css">

BODY {
    FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	CURSOR: default; 
	COLOR: #110689;
	FONT-FAMILY: verdana, arial;
}

A {
    FONT-WEIGHT: bold; 
 
	COLOR: #777777; 
	FONT-FAMILY: Verdana, Arial; 
	TEXT-DECORATION: none;
}

A:hover {
    FONT-WEIGHT: bold; 
	 
	COLOR: #110689; 
	TEXT-DECORATION: none;
}

A:active {
    FONT-WEIGHT: bold; 
	
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none
}

div.leftmenu{
    FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	CURSOR: default; 
	COLOR: #110689; 
	FONT-FAMILY: verdana, arial;
}
div.leftmenu a:hover{
color:white;
text-shadow:2px 2px #000000;
}
div.leftmenu a:active{
color:red;
text-shadow:2px 2px #FFFFFF;
}

div.cookieinfo{
        display: block;
		FONT-SIZE: 11px;
        text-align: center;
		vertical-align:center;
        background: #000;
        color: #fff;
		opacity:0.6;
        padding: 5px 0px;
        width: 100%;
        white-space: wrap;
}

div.counter{   
		FONT-SIZE: 12px;
		FONT-WEIGHT: bold; 
        text-align: center;
		font-style:italic;
		vertical-align:center;
        color: #000;
		opacity:0.4;
        padding: 5px;
		text-shadow:1px 1px #000000;
 
}

div.counter a{
	color:black;
}

div.counter a:hover{
	color:white;
}
div.counter a:active{
	color:red;
	text-shadow:none;
}

    #topmenu {
        width:600px;
		
   }

    ul {
        margin: 0;
        padding: 0;
		position: relative;
		text-align: center;
        list-style: none;
		FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: default; COLOR: #110689; FONT-FAMILY: verdana, arial
    }

    ul li {
        display: block;
        position: relative;
        float: right;
    }

    li ul {
        display: none;
    }

    ul li a {
        display: block;
        text-align: center;
		vertical-align:center;
         
        color: #000;
		opacity:0.6;
        padding: 5px;
        width: 80px;
		
        white-space: wrap;
    }

    ul li a:hover {
		color: white;
		vertical-align:middle;
		opacity:1;
		FONT-WEIGHT: bold;
		text-shadow:2px 2px #000000;
    }
    ul li a:active{
		color: red;
		vertical-align:middle;
		opacity:1;
		FONT-WEIGHT: bold;
		text-shadow:2px 2px #ffffff;
    }

    li:hover ul {
        display: block;
        position: absolute;
    }

    li:hover li {
        float: none;
        font-size: 12px;
		FONT-WEIGHT: bold; 
    }

	    input[type="text"], [type="PASSWORD"]{
		    color: black; 
		    background-color: YELLOW;
		    font-family: Verdana,sans-serif;
		    text-align: left; 
		}
		
	    input[type="submit"],[type="reset"]{
		    font-family: Verdana,sans-serif;
			background-color: #cfe0e6;
			FONT-WEIGHT: bold; 
		    text-shadow:1px 1px #FFF000;
		}
	    input[type="submit"]:hover,[type="reset"]:hover{
		    font-family: Verdana,sans-serif;
			color:red;
			background-color: white;
			FONT-WEIGHT: bold; 
		    text-shadow:1px 1px #FFF000;
		}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 30%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
		
</STYLE>  
</HEAD>  