#ajax-container {
width:644px;
height:313px; 
background-image:url(../images/ajax-background.jpg);
clear:both;
margin:5px 0px 0px 21px;
float:left;
display:inline;
overflow:hidden;
}

#news-of-the-day-left {
float:left;
width:8px;
height:210px;
margin:48px 0px 0px 5px;
background-image:url(../images/news-left.png);
_background-image:url(../images/news-left.jpg);
background-position:0px 0px;
cursor:pointer;
display:inline;
}

#news-of-the-day-left:hover {
background-position:-8px 0px;
}

#news-of-the-day-right {
float:left;
width:8px;
height:210px;
margin:48px 0px 0px 2px;
background-image:url(../images/news-right.png);
_background-image:url(../images/news-right.jpg);
background-position:8px 0px;
cursor:pointer;
display:inline;
}

#news-of-the-day-right:hover {
background-position:-8px 0px;
}

#news-of-the-day {
width:280px; 
height:301px;
float:left;
margin:0px 0px 0px 0px;
padding:7px 0px 0px 2px;
overflow:hidden !important;
}

.scroll { 
    position:relative; 
    overflow:hidden; 
    width: 285px; 
    height: 313px; 
    float:left; 
} 
 
/* root element for the scroll pics */ 
.scroll .news { 
    width:20000em; 
    position:absolute; 
    clear:both; 
} 

.news-of-the-day-scrollable {
width:300px; 
height:313px;
 position:relative; 
 overflow:hidden;
 float:left;
 border:solid 1px #ffcc00;
}

.news-of-the-day-scrollable  .tems-wrapper {
 position:absolute; 
 width:20000em; 
 clear:both; 
}

.main-news-item {
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:285px;
	height:292px;
	line-height:12px;
}

.main-news-item img {
float:left;
clear:both;
margin-left:0px;
}

.heading-span {
font-size:12px;
	margin:0px 0px 2px 0px;
	padding:0px;
	line-height:12px;
	float:left;
	height:39px;
	overflow:hidden;
	text-decoration:none;
	color:#000000;
	text-align:left;
	font-style: italic;
	width:280px;
	text-align:justify;
}

.heading-date {
float:left;
}

.main-news-item .heading-span a, .main-news-item .heading-span a:visited, .main-news-item .heading-span a:link, .main-news-item .heading-span a:active{
	font-size:13px;
	margin:0px;
	padding:0px;
	line-height:13px;
	overflow:hidden;
	text-decoration:none;
	color:#000000;
	text-align:left;
	font-style: normal;
	font-weight:bold;
}

.main-news-item .heading-span a:hover {
text-decoration:none;
color:#f3890b;
}

.main-news-item-text {
margin:3px 0px 0px 0px; 
height:48px; 
overflow:hidden;
float:left; 
clear:both; 
width: 280px;
font-size:12px;
line-height:15px;
}

#news-ajax {
width:331px; 
height:300px;
float:left;
padding-top:7px;
overflow:hidden;
}

.pane-stire {
margin:0px 0px 5px 0px;
float:left;
clear:right;
width:325px;
height:69px;
overflow:hidden;
clear:both;
line-height:14px;
font-size:12px;
display:inline;
}

.pane-stire img {
float:left;
margin: 0px 7px 0px 0px;
display:inline;
}

.pane-stire h1 {
font-weight:bold;
font-size:12px;
line-height:14px;
padding:0px;
margin:0px;
color:#000;
}

.pane-stire a, .pane-stire a:hover, .pane-stire a:active, .pane-stire a:link, .pane-stire a:visited {
text-decoration:none;
color:#000;
font-size:12px;
}

.pane-stire h1 a:hover {
color:#f3890b;
font-size:12px;
}

.items {
 position:absolute; 
 width:328px;
 height:225px;
}

.nav {
width:330px;
float:left;
height:15px !important;
margin:0px 0px 5px 5px;
padding:3px 0px 0px 0px;
border-top:solid 1px #666666;
display:inline;
}


div.panes {
height:247px;
width:328px;
overflow:hidden;
float:left;
}

div.panes div.pane {
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	height:220px;
	width:328px;
	padding:0px 10px 0px 2px;
	margin: 5px 0px 0px 0px;
	float:left;
	clear:both;
	display:none;
	display:inline;
}

.scrollable {
	position:relative; 
    overflow:hidden; 
	width:320px;
	height:220px;
	float:left;
	display:inline;
}
/* root element for tabs  */
ul.tabs { 
	list-style:none !important; 
	margin:0 !important; 
	padding:0 !important;
	height:24px !important;
	width:340px !important;
	float:left; 
	clear:both;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0 !important;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a, ul.tabs a:link, ul.tabs a:visited  { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	height: 24px;  
	line-height:24px;
	width: 107px;
	margin:0px 2px 0px 2px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	position:relative;
	top:1px;
	background-image:url(../images/tab-bg.png);
	_background-image:url(../images/tab-bg.jpg);
	background-position:top left;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	color:#fff !important;
	font-weight:bold;
	background-position: 0px 24px;
}



/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* initially all panes are hidden */ 


#spacer {
font-size:1px;
float:left;
clear:both;
height:1px;
}

a.up, a.down		{ 
	background:url(../images/vert_large.png) no-repeat; 
	_background:url(../images/vert_large.jpg) no-repeat; 
	float: left;
	width:15px;
	height:15px;
	margin:0px 5px 0px 5px;
	display:inline;
}

a.up {
margin:0px 5px 0px 150px !important;
}

/* up */
a.up:hover  		{ background-position:-15px 0; }
a.up:active  		{ background-position:-30px 0; }

/* down */
a.down 				{ background-position: 0 -15px; }
a.down:hover  		{ background-position:-15px -15px; }
a.down:active  	{ background-position:-30px -15px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}