/* 

Coded By: Ong Horng Shii 
Date: 28 September 2009

Primary Colors:
red: #60130F;
grey: #6E6E6E;
dark grey: #3c3c3c;
light grey: #ccc;

*/

/* links */


/* main */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin: 0; padding: 0; border: 0; outline: none;
}

h1, h2, h3, h4, h5, h6, textarea {
	font-size: 100%;
}

a { text-decoration: none; color: #BFBFBF }
a:hover { color: #ffffff; }

body { 
	font-family: verdana, georgia, helvetica, sans-serif; 
	font-size: 10pt;
	background-color: #474747;
}

textarea { font-family: verdana, georgia, helvetica, sans-serif; font-size: 8pt; padding: .1em; }

.fl { float: left; }
.fr { float: right; }

.noBullet { list-style: none; }
.hide { display: none; }

#position-container {
	margin: 2em auto;
	width: 1000px;
	border: 0px solid black;
}

#main-container { border: 0px solid black; overflow: hidden; }
	
	#header { color: white; background: url('../images/header_bg.gif') repeat-x top; border: 0px solid black; height: 50px; width: 1000px; }
		#header-text { padding: 1.5em 0 0 2em; font-size: 9pt; }
	
	#body-container { overflow: hidden; background-color: #61120F; height: auto; border-top: 1px solid black; }
		#home-container { float: left; background: url('../images/main_bg.png') no-repeat; width: 199px; height: 550px; overflow: hidden; }
			#subscribe { position: absolute; top: 380px; color: white; margin-left: 1.5em; font-size: 8pt; width: 200px; }
			#subscribe label { padding: .5em 0; font-size: 7pt; }
			#subscribe input { margin: .5em 0; }
			
			#home { position: absolute; top: 140px; margin-left: 2em; }
			
		#data-container { float: none; overflow: hidden; background-color: black; width: 800px; height: auto; border-left: 1px solid black; }
			#data-row-1 { overflow: hidden; width: 800px; margin-bottom: 5px; }
				#shuffle-banner { overflow: hidden; float: left; margin-right: 5px; width: 595px; height: 300px; position: relative; }
				#ads-wrapper { float: left; width: 200px; height: 300px; background: white; }
				.ads { width: 200px; height: 300px; }
				
			#data-row-2 { float: none; overflow: hidden; width: 800px; }
				.navigation { float: left; border-right: 5px solid black; width: 195px; height: 250px; }
					.nav-pic { height: 130px; width: 195px; overflow: hidden; }
					.nav-links { margin: 1.2em 0 0 1.5em; font-size: 9pt; }
				/*	.nav-links a { color: #BFBFBF; }
					.nav-links a:hover { color: #FFFFFF; } */
					.nav-links ul { list-style-type: none; }
					.nav-links ul li { margin-bottom: .7em;  }
					
			#data-row-3 { float: none; width: 800px; height: 100px; border-top: 5px solid black; background: url('../images/transparentBlack.png') repeat; overflow: hidden; }
				#row-3-left { float: left;  margin: 1.2em 0 0 1.5em; }
					#row-3-left h5 { color: #FFFFFF; padding-bottom: .3em; }
					#row-3-left ul { list-style-type: none; }
					#row-3-left ul li { display: inline; margin-right: .5em; }
				#row-3-right { float: right; margin: 1.5em 0 0 0; }

#followUs {float: left; width: 595px; height: 100px; margin-top: 5px; background: url('../images/transparentBlack.png') repeat; }

			#nav-container { float: left; height: auto; overflow: hidden; }			
				#mid-col { float: left; width: 595px; height: auto; margin-right: 5px; }
					#main-information { float: left; height: auto; width: 595px; overflow:visible; background: #FFFFFF; }
					#main-information #shuffle-banner { border-bottom: 5px solid black; float: left; }
					
					#main a { color: red; }
					#main a:hover { color: #680000; } 
					
						#main { float: left; font-family: Verdana; margin: 1.5em 1.5em 3em 1.5em; font-size: 9pt; overflow: visible; width: 560px; }
						#main h2 { color: red; font-size: 12pt; }
						#main p { padding: 1em 0;  }
						#main table { margin: 1em 0; }
						#main th { text-align: left; }
						
						/* sponsors page */
						.sponsor { margin: 1em 0; float: none; height: auto; padding: 1.5em 0; }
						.sponsor img { width: 150px; padding-right: 1em; }
						.sponsor desc { float: left; }
						
						.sponsor-platinum-wrapper, .sponsor-gold-wrapper, .sponsor-silver-wrapper { color: white; text-align: center;  }
						.sponsor-platinum-wrapper span, .sponsor-gold-wrapper span, .sponsor-silver-wrapper span { font-size: 6pt;  }
						.sponsor-platinum-wrapper { width: 560px; height: 150px; overflow: hidden; margin: 1em 0; line-height: 13em; }
							.sponsor-platinum { width: 560px; height: 150px; background: #999; }
						
						.sponsor-gold-wrapper { width: 560px; height: auto; overflow: hidden; margin-bottom: 1em; line-height: 10em; }
							.sponsor-gold { width: 180px; height: 120px; background: #999; float: left; margin-right: 10px; }
							.sponsor-gold-r { width: 180px; height: 120px; background: #999; float: left; margin-right: 0; }
						
						.sponsor-silver-wrapper { width: 560px; height: auto; overflow: hidden; margin-bottom: 1em; line-height: 7em; }
							.sponsor-silver { width: 90px; height: 90px; background: #999; float: left; margin-right: 4px; }
							.sponsor-silver-r { width: 90px; height: 90px; background: #999; float: left; margin-right: 0; }

						/* FAQs page */
						#main h4 { color: red; }
						
						/* Enquiry page */
						.formField { padding: 1em 0; width: 550px; clear: both; }
							.fieldName { float: left; width: 150px; }
							.fieldInput { float: right;  width: 350px; }
						
						/* Photo gallery page */
						#eventGallery { width: auto; height: auto; }
						#eventGallery ul { list-style-type: none; }
						#eventGallery ul li { margin: 0 .5em 0 0; display: inline; }
					/*	#eventGallery img { padding: 0.3em; margin: .3em .3em .5em .3em; border: 1px solid grey; width: 110px; } */
						
						.gWrapper { float: left; width: 120px; height: 150px; overflow: hidden; margin: .5em; }
						.gImage { width: auto; height: auto; overflow: hidden; text-align: center; }
						.gImage img { padding: .3em .3em 1em .3em; border: 1px solid grey; width: 110px; }
						.gDesc { width: auto; height: auto; text-align: center; font-weight: 500; font-size: 8pt; }
						
				#right-col { float: right; height: auto; width: 200px; overflow: hidden; }
				#right-col .navigation { margin-top: 5px; width: 200px; height: auto; }
				#right-col h4 { font-size: 9pt; font-weight: 700; color: #BFBFBF; }
				#right-col ul { margin-bottom: 1em; }
				#right-col ul li { margin: 0; margin-left: 1em; }
			/*	#right-col a { font-size: 8pt; display: block; }
				#right-col a:hover { color: white; } */
				#right-col .nav-links { margin: 10px 0 0 1.5em; background: none; }
		
	#footer { float: none;  border: 0px solid black; height: 50px; width: 1000px; color: black; font-size: 8pt; }
		#footer-left { float: left; margin: 1em 0 0 1.5em; }
		#footer-right { float: right; margin: 1em 1.5em 0 0; }

.red { color: red; }
.active { color: #BFBFBF; }
.disabled { display: none; }
.deadlink { color: red; display: none; }

/* image tagging */
.imgTag { border: 1px solid white; height:65px; width: 65px; position: absolute; float: left; overflow: hidden; }
a.imgLink  { color: black !important; }
a:hover.imgLink { text-decoration: underline; }

.nameTag { font-size: 8pt; color: white; position: absolute; width: auto; padding: .5em; border: 1px solid black; background: #333333; text-align: center; width: auto; }