/* 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:#ffffff url("bg.gif") repeat-x bottom;       /*   background large place-saver box in which tabs placed  */ 
	background-color:#e9f7fe;  								  /*   background large place-saver box in which tabs placed--I replaced the gif with just plain color  */  
    font-size:93%;
    line-height:normal;
	margin: 10px 0 0 0;
	color: #05244b;                                          /*   color of text within table cells--not tabs  */
	padding:2px;
    }
	

    .tabs .tabbody{
        position:relative;
    }
	
	
	
  .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 3px;
    }
  .tabs ul.tabs-list a {
    float:left;
    display:block;
    background:url("right.gif") no-repeat right top;
 /*   padding:5px 15px 4px 6px;    */
	padding:5px 15px 4px 0;
    text-decoration:none;
    font-weight:bold;
    color: #660099;  	
   /* color: #5D657B   */                          				/*    color text NOT-SELECTED TABS   */
    }
  /* 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;											   color text in tab being hovered over   */
	color:#05244b;
    }
  .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;    */
	color: #3636f8;                                /*    color text CURRENT TAB   */
/*	color: #257d09;   */
    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:540px;
    }

    h1,h2,p{
  /*      margin:1em;  */
    }
 /*   .tabs{
        padding:2px;
    }   */
    
    .about{
        clear:both;
        padding:2em;
    }