/* 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:#f6f6f6;
    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(../images/left.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }
  .tabs ul.tabs-list a {
    float:left;
    display:block;
    background:url(../images/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(../images/left_on.gif);
    border-width:0;
    }
  .tabs ul.tabs-list .current a {
    background-image:url(../images/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:-30px 0 0 0;
    }
    .js .tabs{
        width:700px;
		margin:0 24px;
    }

h1, h2, p {
    font-family: verdana;
    font-size: 12px;
    line-height: 23px;
    margin: 1em;
    padding: 11px 0 0;
	width: 625px;
    text-align: justify;
    }
    .tabs{
        padding:2em;
    }
    
    .about{
        clear:both;
        padding:2em;
    }