@charset "utf-8";

/*--------------------
21 April 2009
CSS for: www.ncc.org.sg
CSS by: Xtremax.com
--------------------*/
/*------------------
Tooltip styles
--------------------*/
#tooltip {
	padding: 0px;
	opacity: 0.85;
	padding-left: 4px;
	background: url(images/tooltip-arrow.gif) top left no-repeat;
	color: #FFFFFF;
}

#tooltip div.body{
	padding: 5px;
	background: #fca701 url(images/tooltip-bg.gif) top repeat-x;
	color: #FFFFFF;
	border: 1px solid #fdb934;
}

#tooltip h3,
#tooltip h2,
#tooltip h1{
	color: #FFFFFF;
}

/*------------------
left-box
--------------------*/
.left-box h3{
	background: #ffab0a url(images/box-left-top.jpg) top left no-repeat;
	padding-left: 10px;
	padding-top: 3px;
	margin-left: -3px;
	margin-right: -3px;
}

.left-box{
	border-left: 3px solid #ffab0a;
	border-right: 3px solid #ffab0a;
}

.left-box li,
.left-box a,
.left-box a:visited {
	color: #ffab0a;	
}

.left-box a:hover {
	color: #f5c44e;	
}

.left-box .innerwarpper{
	border-left: 1px solid #ffecf5;
	border-right: 1px solid #ffecf5;
	padding: 5px 10px 0 10px;
}

.left-box-bottom{
	height: 12px;
	width: 181px;
	background: url(images/box-left-bottom.jpg) top left no-repeat;
	margin-bottom: 5px;
	line-height: 1px;
	font-size: 2px;
}

/*-- Content bg patch --*/
#content{
	background: url(images/bg-bottom.jpg) bottom left no-repeat;
}

#content .content-body {
	background: url(images/bg-top.jpg) top left no-repeat;
}

#content h2 {
	border-color: #F1AA1C;
	color: #F1AA1C;
}

#content h3 {
	border-color: #F1AA1C;
}

/*------------------
HEADER :
--------------------*/

#header {
	width:878px;
	height:120px;
	background:url(images/bg-header.jpg) no-repeat;
}

/*------------------
BANNER :
--------------------*/
.banner {
		width:647px;
		height:218px;
		float:left;
		}

/*------------------
NEWS ROW :
--------------------*/

#news-row strong {
			color:#F1AA1C;/*CHANGE VALUE*/
			}
			
#news-row .searchbox{
	background:url(images/searchbox.jpg) no-repeat;
	}
	
	.searchbox input {
		border:none;
		background:none;
		width:172px;
		height:25px;
		padding-left:25px;
		margin-top:2px;
		font:11px Arial, Helvetica, sans-serif;
		color:#666666;
		float:left;
		}
	.searchbox button {
		float:left; 
		margin-top:2px;
		width:19px;
		height:18px;
		background:url(images/btn-go.jpg) no-repeat;
		border:none;
		}

/*------------------
CALENDAR DATES:
--------------------*/
.dates a, .dates a:hover {
				width:15px;
				height:12px;
				background:url(images/bg-date.jpg) no-repeat;
				overflow:visible;
				}
				
	.content-header {
		background:#FFA900;/*CHANGE VALUE*/
		}
		
		.content-header button {
			border:1px solid #663300;/*CHANGE VALUE*/
			background:url(images/bg-btn.jpg) repeat-x;
			}
				
		.content-header img:hover {
			background:#B77B00;/*CHANGE VALUE*/
			}	
	
	#content .pageinfo a:link,#content .pageinfo a:active,#content .pageinfo a:visited {
		color:#464543;/*CHANGE VALUE*/
		}
			
	#content .pageinfo a:hover{
		color:#DC9302;/*CHANGE VALUE*/
		}
	
	#content .pageinfo span {
		color:#DC9302;/*CHANGE VALUE*/
		}
		
	#content a:link,#content a:active,#content a:visited{
			color:#DC9302;/*CHANGE VALUE*/
			text-decoration:underline;
			}
			
			#content a:hover{
				text-decoration:none;
				}

/*----------------------
EVENT COUNT DOWN
----------------------*/
	.countdown {
		background:url(images/bg-eventcountdown.jpg) no-repeat;
		}
		
/*----------------------
LATEST NEWS
----------------------*/		
		
	.latest-news {	
		background:#E4E4E4 url(images/bg-latest-news.jpg) top center no-repeat;	
		}
		
		
		.latest-news li h3 a, .latest-news li a{
			color:#FFAC08;
			}
			
	div.news a,
	div.news a:hover,
	div.news a:visited {
		color:#FFAC08;
	}
		
	div.calendar a,
	div.calendar a:hover,
	div.calendar a:visited {
		color:#000000;
	}
/*------------
SUBSCRIBE NEWSLETTER
---------------*/
	
	.subscribe-newsletter a {
		background:url(images/banner-subscribe.jpg) no-repeat;
		}

/*------------
BANNER PHOTOGALLERY
---------------*/
	
	.banner-photogallery a  {
		background:url(images/banner-photogallery.jpg) no-repeat;
		}

		
/*------------
BANNER GAMES
---------------*/
	
	.banner-games a  {
		background:url(images/banner-games.jpg) no-repeat;
		}



/*----------------------
TABLE
----------------------*/

#content thead {
	background:#FFA900;/*CHANGE VALUE*/
	color:#FFFFFF;
}

#content th {
	background:#FFA900;/*CHANGE VALUE*/
	color:#FFFFFF !important;
	text-decoration: none;
}

#content th a,
#content th a:link,
#content th a:hover,
#content th a:visited {
	background:#FFA900;/*CHANGE VALUE*/
	font-weight: bolder;
	color:#FFFFFF;
}

#content th a:hover{
	text-decoration: underline;
}