/* classic slising doors example css as seen on http://www.alistapart.com/articles/slidingdoors/*/
  body {
    background:#fff;
    margin:0;
    padding:0;
    color:#000;
    font:x-small/1.5em Georgia,Serif;
    voice-family: "\"}\""; voice-family:inherit;
    font-size:small;
    } html>body {font-size:small;}

  .tabs {
    /*float:left;*/
    width:100%;
    /*background:#DAE0D2 url("bg.gif") repeat-x bottom;*/
    background:#DAE0D2;
    font-size:93%;
    line-height:normal;
    }
  .tabs ul.tabs-list {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
    }
  .tabs ul.tabs-list li {
    float:left;
    background:url("left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }
  .tabs ul.tabs-list a {
    float:left;
    display:block;
    background:url("right.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#765;
    }
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  .tabs ul.tabs-list a {float:none;}
  /* End IE5-Mac hack */
  .tabs ul.tabs-list a:hover {
    color:#333;
    }
  .tabs ul.tabs-list .current {
    background-image:url("left_on.gif");
    border-width:0;
    }
  .tabs ul.tabs-list .current a {
    background-image:url("right_on.gif");
    color:#333;
    padding-bottom:5px;
    }



    .js .tabs .current-info,
    .js .tabs .accessibletabsanchor,
    .js .tabs .tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/ {
        position:absolute;
        left:-999em;
    }
    .js .tabs .content{
        clear:both;
        margin:3em 1em 1em 1em;
    }
    .js .tabs{
        width:500px;
    }

    h1,h2,p{
        margin:1em;
    }
    .tabs{
        padding:2em;
    }

    .about{
        clear:both;
        padding:2em;
    }