/* CSS Document 
Development by Watchara Yokanit
Contact watchara_mee@hotmail.com
*/
body{
	margin:0px auto;
	background:transparent url(images/blue_line.gif) repeat-x fixed center top;
	margin:0px 0px 0px 0px;
	scrollbar-face-color:#CADEF4; 
	scrollbar-shadow-color: #F4F4F4; 
	scrollbar-highlight-color: #F4F4F4;
	scrollbar-3dlight-color:#3399FF; 
	scrollbar-darkshadow-color: #999999; 
	scrollbar-track-color: #F1F1F1; 
	scrollbar-arrow-color: #000000 (255,255,255) ;

}
img{border:0;}
.TxtInput{
	color: #0066FF;
    border: 1px solid #333333; height:18px; 
}

#Containner{ 
	width:910px; background-color:#F5F5F5;
	margin: 0px auto;
	height:auto;
	border:1px solid #31B1F2;
}

#Header{ 
    width: auto;
	background-color:#fff;
	height:145px;
	margin: 0px auto; clear:both;
}

#Slocan{ 
    width: auto; 
	background-color: #F5F5F5;
	height:30px;
	margin: 0px auto;
    margin-top:2px; 
    margin-right:1px; 
    margin-left: 1px; text-align:right; 
}
#PicHead{
	height:145px;
	margin: 0px auto; padding-top:2px;
}


#WebIntro{ 
    margin-top:10px;
    padding-left:10px; 
    padding-right:10px; 
    padding-top:10px; 
	width:655px; 
	border: 1px  dotted #B7E0F2;
	min-height:300px; 
   height:300px; 
	background-color:#FFFFFF;
}
#Left{ 
	width:220px; background-color:#F5F5F5;
	float: left;
	margin:0px 1px 0px 1px;
	min-height:400px; 
	clear:left;
	margin-top:10px;
}
#Left a:hover{ 
    color: #FF3300; 
    text-decoration: never; 
    padding-left:18px;
}

* html #Left {height:400px}


#Center{ 
	width:680px; 
	float: right;
	border: 1px solid #FFFFFF;
	text-align: left;
	margin-left:0;
	margin: 0px 1px 0px 1px;
	min-height:200px; top:auto;
	margin-top:12px;
}
#FlashIntro{ 
    height:300px;
	float: left; 
    clear:both;
    width: 100%; text-align:center;
	border: 1px dotted #B7E0F2; 
   background-color:#FFFFFF; margin-bottom:10px;
}


#InfoCss{  
	line-height:19px; background-color:#FFFFFF; 
    background-image:url(images/bginfo1.jpg); 
    background-repeat:repeat-x;
	color: #666666; 
	clear:both;
	width:645px; 
    padding-left:15px; 
    padding-right:15px; 
    padding-top:10px; 
	font-size: 11pt; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px  dotted #B7E0F2;
}

#InfoCss a{ 
    color: #0099FF;
    text-decoration:none;
}
#InfoCss a:hover{ 
    color: #666666; 
    text-decoration: never;
}

.PreHeader{ 
	font-size:18px; 
	color: #0066FF;
	font-weight:bold; 
    margin-bottom:8px; margin-top:3px
}
#InfoCss li{ 
  margin-top:7px; 
}
.MaginLeft{ padding-left:27px;}

.TextRed{ color: #FF6600;font-weight:bold;}
.TextGreen{ color: #339900; font-weight:bold;}
.TextBrown{ color: #CC0000; font-weight:bold;}
.TextViolet{ color: #CC0099; font-weight:bold;}
.TextYellow{ color: #FFCC00; font-weight:bold;}
.TextHeaderlist{ color: #0099FF; font-weight:bold;}
#News{
	background-image:url(images/Bannernews.jpg);
	float: left; 
	width:690px; 
	min-height:400px; height:400px;
	margin-top:10px;
}

#NewsTxt{ 
	padding-left:30px; 
	margin-top:85px; 
    width:635px;

}

#NewsTxt ul{ 
	margin:0;
	padding-left:5px;
   list-style-type:none;
}

#NewsTxt li{ 
   /* color:#0099FF;*/
   color: #339900;
	background:#ffffff url(images/m03.gif) left no-repeat;
	margin:0px;
	padding-left:20px; 
    height:20px;
}
#NewsTxt a{ 
    color: #009900;
    text-decoration:none;
}
#NewsTxt a:hover{ 
    color:#0099FF; 
    text-decoration: never;
}
.PostBy{font-size:13px;}


