
html, body{ 
	margin:0;
	font: 85%/1em Tahoma;
	line-height: 110%;
 } 
 
#pagewidth{
	margin-left: -390px;
	margin-left:auto;
	margin-right:auto;
	width: 780px;
	padding-top: 10px;
}
 

/* Hack for IE */

* html, body{ 
	margin:0;
	padding-left: 50%; 
	font: 82%/1em Tahoma;
	line-height: 110%;
} 
 * td{
	font: 11px Tahoma;
}
 
input, form {
	font: 85%/1em Tahoma;
}
 
* #pagewidth{
	margin-left: -390px;
	width: 780px;
	padding-top: 10px;
}

/* end Hack for IE */

a , a:link, a:visited {
	color: black;
}

a:hover {
	color:#999;
	text-decoration:none;
}

#header{
	position:relative; 
	height:112px; 
	width: 780px; 
	/* width:100%; */
	/* background: url(/img/header/banner.gif) no-repeat right bottom;      */
	/* background-color:#5ac4ff; */
} 
 

#topbanner{
	top: 0;
	left: 145;
	float: right;
	position: absolute;
	z-index: 2;
	/* top: 10;
	left: 50; */
} 
  
#PrintHeader{
	display:none;
} 
 
  #WhiteCorner{
	margin-left: 613px;
	z-index: 20;	
	position: absolute;
	margin-top: 91px;	
 }

#footer{
	padding-top: 15px;
	height: 100px; 
	clear: both;
	/* float: left;
	position: relative; */
} 
 
img {
	border:none;
	margin:0;
	padding:0;
}

.Gray {
	color: white;
	background-color:#999;
	font: 120% Tahoma;
	font-weight:bold;
	border-style:none;
	height: 20px;
}

.Form {
	font: 120% Tahoma;
	border: 1px solid #AAA;
	width:200px;
	padding: 3px;
}

form{
	margin-top:0;
	margin-bottom:0;
}

br {
	height: 1px;
	margin: 0;
	padding:0;
}

#BannerClick{
	width:635px;
	z-index: 10;
	height:112px;
	float:none;
	position: absolute;
	cursor: hand;
	margin-top: -112px;
	margin-left: 145px;
}


#MainMenu {
    float:left;
    width:780px;
	height: 34px;
    background:#f93535;
    font: bold 10pt Tahoma;
    line-height:normal;
	margin-bottom: 6px;
    text-align:center;
}

#MainMenu ul {
    margin:0;
    padding:5px 5px 0 50px;
    list-style:none;
}

#MainMenu li {
    display:inline;
    margin:0;
    padding:0;
}



#MainMenu a {
    float:left;
    background:url(/img/header/menu_separator.gif) no-repeat left -1px;
    /* margin:0; */
    margin: -5px 0 4px 0;
    padding:5px 0 4px 4px;
    text-decoration:none;
	color:#FFF;
}

#MainMenu a span {
    float:left;
    display:block;
	margin: -5px 0 0 0;
    padding:8px 2px 8px 8px;
    color:#FFF;
}

#MainMenu #sstart {
    float:left;
    margin:0;
    padding:0 0 0 0;
    text-decoration:none;
	color:#000;
}

#MainMenu #start a {
    float:left;
    background:url(/img/header/menu_start.gif) no-repeat left -1px;	
    /* margin:0; */
	margin: -5px 0 4px 0;
    padding:5px 2px 4px 8px;
    text-decoration:none;
	color:#000;
}


    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#MainMenu a span {float:none;}
    /* End IE5-Mac hack */
#MainMenu a:hover span {
    color:#f93535;
}

#MainMenu #start a:hover {
    background:url(/img/header/menu_BG_hover2.gif) no-repeat right bottom;
/*
      background-position:0% -42px;*/
}

#MainMenu #start a:hover span {
	background:url(/img/header/menu_start.gif) no-repeat left -1px;	
	/*background:none;*/
	margin-left: -8px;
	margin-right: 4px;
	margin-bottom: -2px; 
	/*margin: -2px 4px 0 -4px;*/
	padding-left: 12px;
    /*background-position:100% -42px;*/
}

#MainMenu a:hover {
    background:url(/img/header/menu_BG_hover2.gif) no-repeat right bottom;
    /*background-position:0% -42px;*/
}


#MainMenu a:hover span {
    background:url(/img/header/menu_separator.gif) no-repeat left center;
	margin-left: -4px;
	margin-right: 2px;
	margin-bottom: -2px; 
	/*margin: -2px 4px 0 -4px;*/
	padding-left: 10px;
    /*background-position:100% -42px;*/
}

#MainMenu #current a {
    background:url(/img/header/menu_BG_hover.gif) no-repeat right bottom;
	color:red;
    /*background-position:0% -42px;*/
}

#MainMenu #current a span {
	color:red;
    background:url(/img/header/menu_separator.gif) no-repeat left center;
	margin-left: -4px;
	margin-right: 2px;
	margin-bottom: -2px; 
	/*margin: -2px 4px 0 -4px;*/
	padding-left: 10px;
    /*background-position:100% -42px;*/
}

		
div#sMainMenu li {
	padding-left:9px;
	padding-right:9px;
	 font: 10pt Tahoma;
	position: relative; 
	/*list-style: none; */
	margin-top:8px;
	/* margin: 0; */
	float: left; 
	/* width: 7em; 
	border-bottom: 1px solid #CCC;*/
}

/* สำหรับเมนูในทุกหน้า */
#LeftMenu li {
	font: 11px Tahoma;
	line-height:12px;
}

#PageNotFound{
	font: bold 18px Tahoma;
	color: red;
	text-align: center;
	padding-top:30px;
	padding-bottom:30px;
}

.clear{
	clear: both;
}
	  
#footer HR{
 width:780px;
 border: none;
 color:#CCC;
 background-color:#CCC;
 height: 2px;
}

#CopyRight{
	font: 11px Tahoma;
	margin-top: 13px;
	width: 532px;
	height: 20px;
	float:left;
}

#Sponsors{
	width:248px;
	float:right;
}

#Address{
	font: 10px Tahoma;
	display: inline;
	width: 780px;
	float:left;
}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


