@charset "utf-8";

/*--------------------
21 April 2009
CSS for: www.ncc.org.sg
CSS by: Xtremax.com
--------------------*/


/*------------------
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;
		}
		
/*----------------------
LOGIN BOX
----------------------*/

		.login-wrapper{
		background:url(images/login-box.jpg) no-repeat top left;
		}

/*------------------
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 {	
	}
	
	.countdown div.title {
		color : #FFAC08;
	}
	
	.countdown div.countdown-number {
		background-color: #FFAC08;
	}
	
	.countdown div.countdown-number span{
		color: #FFFFFF;
	}
/*----------------------
LATEST NEWS
----------------------*/		
		
	.latest-news {	
		background: url(images/bg-latest-news.jpg) top center no-repeat;	
	}
		
	.latest-news ul{
		background: url(images/bg-latest-news-bottom.jpg) top repeat-x #fce4a8;		
	}

	.latest-news ul li{
			border-bottom:1px solid #fab01b;
			border-top:1px solid #fffdf8;
	}
		
	.latest-news .latest-news-image {
		border: 1px solid #FFAC08;
		margin: 2px;
	}
	
	.latest-news li h3 a, .latest-news li a{
		color:#FFAC08;
	}
	
	div.news a,
	div.news a:hover,
	div.news a:visited {
		color:#FFAC08;
	}

/*------------
SUBSCRIBE NEWSLETTER
---------------*/
	
	.subscribe-newsletter a {
		background:url(images/banner-subscribe.jpg) no-repeat;
		}

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

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



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

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