body { background-image: url(/images/binair.gif)}
 
a     { font-family: Arial, 'Times New Roman', serif ;
       font-weight: bolder;
       line-height : 16px;
       font-size: 12px}

a.menu
      { font-family: Arial, 'Times New Roman', serif ;
        text-decoration: none;
        
        font-weight: lighter;
       line-height : 11px;
       font-size: 10px}

a.menu:hover
     {text-decoration: underline}
   
img {border:none;}

body { font-family: "trebuchet ms",Verdana, Arial, 'Times New Roman', serif ;
       line-height : 16px;
       font-size: 13px}

table{ font-family: "trebuchet ms",Verdana, Arial, 'Times New Roman', serif ;
       line-height : 16px;
       font-size: 13px}

td.menu
    { font-family: Arial, 'Times New Roman', serif ;
    text-align:center;
     background: #dcdcdc;  
      font-weight: lighter;
      padding: 2px;     
      line-height : 16px;
      font-size: 10px}

td.title
   { font-family: Arial, 'Times New Roman', serif ;
      text-align:center;   
      background: #cccccc;
      font-weight: bolder;
      padding: 2px;     
      line-height : 16px;
      font-size: 13px}

body { font-family: "trebuchet ms",Verdana, Arial, 'Times New Roman', serif ;
       line-height : 16px;
       font-size: 13px}

table{ font-family: "trebuchet ms",Verdana, Arial, 'Times New Roman', serif ;
       line-height : 16px;
       font-size: 13px}

p     { font-family: "trebuchet ms",Verdana, Arial, 'Times New Roman', serif ;
       line-height : 16px;
       font-size: 13px}

h1{ font-family: Arial, serif}
h2{ font-family: Arial, serif; line-height:24px;}
h3{ font-family: Arial, serif}
h4{ font-family: Arial, serif;
     font-size: 8px;}

.ymenu    {
	white-space: nowrap;
	list-style-type: none;
	padding: 0;
      position: relative; top: 10px; left: 5px; 	
      z-index: 10 }

.ymenu a   {
	display: block }
.ymenu a {
	width: 100% }
.ymenu li    {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 11;
	vertical-align: inherit;
	behavior: url(/css/hover.htc)    }
.ymenu li {
	width: 100% }
.ymenu ul    {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 12 }
.ymenu ul {
	top: 25%;
	left: 100% }
.ymenu ul li     {
	margin: 0;
	z-index: 13;
	width: 100%;
	float: none }
.ymenu ul, .ymenu li:hover ul ul, .ymenu li.hover ul ul {
	visibility: hidden }
.ymenu li:hover ul, .ymenu li:hover li:hover ul,
.ymenu li.hover ul, .ymenu li.hover li.hover ul {
	visibility: visible }

.ymenu {font-size: 0.8em;
	text-align:center;   
      margin-bottom: 1em;
	margin-left: 0em;
      }

.ymenu li{ 
   
       }
.ymenu li.title { 
    background-color: #cccccc;    
    font-family: Arial, 'Times New Roman', serif ;
    text-align:center;   
    background: #cccccc;
    font-weight: bolder;
    width: 115px;
    font-size: 13px;
    padding-right: 0.0em;
    padding-left: 0.0em; 
    border: solid 1px #eeeeee;
    margin-bottom: -1px
      }
     
.ymenu {
	width: 115px }

.ymenu ul      {
	width: 95px;
     }

.ymenu li>ul {
	margin-left:  0px;
	padding-left: 0px;
  }

.ymenu a {
	color: black;
	background-color: #dcdcdc;
	text-decoration: none;
	font-size: 10px;
      margin-top: 0px;
	margin-bottom: -1px;
	padding-right: 0.0em;
	padding-left: 0.0em; 
      border: solid 1px #eeeeee }

.ymenu a:hover, .ymenu a:visited:hover   {
	color: white;
	background-color: #b22222;
	border-color: #eeeeee }
    
