<!--
BODY {color: black}
BODY {background: url(back1.jpg) white}
BODY {background-color: purple}
BODY.jss {background: white;
	  margin-left: 0cm;
	  margin-right: 0cm;
	  margin-top: 0cm }

P       {margin-left: 0cm;
	 margin-right: 1cm}
P.in    {margin-left: 1cm;
	 margin-right: 1cm}
P.other {margin-left: 1cm;
	 margin-right: 5cm }
P.bold  {margin-left: 0cm;
	 margin-right: 1cm;
	  font-size: 150%}
H1.banner {font-size: 300%}
P.banner {font-size: 300%}

A:link {color: blue}
A:visited {color: green}
A:active {color: red}
A:fancy:link {font-style: italic; font-size: 120% }
A.fancy:visited {font-size: 120% }
A.fancy:active {font-size: 120% }

.mymenu {border-style: ridge; border-width: 4; border-color: #CAD6F1;}


.menu{
	position: relative;   /* The relative makes the menu appear
				 above the other elements. Why ? */
	margin-top:0px; 
/*	top: auto; */
	left: 3%;  
	background: none;   
/*	height: 50px;   */
	z-index: 1;
        width: 110px;  
	} 
/* fix to correct the faulty box model of IE5.5 */
* html .menu {width:111px; w\idth:110px;}

/* remove all the bullets, borders and padding from list */
.menu ul {
	  padding: 0;
	  border: 0;
	  margin: 0;
	  list-style-type:none;
	  list-style:none;
	  width: 110px;
	  border: 1px solid #CAD6F1;
/*	  border-bottom: 1px solid #ccc; */
/*	  z-index: 2; */
	 }
.menu ul li {
	  position: relative;
/*	  background: green;    */
/* 	  z-index: 2;		*/
	 }
.menu li ul {
	  position: absolute;
	  left: 100px;
	  top: 0;
	  display: none;
	  width:110px; 
/*	  background: yellow;   */
	  border: 1px solid #CAD6F1;
	  z-index: 14;
	 }
.menu ul li a {
	  display: block;
	  text-decoration: none;
	  color: #0000FF;
/*	  background: #CAD6F1;  */ 
/*	  background: purple;   */
	  padding: 5px;
	  border: 1px solid #CAD6F1;
	  border-bottom: 0;
	  width: 120px;
	  z-index: 5;
	 }
.menu ul li ul li {
	  display: block;
	  text-decoration: none;
	  color: #0000FF;
	  padding: 0px;
	  border: 0px ridge #888888; 
	  z-index: 6;
	  background: pink;  
	 }
.menu ul li ul li a {
	  display: block;
	  text-decoration: none;
	  color: #0000FF;
	  background: #CAD6F1;  
/*	  background: gold;   */
	  padding: 5px;
	  border: 3px ridge #888888; 
	  z-index: 7;
	 }

/* Fix IE. Hide from IE Mac \*/

* html ul li { float: left; }
* html ul li a { height: 1%; }
* html .menu ul li { float: left; z-index:4; }
* html .menu ul li a { height: 1%; z-index:5;}

/* End */

.menu li:hover ul { display: block; z-index:4; }
.menu li:hover ul, li.over ul { display: block; z-index:8; }


-->