/* Tab Content - menucool.com */
ul.tabs
{
	padding-top: 3px;
 
    font-size: 0;  /* why needed? */
    margin:0;
    list-style-type: none;
    text-align:  center; /*set to left, center, or right to align the tabs as desired*/
   /*  border:1px solid  #663300;  Not needed */ 
    border-bottom:none;
    background:  #fffff8; /* Off-white  */
	color:  orange; /* ffcc66;  */
}
  
/* The individual tabs */      
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:-1px; /*distance between tabs*/
     /* Not seen border: 10px solid #blue;  */   
}
        
ul.tabs li a
{
    font: normal 12px Arial; /* Verdana; ########### */
    text-decoration: none;
    position: relative;
	
	/* ----- New Code for two line content */	
	position:relative;
	top:1px;
	display:block;
	float:left;

	width: 5.8em; /* was 2.875em; */
	height:2.25em;	
	/* ----- end of new code */
	
    padding: 8px 10px;
    border: 1px solid white; /* #663300; /* The border around individual tabs */
 /*   border-right:none;  Not having this gives a border to the RHS of the lsst tab */
    color:  #ffcc66; /* white; /* #330099;   /* Color to be same as in rest of site - was #000; */  
    background: black; #FFF; 
    outline:none;
} 
       
ul.tabs li:last-child a
{

    border-right:1px solid black; /* was #663300;  DOES NOT WORK - NOT SEEN */
} 
 ul.tabs li a:visited
{
   /* Not needed here */
}
        
ul.tabs li a:hover
{
    text-decoration: none;
    color:  yellow;
	background: black;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
    background: white; /*#ffddaa; /*  #663300;  */
    color: green;  /* !!!!!! */
	 border-top:1px solid black;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
			color: blue;/* !!!!!!!!!!!!!!! */
	border-top:1px solid black;
}
}

div.tabcontents
{
	clear:left;   /* NEW for two line text */

	margin-top: 8px;
    border-top: 1px solid #663300;  /* A line under the tabs */
    padding: 0px; /* ************************* was 30px;  */
    background-color:  #fffff8; /* #dbd1c8;  /*  was #FFFFFF This is not seen it is covered by the contents */
	text-align:left; 
}