body    {
  background: #cccccc url(MainPicts/BGstip2.gif) top left repeat;
  color: rgb(0,0,0);
  font: 8pt/12pt Verdana, sans-serif;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  }

#cato{margin:auto;
  width:700px;
  height:600px;
  padding:0px;
  background:transparent url(MainPicts/caTologo200T.gif) 50%50% no-repeat;
  border:none;
}

p{margin-left:18px; margin-right:15px; margin-bottom:15px; margin-top:0px}

br{line-height:150%}
h1{font-size:14pt; font-weight:bold; margin-left:18px; margin-right:15px; margin-top:5px; margin-bottom:10px}
h2{font-size:11pt; font-weight:bold; margin-left:18px; margin-right:15px; margin-top:5px; margin-bottom:10px}
h3{font-size:9pt; font-weight:bold; margin-left:18px; margin-right:15px; margin-top:5px; margin-bottom:10px}



/* without text, dmv padding die text buiten beeld schuift */
#menu {display:block; height:120px; margin:15px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:1px; display:block; width:120px; border:none;}
#menu li.list1 {position:relative; top:100px; left:100px; background:transparent url(MainPicts/aTom-artIconBW.png);}
#menu li.list2 {position:relative; top:200px; left:400px; background:transparent url(MainPicts/ArLivreIconBW.png);}
#menu li.list3 {background:transparent url(../toys/toy3_bw.jpg);}
#menu li.list4 {background:transparent url(../toys/toy4_bw.jpg);}

#menu a {display:block; width:120px; padding-top:120px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:120px;}

#menu a#item1 {background:transparent url(MainPicts/aTom-artIconC.png) -120px -120px no-repeat;}
#menu a#item2 {background:transparent url(MainPicts/ArLivreIconC.png) -120px -120px no-repeat;}
#menu a#item3 {background:transparent url(../toys/toy3.jpg) -115px -86px no-repeat;}
#menu a#item4 {background:transparent url(../toys/toy4.jpg) -115px -86px no-repeat;}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}

* html #menu a:hover {height:120px;}

/* with text */
#menu2 {display:block; height:120px; min-height:120px; margin:15px;}
#menu2 ul {margin:0; padding:0; list-style-type:none;}
#menu2 li {display:block; float:left; margin-right:1px; width:115px; border:1px solid #000;}
#menu2 li.list1t {background:#000 url(../toys/toy1_bw.jpg) no-repeat;}
#menu2 li.list2t {background:#000 url(../toys/toy2_bw.jpg) no-repeat;}
#menu2 li.list3t {background:#000 url(../toys/toy3_bw.jpg) no-repeat;}
#menu2 li.list4t {background:#000 url(../toys/toy4_bw.jpg) no-repeat;}
#menu2 a {display:block; width:115px; padding-top:86px; color:#000; text-decoration:none; text-align:center; text-transform:uppercase; color:#fff; font-size:0.8em; font-weight:bold;}

#menu2 a#item1t {background:transparent url(../toys/toy1.jpg) -115px -86px no-repeat;}
#menu2 a#item2t {background:transparent url(../toys/toy2.jpg) -115px -86px no-repeat;}
#menu2 a#item3t {background:transparent url(../toys/toy3.jpg) -115px -86px no-repeat;}
#menu2 a#item4t {background:transparent url(../toys/toy4.jpg) -115px -86px no-repeat;}

#menu2 a#item1t:hover {background-position:top right; z-index:50; color:#fc0;}
#menu2 a#item2t:hover {background-position:top right; z-index:50; color:#0c0;}
#menu2 a#item3t:hover {background-position:top right; z-index:50; color:#f00;}
#menu2 a#item4t:hover {background-position:top right; z-index:50; color:#0ff;}


acronym {cursor: help;}


.left{float: left; margin-left:0px; margin-right:10px; margin-top:10px; margin-bottom:10px;}
.right{float: right; margin-right:5px; margin-left:10px; margin-top:10px; margin-bottom:10px;}

.center{text-align: center; }

.cent{display:block; margin-left:auto; margin-right:auto; }