/* Tricol Geometry */

body {
 margin:10px 10px 0px 10px;
 padding:0px;
}
	
#leftcontent {
 position: absolute;
 left:10px;
 top:140px;
 width:200px;
 background:#fff;
}

#centercontent {
 background:#fff; 
 margin-left: 199px;
 margin-right:199px;
 voice-family: "\"}\"";
 voice-family: inherit;
 margin-left: 201px;
 margin-right:201px;
}
html>body #centercontent {
  margin-left: 201px;
  margin-right:201px;
}

#rightcontent {
 position: absolute;
 right:10px;
 top:140px;
 width:200px;
 background:#fff;
}
	
#logo {
 position: absolute;
 left:10px;
 top:10px;
 background:#fff;
 height:140px;
 width:200px;
/* text-align: center; */
 voice-family: "\"}\"";
 voice-family: inherit;
 height:39px;
}
html>body #logo {
 height:139px;
}
		
#banner {
 background:#fff;
 height:140px;
 margin-left: 199px;
 voice-family: "\"}\"";
 voice-family: inherit;
 height:139px;
 margin-left: 201px;
}
html>body #banner {
 height:139px;
 margin-left: 201px;
}

/* info pages 
 *
 * use the following code
 *
  <a class="info" href="#">Item
   <span class="info">
     Info on item.
   </span>
  </a>
  *
  */

a.info {
 color:red;
 text-decoration:none;
}

a.info:hover {
 color:red;
 text-decoration:none;
 /* This is required to make IE display the info */
 width:0em;
}

a.info .info{
 display:none;
}

a.info:hover .info{
 color:black;
 background:#fafafa;
 border:1px solid black;
 font-weight:normal;
 display:block;
 padding:0.6em;
 position: fixed;
 right:10px;
 top:250px;
 width:180px;
 z-index:2;
}