@import url('slimbox2.css');

body {
    font-family: 'Trebuchet MS', sans-serif;
    color: black;
    margin: 0px;
    padding: 0px;
    background-color: #9ba6a2;
    background-image: url(tobi-head.gif);
    background-position: -60px 0px;
    background-repeat: no-repeat;
}


#canvas {
    margin-left: 20px;
    margin-top: 40px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-right: 40px;
    padding-top: 0px;
    max-width: 195ex;
    min-width: 560px;
}

#border-left {
    margin-left: 160px;
    margin-right: 20px;
    background-image: url(border-left.gif);
    background-position: left;
    background-repeat: repeat-y;
}

#border-right {
    background-image: url(border-right.gif);
    background-position: right;
    background-repeat: repeat-y;
}

#border-top {
    background-image: url(border-top.gif);
    background-position: top;
    background-repeat: repeat-x;    
}

#border-bottom {
    background-image: url(border-bottom.gif);
    background-position: bottom;
    background-repeat: repeat-x;    
}


#corner-top-right {
    background-image: url(corner-top-right.gif);
    background-position: top right;
    background-repeat: no-repeat;
}

#corner-top-left {
    background-image: url(corner-top-left.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#corner-bottom-right {
    background-image: url(corner-bottom-right.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
}

#corner-bottom-left {
    background-image: url(corner-bottom-left.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 10px;
    overflow: auto;
}


#body {
    padding-top: 30px;
    padding-bottom: 0px;
    padding-left: 60px;
    padding-right: 40px;
    background-color: #ffffff;   
    float: left;
}

#tobi-stand {
    margin-left: 10px;
    margin-right: -10px;
    padding-top: 65px;
    padding-bottom: 45px;
    float: right;
}
        
#google-ad {    
    padding: 0;
    margin: 0;
    margin-left: 10px;
    float: right;
    width: 160px;
    height: 600px;
    padding-bottom: 10px;
    margin-right: -20px;
}

#menu {
    width: 85px;
    padding: 0;
    margin: 0;
    margin-top: 90px;
    margin-left: 105px;
    position: absolute;
}

#menu ul {
    list-style: none; 
    margin: 0px;
    padding: 0px;
}


#menu li > span,
#menu li > a {
    margin: 0px;
    text-decoration: none;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-right-style: none;
    border-color: #cacaa2;     
    background-color: #ffffd2;
    color: #8a8a51;
    padding: 3px;
    padding-left: 6px;
    padding-right: 4px;
    margin-bottom: 5px;
    margin-right: 21px;  
    font-size: 12px;
}

#menu a {
    color: black;
}

div#menu li span.selflink {
    border-right-style: solid;
    font-weight: bold;
    margin-right: 0px;
    border-color: #dddb01;     
    background-color: #fffea2;
    color: #666641;
}

#menu li > a:hover {
    border-color: #fffc00;
    color: #978a01;
    font-weight: bold;
}


#body a {
    color: #479c07;
    text-decoration: none;
}


#body a:hover {
    text-decoration: underline;
}

#body a img {
  border: 0px;  
}

#body #footer {
   margin-top: 6ex;
   padding-top: 4px;
   padding-bottom: 2px;
   padding-left: 60px;
   margin-right: -40px;
   margin-left: -60px;
   font-size: 80%;
   background-color: #eaefed;
   clear: both;
}

#body #footer a {
   color: black;
   text-decoration: none;
}
#body #footer a:hover {
   text-decoration: underline;
   color: black;
}

h1,
h2,
h3,
h4,
h5 {
  margin-top: 1.5ex;
  margin-bottom: 1ex;
  color: #424745;
}


#body h2 {
   font-size: 130%;
}

#body h1 {
   padding: 0;
   margin: 0;
   margin-bottom: 1ex;
   font-size: 170%;
}

#body p {
   margin-top: 0.5ex;
   margin-bottom: 2ex;
   line-height: 3.2ex; 
}   

#body ul,
#body ol {
   padding-left: 1.5em;
}

#body table {
  border-collapse: collapse;
  margin-top: 1ex;
  margin-bottom: 2ex;
}

#body td {  
  vertical-align: top;
  padding-right: 1ex;
  padding-bottom: 0.5ex;
}

#body .right {
  float: right;
  padding-left: 1ex;
  padding-bottom: 1ex;
  padding-top: 1ex;
}

.legacy,
span.print {
  display: none
}

#images {
   margin-bottom: 4ex;
   overflow: auto;
}