.tabs {
    float:left; 
    }
  .tabs ul.tabs-list {
    margin:0 0 0 5px;
	padding:0;
	font-weight:bold;
    list-style:none;
    }
  .tabs ul.tabs-list li {
    float:left;
    background:url(../tabimages/left.png) no-repeat left top;
    margin:0 0 -1px 0;
    padding:0 6px 0 3px;
    }
  .tabs ul.tabs-list a {
    float:left;
    display:block;
    background:url(../tabimages/right.png) no-repeat right top;
	text-align:center;
    padding:5px 15px 4px 12px;
    text-decoration:none;
    color:#fff;
    }
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  .tabs ul.tabs-list a {float:none;}
  /* End IE5-Mac hack */
  
  .tabs ul.tabs-list .current {
    background-image:url(../tabimages/left_on.png);
    border-width:0;
	margin-top:-3px;
	font-size:14px;
	position:relative;
	z-index:2;
    }
  .tabs ul.tabs-list .current a {
    background:url(../tabimages/right_on.png) right top no-repeat;
    color:#976900;
    padding-bottom:7px;
    }



     .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:-0.4em;
    }
    .js .tabs{
       
		display:inline;
		margin:10px 0px 0px 5px;
		padding:5px;
    }

    .tabs p{
        margin:1em;
    }
    .tabs{
        padding:2em;
    }
    
    .about{
        clear:both;
        padding:2em;
    }
	
	
/*-----------------LIST TOPICS STARTS-----------------*/
    #topics {
		display:inline;
		width:529px;
	}
	#topics ul {
    list-style: none;
	margin:0;
	padding:0 0 0 10px;
    }

    #topics ul li {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 10px;
    background: url(../tabimages/li-topics.gif) no-repeat 0pt 7px;

    /* You will need to upload your own ‘check.png’ file for this to work */
    }

    #topics ul li a, #topics ul li a:link, #topics ul li a:active, #topics ul li a:visited {
    color: #415481;
	display:block;
	font:bold 13px Arial;
	text-decoration:none;
	padding:4px 0 4px 5px;
    }
	#topics ul li a:hover {
	color:#1540a4;
	background:#f1f5ff;
	/* background:#f1f5ff url(../tabimages/li-topics-hover.gif) right center no-repeat;*/
	}

    #topics ul li p.li-text {
	font:normal 12px Arial;
	margin:0;
    padding-top: 2px;
    color: #595959;
    }
	
	
	
	
	#tabside-panel {
	float:left;
	display:inline;
	width:543px;
}
#tabside-panel .side-paneltop {
	float:left;
	width:543px;
	height:5px;
	font-size:1px;
	background:url(../tabimages/tabbox-top.png) no-repeat;
}
#tabside-panel .side-panelmid {
	float:left;
	width:541px;
	background:#fff;
	border-left:1px solid #b2bec6;
	border-right:1px solid #b2bec6;
}
#tabside-panel .btmzz {
	float:left;
	width:543px;
	height:5px;
	font-size:1px;
	background:url(../tabimages/tabbox-btm.png) no-repeat;
	
}