.tabarea{
	width:100%
	float:left;
	background:#eee;
}
.tabs, .tabs2{ 
	list-style:none; 
	margin:0 !important; 
	float:left;
	padding-top:10px;
}
div.panes, div.panes2{
	padding:10px;
	border: 1px solid #eee;
	border-top:none;
}
div.panes ul marquee{
		min-height:250px;
}
div.panes ul li, div.panes2 ul li{
	list-style:square;
	color:#ff1111;
	margin-left:13px;
}
div.panes ul li a, div.panes2 ul li a{
    color: #336633;
    display: block;
    font-size: 15px;
    padding: 5px 0 0 5px;
}
div.panes ul li a:hover, div.panes2 ul li a:hover{
	text-decoration:underline;
	background-position:1px 9px;
}
/* single tab */
.tabs .li , .tabs2 .li{ 
	float:left;	 
	margin:0 !important;
	list-style-image:none !important; 
	background:url(../images/gradient.png) repeat-x left -5px;
	color:#333;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

}

/* link inside the tab. uses a background image */
.tabs .a, .tabs2 .a { 
	font-size:11px;
	font-weight:bold;
	float:left;
	height:24px;
	line-height:20px;
	text-align:center;	
	text-decoration:none;
	 cursor:pointer;
	padding:4px 10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:3px;
}
.current{
	color:#aa1111 !important; 
}
.tabs a:active, .tabs2 a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs .li.current a, .tabs2 .current, .tabs2 .current:hover, .tabs2 .li.current a {
	
	background:url(../images/gradient.png) repeat-x;
		-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	margin-right:1px;

}
div.most_read_lastNews{
	width:250px;
	float:right;
}

.tabs3{ 
	list-style:none; 
	margin:0 !important; 
	float:left;
}
div.panes3{
	padding:5px;
	border: 1px solid #ddd;
	height:273px;
}
div.panes3 ul marquee{
		min-height:250px;
}
div.panes3 ul li{
	list-style:square;
	color:#ff1111;
	margin-left:13px;
}
div.panes3 ul li a{
    color: #083885;
    display: block;
    font-size: 12px;
    padding: 3px 0 0 0;
}
div.panes3 ul li a:hover{
	text-decoration:underline;
	background-position:1px 9px;
}
/* single tab */
.tabs3 .li{ 
	float:left;	 
	margin:0 !important;
	list-style-image:none !important; 
	background:#E4E0E0;
	border:1px solid #eee;
	color:#000;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

}

/* link inside the tab. uses a background image */
.tabs3 .a{ 
	font-size:14px;
	float:left;
	height:20px;
	line-height:20px;
	text-align:center;	
	text-decoration:none;
	 cursor:pointer;
	padding:2px 14px;
	margin-right:3px;
}
.tabs3 .current{
	color:#ff1111 !important; 
}
.tabs3 a:active{
	outline:none;
}

/* when mouse enters the tab move the background image */

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs3 .current, .tabs3 .current:hover, .tabs3 .li.current a{
	
	background:url(../images/menu_dropdown_level1_bg_active.png) repeat-x left bottom;
		-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	margin-right:1px;
border:1px solid #eee;

}