html,body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
@media only screen and (max-width: 480px) {
	html,body {
	width: 100%;
	}
}
/* Grid system */

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */
.colnomarg {
	display: block;
	float:left;
	margin-right: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 1.6%;
}
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.colnomarg:first-child { margin-left: 0; }
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

/*  GRID OF SIX   ============================================================================= */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_6_of_6 {
		width: 100%; 
	}
	.span_5_of_6 {
		width: 67%; 
	}
	.span_4_of_6 {
		width: 33%; 
	}
	.span_3_of_6 {
		width: 100%; 
	}
	.span_2_of_6 {
		width: 67%; 
	}
	.span_1_of_6 {
		width: 31%; 
	}
}
/*  GRID OF EIGHT   ============================================================================= */

	
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%; 
}

.span_6_of_8 {
	width: 74.6%; 
}

.span_5_of_8 {
	width: 61.9%; 
}

.span_4_of_8 {
	width: 49.2%; 
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%; 
}

.span_1_of_8 {
	width: 11.1%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_8_of_8 {
		width: 100%; 
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	.span_1_of_8 {
		width: 100%; 
	}
}


/* Page set up */
.container {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	height: 100%;
	overflow: hidden;
	width: 100%;

}
.brownbg {
	background-color: #35290f;
	margin: 0px;
	padding: 0px;

}
.hormenu {
	font-family: GandhiSansRegular, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	text-align: center;
	height: 35px;
	background-color: #35290f;

}
.hormenu a:link {
	font-family: GandhiSansRegular, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 29px;



















}
.hormenu a:visited {
	color: #FFFFFF;
	text-decoration: none;

}
.hormenu a:hover {
	color: #333333;
	background-color: #FFCC33;

}
.hormenu a:active {
	color: #CCCCCC;
}
.hormenu ul {
	clear: left;
	text-decoration: none;
	position: relative;
	text-align: center;
	margin: 0px;
	padding: 0px;



}
.hormenu li {
	display: inline-block;
	list-style-type: none;
	text-align: center;
	position: relative;
	margin: 0px;
	padding: 0px;
	border: none;





}
.page {

	text-align: center;
	background-color: #FFFFFF;
	min-height: 100%;
	padding: 0px;



}
.toppad {
	padding-top: 0px;
	text-align: center;
	padding-bottom: 0px;
	height: 300px;
	background-image: url(images/sgx-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: 0a0a0a;









}
.cntmainbody {
	width: 1040px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	visibility: visible;
}

.mainbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	padding-right: 20px;
	padding-left: 10px;
	font-weight: normal;
	height: 100%;
	overflow: visible;
	margin-right: auto;
	margin-left: auto;
	width: 730px;
	float: left;













}
.mainbody a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0000CC;


}
.mainbody a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;

}
.mainbody a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF6600;

}
.mainbody a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0033FF;

}
.clear {
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 0px;


}
.headers {
	font-family: GandhiSansRegular;
	font-size: 1.9em;
	font-style: normal;
	border-bottom-width: thin;
	border-bottom-style: ridge;
	border-bottom-color: #ECE1BD;
	color: #35290f;
	font-weight: normal;
	text-align: left;


}
.rightbody {
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	padding-left: 4px;
	padding-right: 8px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #B58248;
	text-align: center;
}
.socialline {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-right: 3px;
	padding-left: 3px;
}

.centerads {
	height: 100%;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
}
.headersSm {
	font-family: GandhiSansRegular;
	font-size: 18px;
	font-style: normal;
	color: #000033;


}
.headersSm a:link{
	font-family: GandhiSansRegular;
	font-size: 18px;
	font-style: normal;
	color: #000033;
	text-decoration: none;

}
.headersSm a:visited{
	font-family: GandhiSansRegular;
	font-size: 18px;
	font-style: normal;
	color: #000033;
}
.headersSm a:hover{
	font-family: GandhiSansRegular;
	font-size: 18px;
	font-style: normal;
	color: #000066;
	text-decoration: underline;

}
.headersSm a:active{
	font-family: GandhiSansRegular;
	font-size: 18px;
	font-style: normal;
	color: #000033;
}

.rightdiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	list-style-type: none;

}
.rightdiv a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	text-decoration: none;

}
.rightdiv a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
}
.rightdiv a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #660000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	text-decoration: none;

}
.rightdiv a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
}
.advertise {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
	border: 1px solid #E8E8E8;
	background-color: #F9F9F9;
	margin-right: auto;
	margin-left: auto;
	width: 235px;
}

.tagtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	color: #666666;
	padding-left: 15px;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}
.recentnews {
	font-size: 1.1em;
	padding-right: 10%;
	padding-left: 10%;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	color: #333333;
}

.padmainbody {
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.head2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	font-style: normal;
	color: #BB8F35;
	text-align: center;
}
.iframex {
	margin: 8px;
	border: none;
}
.rightbody a:link{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	list-style-type: none;
	color: #AC632D;
	}
	.rightbody a:visited{
	}
	.rightbody a:hover{
	color: #9B5928;
	text-decoration: underline;
	}
	.rightbody ul{
	list-style-type: none;
	}	
.catpad {
	text-align: center;
	overflow: hidden;
	display: inline-block;
}

.cattxt {
	float: left;
	text-align: left;
	}
.listing {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	color: #333333;
	text-align: left;
	font-weight: bold;
}
.imgresize {
	display: block;
	max-width: 100%;
	height:auto; 
	-ms-interpolation-mode:bicubic;
}
.tutoriallinks {
	display: block;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.tutimgstyle {
	margin-right: 15px;
	margin-bottom: -30px;
}