#NewsAll{ vertical-align:bottom;}

#Gallery{ 
	margin-top:10px;
	margin-bottom:10px;
	float: left; 
	border: 1px ; 
	width:690px; 
	min-height:300px; height:300px;
	background-image:url(images/activity.jpg);
	background-repeat:no-repeat; 

}


.BorderGallery {
	float: left;
	padding-top:10px;
	width:175px;
    background-image:url(images/frame2.jpg); background-repeat:no-repeat; 
	height:165px;
	text-align:center;
	list-style: none; 
	margin-top:20px; 
}

#GalleryImg{ 
    margin-left:16px;
    padding-top:5px;
	margin-top:80px; 
	background-color:#FFF;
	width:620px;
    height:175px; padding-left:25px; 
}
#GalleryAll{ 
    color:#FFFFFF; 
	margin-top:10px; 
	padding-left:550px;
	font-size: 10pt;
	font-family: "Ms Sans Serif";
	 font-weight:bold; 
	text-decoration:none; 
}
#GalleryAll a{
    color:#FFFFFF; 
	text-decoration:none; 
 }
#GalleryAll a:hover{ 
	color: #CC0000;
} 

.Ulimg{
 	margin: 0;
	padding: 0; 
}
.Ulimg li{
	float: left;
	width:175px;
    background-repeat:no-repeat; 
	height:165px;
	list-style: none; 
	margin-left:20px; 
    text-align:center;
}
.Ulimg img{
	margin-top:15px; }
.Glink1{
    background-image:url(images/frame1.jpg); 
}
.Glink2{
    background-image:url(images/frame2.jpg); 
}
.Glink3{
    background-image:url(images/frame3.jpg); 
}
.GalleryLink{ margin-top:5px; 
	color: #FFFFFF;
	font-size: 10pt;
	font-family: "Ms Sans Serif";
	 font-weight:bold; 
}

#Footer{ 
	clear: both;

}
.Copyrigth{
	color: #fff;
	font-size:10pt;
	font-family: "Ms Sans Serif";
}
.Txtlinkoth{
	color:#0066CC;
	font-size:10pt;
	font-family: "Ms Sans Serif"; 
   text-decoration:none;
}

.Txtlinkoth a:hover{ 
    color: #FF6600; 
    text-decoration: underline;
}
/*********** Menu Left*******************/
.MenuLef{ 
   color:#FFF; 
   text-decoration:none; 
   padding-left:8px;
}
.HrCss{ 
	color:#666666;
	 border-style: dashed; text-align:left;
}

/* Gallery*/
.m{ 
   width:auto; height: auto; display:table;
}

.m ul{ 
	margin: 0;
	padding: 0;
	float: left;
	margin-left:8px;
}
  .MainActivity {
	float: left;
	padding-top:10px;
	width:175px;
    background-image:url(images/frameall.jpg); background-repeat:no-repeat; 
	height:165px;
	text-align:center;
	list-style: none; 
    margin-right:30px; 
	margin-top:20px; 
}
 .MainActivity a{ 
	font-size: 10pt;
	font-family: "Ms Sans Serif";
}
#PageGallery ul{
	margin: 0;
	padding: 0;	
	margin-left:8px;
}

.GalleryLink{ 
    margin-top:5px;
	font-size: 10pt;
	font-family: "Ms Sans Serif"; 
	color: #3399CC; 
}

#Divgallery{ 
	text-align:center;
	color: #66A4FF;
	font-size:10px;
	font-family: "Ms Sans Serif";
	font-weight:bold; clear:both; 
}
#Divgallery a{ 
	background-color: #00CCFF;
    padding:0px 3px 0px 3px;
	border: 1px solid #000; 
	color:#FFFFFF;
	font-size: 10pt;
	font-family: "Ms Sans Serif"; 
	text-decoration:none; 
	font-weight:bold; 
}
#Divgallery a:hover{
	background-color: #FFF;
	color: #FF6600;
	border: 1px solid #999; 
}