@charset "utf-8";
/* CSS Document */

* { 
	font-family:"Ms Sans Serif",Arial, Helvetica, sans-serif;
}

body {
	font-family:"Ms Sans Serif", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}



p, img, h1, h2, h3, h4, h5, h6 { 
	margin:0;
	padding:0;
}



p a {
	font-size:11px;
	color:#062a9c;
	text-decoration:underline;
}

p a:hover {
	color:#fd0000;
}

.textNormal {
	font-size:12px;
	color:#333333;
}

.wrapper{
	width:956px;  
	margin:0 auto;
}

.HeaderArea {
	width:956px; 
	height:114px;		
	background-image:url(../images/background-head.jpg);
	background-repeat:repeat-x;
	position:relative;
}

.ThaiLifeLogo {
	position:absolute;
	width:270px;
	height:72px;
	top:22px;
	left:22px;
}

.HeaderMenu {
	clear:both;
	position:absolute;
	width:600px;
	height:41px;
	top:22px;
	left:auto;
	right:30px;
	text-align:right;
}

.HeaderMenuIcon {
	width:auto;
	height:41px;
	float:right;
	font-size:11px;
	color:#333333;
	padding-left:10px;
	line-height:41px;
}

.HeaderMenuIcon img {  vertical-align:middle; margin-right:3px;}

.HeaderMenuIcon a {
	text-decoration:none;
	color:#0f218b;
	font-size:11px;
}

.HeaderMenuIcon a:hover { color:#fd0000;}

.SearchBoxTop {
	position:absolute;
	height:18px;
	top:65px;
	left:auto;
	right:30px;	
}

.SearchIcon {
	height:18px;
	width:22px;
	float:left;
	background:url(../images/mini-logo.gif) no-repeat;
}

.SearchBox {
	float:left;
	width:auto;
}

.SearchBox input { 
	font-size:11px;
	height:18px;
	width:185px;	
	padding-left:5px;
	padding-right:5px;	
	border-top:1px solid #7a7a7a;
	border-bottom:1px solid #dedede;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c3c3c3;
}

.SearchButton {
	float:left;
	width:auto;
	padding-left:5px;
}


.button1 {
	background:url(../images/btn-001.gif) no-repeat;
	font-size:11px;
	width:40px; 
	height:17px;
	border:none;
	cursor:pointer;
	color:white;
}

.button2 {
	background:url(../images/btn-002.gif) no-repeat;
	width:55px;
	height:17px;
	margin:0; padding:0;
	
	font:11px "Ms Sans Serif";
	color:white;
	
	border:none;
	cursor:hand;
	cursor:pointer;
}

.button3 {
	background:url(../images/btn-003.gif) no-repeat;
	width:65px;
	height:17px;
	margin:0; padding:0;
	
	font:11px "Ms Sans Serif";
	color:white;
	
	border:none;
	cursor:hand;
	cursor:pointer;
}

.button4 {
	background:url(../images/btn-004.gif) no-repeat;
	width:105px;
	height:17px;
	margin:0; padding:0;
	
	font:11px "Ms Sans Serif";
	color:white;
	
	border:none;
	cursor:hand;
	cursor:pointer;
}

.button5 {
	background:url(../images/btn-005.gif) no-repeat;
	width:186px;
	height:17px;
	margin:0; padding:0;
	
	font:11px "Ms Sans Serif";
	color:white;
	
	border:none;
	cursor:hand;
	cursor:pointer;
}

.button6 {
	background:url(../images/btn-006.gif) no-repeat;
	width:79px;
	height:17px;
	margin:0; padding:0;
	
	font:11px "Ms Sans Serif";
	color:white;
	
	border:none;
	cursor:hand;
	cursor:pointer;
}

.button7 {
	background:url(../images/btn-007.gif) no-repeat;
	width:275px;
	height:17px;
	margin:0; padding:0;
	
	font:11px "Ms Sans Serif";
	color:white;
	
	border:none;
	cursor:hand;
	cursor:pointer;
}

.button8 {
	background:url(../images/btn-008.gif) no-repeat;
	width:18px;
	height:17px;
	margin:0; padding:0;
	
	font:11px "Ms Sans Serif";
	color:white;
	
	border:none;
	cursor:hand;
	cursor:pointer;
}

.ContentArea {
	width:956px; 
	color:#333333;
}

.FooterArea {
	clear:both;
	width:956px; 
}
.FooterAreaBackground {
	width:956px; 
	height:80px;	
	background-image:url(../images/bg-footer.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.FooterArea div {
	padding-bottom:20px;
	font-size:11px; 
	color:#333333;
	text-align:center;
}

.FooterArea div.FooterLink a {
	font-size:11px; 
	color:#333333;
	text-decoration:underline;
}

.FooterArea div.FooterLink a:hover {	
	color:#0F228B;
	text-decoration:underline;
}

.footer {		
	padding-bottom:10px;
	font-size:11px; 
	color:#555555;
}

.footer p { 
	color:#555555;
}


/* Style for Home Page -------- */
.award { height:70px; }

.FlashBannerArea {
	clear:both;
	width:956px;
	height:389px;
	/*
	background-image:url(../images/mainphoto1.jpg);
	background-repeat:no-repeat;
	*/
	margin:0; padding:0;
}


.RecentContent {	
	width:956px;
	height:260px;
	margin:0;
	padding:0;
}
.RecentContentEng {
	width:956px;
	height:210px;
	margin:0;
	padding:0;
}

.RecentContentEng div.OnlineHelp {
	height:210px;
	width:auto;
	float:left;
	position:relative;
}

.RecentContentEng div.OnlineHelp, .RecentContentEng div.ThaiLifeHeadEng {
	height:210px;
	width:auto;
	float:left;
	position:relative;
}

.RecentContent div.NewsCorner, div.TopStory, div.Award, div.Movie {
	height:260px;
	width:auto;
	float:left;
	position:relative;
}	

.RecentContentEng div.NewsCorner, div.TopStory, div.Award, div.Movie {
	height:210px;
	width:auto;
	float:left;
	position:relative;
}	

.RecentContent div.NewsCorner {	
	background-repeat:no-repeat;
	background-position:top;
	width:250px;
}

.RecentContent div.TopStory, .RecentContentEng div.ThaiLifeHeadEng  {
	width:265px;
}

.RecentContent div.Award, .RecentContentEng div.Award {
	width:259px;
}

.RecentContent div.Movie, .RecentContentEng div.Movie{
	width:182px;	
}

.NewsListTopBlank {
	height:60px;
}

.NewsListBOX {	
	font-size:11px;
	color:#333333;	
	width:210px;
	margin-left:15px;
}

.NewsListImage{
	float:left;
	width:70px;
	border:1px solid #cccccc;	
	padding:3px;
}

.NewsListTitle {
	float:left;
	width:122px;
	margin-left:10px;
}

.NewsLine {
	clear:both;
	background-image:url(../images/hdot.gif);
	background-position:center;
	background-repeat:repeat-x;
	height:20px;	
	width:210px;
	line-height:5px;
	margin-left:15px;
}

.NewsBottom {
	clear:left;
	position:absolute;
	bottom:5px;
	width:210px;
	height:29px;
	margin-left:15px;
}

.NewsTextLink {
	width:195px;
	float:left;
}
.NewsButton {
	width:14px;
	float:right;
}

.TopStoryHeader, .ThaiLifeHeadEngHeader {
	background-repeat:no-repeat;
	background-position:top;
	position:absolute;
	width:265px;
	height:69px;
	z-index:10;
}

.TopStoryDetail {	
	width:239px;
	height:174px;
	position:relative;
	left:12px;
	top:48px;
	z-index:5;
}
.TopStoryBottom {
	background-image:url(../images/bg-topstory-bottom.gif);
	width:239px;
	height:29px;
	margin:0 auto;
	top:0px;
	position:relative;
}
.TopStoryButton {
	width:14px;
	height:26px;
	float:right;
}
.TopStoryTextLink {
	width:225px;
	float:left;
	padding-top:7px;
}

.TopStoryTextLink a {
	font-size:11px; 
	color:#062a9c;
	text-decoration:underline;
}
.TopStoryTextLink a:hover {
	color:#fd0000;
}


.AwardHeader, .AwardHeaderEng {	
	background-repeat:no-repeat;
	background-position:top;
	position:absolute;
	width:259px;
	height:56px;
	z-index:10;
}


.AwardDetail {
	background-image:url(../images/award-back.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:238px;
	height:68px;
	position:relative;
	left:12px;
	top:47px;
	z-index:5;
}

.AwardDetailEng {	
	width:238px;
	height:68px;
	position:relative;
	left:12px;
	top:48px;
	z-index:5;
}

.OnlineChatHeader {
	/*background-image:url(../images/help-head.jpg);
	background-repeat:no-repeat;*/
	position:relative;
	width:239px;
	height:67px;
	left:12px;
	top:44px;
}

.OnlineChatHeader div {
	font-size:11px;
	color:#333;
	width:135px;
	height:39px;
	margin:0 auto;
	padding-top:28px;
	padding-left:85px;
}

.OnlineChatBottom {
	background-image:url(../images/help-bgbottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:239px;
	height:55px;
	position:relative;
	top:43px;
	left:12px;	
}

.OnlineChatBottom div {
	font-size:11px;
	width:220px;
	height:50px;
	margin:0 auto;
	padding-top:5px;
}

.ElearningBottom {
	background-image:url(../images/elearning-bgbottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:239px;
	height:69px;
	position:relative;
	top:44px;
	left:12px;	
}
.ElearningBottom a {
	display:block;
	text-decoration:none;
	font:11px "Ms Sans Serif";
	color:#333;
	cursor:pointer;
	cursor:hand;
}
.ElearningBottom a:hover{ color:red; text-decoration:underline;}
.ElearningBottom div { font-size:11px; width:135px;	height:39px; margin:0 auto;	padding-top:25px; padding-left:85px;}
.OnlineChatBottom div img {	margin-left:5px;}

.MovieTop, .MovieContain, .MovieTextLink, .MovieClub { margin-right:0; margin-left:auto; width:170px; vertical-align:middle; }
.MovieTop {	height:15px;line-height:10px;}

.MovieContain {	height:120px;padding-top:5px;padding-bottom:5px;	background-color:#000000;}
.MovieTextLink { padding-top:3px; padding-bottom:3px;font-size:11px;color:#333333;text-align:center;background-color:#dbdbdb;}
.MovieTextLink a { font-size:11px; color:#333333; text-decoration:underline;}
.MovieTextLink a:hover { color:#fe0000; }
.MovieClub {margin-top:5px;}

/* End of style for Home Page -------- */
.hotlinebox {
	margin-right:0; margin-left:auto; width:170px; vertical-align:middle;
	height:85px; padding-bottom:0px;
}

/* Menu navigation (Have Level) */
	
#menulevel { width:200px; }
#menulevel ul { list-style:none;margin:0;padding:0;	}
#menulevel li {	background:url(../images/bg-mnulevel.gif) no-repeat;padding:3px 0 3px 0;}
#menulevel li a:link, #menulevel li a:visited {	font:12px "Ms Sans Serif";	padding:0;text-decoration:none; color:#0F228B;}	
#menulevel li a:hover { color:#fd0207;}
#menulevel ul ul { margin:0;}
#menulevel ul ul li { margin:0; padding:0;background:none;border-left:4px solid #0f228b;line-height:20px;}
#menulevel ul ul a:link, #menulevel ul ul a:visited {font:12px "Ms Sans Serif";	color:#808080;}
#menulevel ul ul a:hover {	color:#fd0207;}	
#menulevel .line { background:url(../images/bg-line.gif) no-repeat;	line-height:1px; height:1px;}	
#menulevel ul li div { font:12px "Ms Sans Serif"; color:#fd0207; padding-top:3px; padding-left:10px; min-height:16px; border-left:4px solid #0F228B;}	
#menulevel ul ul li div {font:12px "Ms Sans Serif";	color:#fd0207;	padding-top:3px; padding-left:20px; min-height:16px; border-left:none;	}

/* End of Menu navigation (Have Level) */

/*-----------DYNAMIC CONTENT PAGE -------------*/
.DynamicContent { clear:both; width:896px; margin:0 auto; padding-top:20px; padding-bottom:20px; }
.DynamicContent div.HeaderMenu1 h1, 
				div.HeaderMenu2 h1, 
				div.HeaderMenu3 h1, 
				div.HeaderMenu4 h1, 
				div.HeaderMenu5 h1, 
				div.HeaderMenu6 h1 { visibility:hidden;	}


.DynamicContent .rootmenu { font-size:11px;	color:#a5a5a5;	margin-top:5px;	margin-bottom:20px;}

.DynamicContent .rootmenu a{ text-decoration:underline; color:#a5a5a5;}
.DynamicContent .rootmenu a:hover { color:#333333; }

.header2pagenotop {	
	background:url(../images/ico-header.png) no-repeat;	
	height:26px;margin:0; margin-bottom:20px;
}
.header2pagenotop h2{
	padding-left:20px;	font:bold 16px "Ms Sans Serif"; color:#0f228b;
}

.header2page { 
	background:url(../images/ico-header.png) no-repeat; 	
	height:26px;	margin-top:15px; margin-bottom:20px;
}

.header2page h2{ padding-left:20px;	font:bold 16px "Ms Sans Serif";	color:#0f228b; }

.header3 {	font:bold 16px "Ms Sans Serif"; color:#333333; }
.header4 { font:bold 14px "Ms Sans Serif"; color:#333333;}
.header5 { font:bold 16px "Ms Sans Serif"; color:#0f228b;}
.header6 {font:bold 14px "Ms Sans Serif";color:#0f228b;}
.header7 {	font:normal 14px "Ms Sans Serif";color:#FFFFFF;}
.header8 {	font:bold 16px "Ms Sans Serif"; color:#FFFFFF; }

.picture-banner { clear:both; }

.menulevel4 { clear:both; }
.menulevel4 .mnu4columnleft { float:left; width:658px; height:auto;	font:12px "Ms Sans Serif"; color:#333333; line-height:18px;}
.menulevel4 .mnu4columnleft p, .menulevel4 .mnu4columnleft table td { font:12px "Ms Sans Serif"; color:#333333; line-height:18px;}
.menulevel4 .mnu4columnleft a {	font:12px "Ms Sans Serif";	color:#333333;	text-decoration:underline; }
.menulevel4 .mnu4columnleft a:hover { color:#fe0000;}
.menulevel4 .mnu4columnright { float:right;	width:212px; background:white; }
.menulevel4 .thumbnail { margin-top:5px;}

.Line01 {clear:both; background:url(../images/line-bottom1.png) no-repeat; background-position:bottom; height:20px; width:956px; margin-bottom:15px; }

.FooterMenuTop {clear:both; width:896px; height:41px; margin:0 auto;}
.FooterMenuIcon {width:169px;height:41px;float:left;font-size:11px;color:#333333;padding-right:10px;padding-bottom:0px;}
.FooterMenuIcon img {  vertical-align:middle; margin-right:3px; margin-top:5px;}
.FooterMenuIcon a {	text-decoration:underline;color:#0f218b;font-size:11px;	}
.FooterMenuIcon a:hover { color:#fd0000;}

.FooterMenu { width:896px;  height:41px; margin:0 auto; }

.FooterMenuBox {width:174px; float:left; font-size:11px; color:#0f228b;	padding-right:5px; padding-bottom:20px; line-height:15px; }
.FooterMenuBox div { font-weight:bold; font-size:13px; }
.FooterMenuBox div span, .FooterMenuBox p { color:#ff0303; }
.FooterMenuBox div span, .FooterMenuBox p.blue { background:url(../images/dot-blue.gif) left top no-repeat; padding-left:10px;  }
.FooterMenuBox div span, .FooterMenuBox p.red { background:url(../images/dot-red.gif) left top no-repeat; padding-left:10px; }
.FooterMenuBox div span, .FooterMenuBox p:hover { background:url(../images/dot-red.gif) left top no-repeat;  }
.FooterMenuBox div span { background:none; padding-left:0; }
.FooterMenuBox a { font-size:11px; color:#0f228b; text-decoration:none; }
.FooterMenuBox a:hover {font-size:11px; color:#ff0303;	}

.margintop20px { margin-top:20px; }

/*Activities calendar */
.activitycalendar {	float:left;	width:180px;}
.calendardetailbox { float:right; width:460px; font:12px "Microsoft Sans Serif"; }
.calendardetailfullbox { float:right; width:680px; font:12px "Microsoft Sans Serif"; }

.clearFloat { clear:both; }

/*For page button (class)*/
a.btnPage {	font:normal 11px "Microsoft Sans Serif"; padding:0 3px 0 3px; color:#000; text-decoration:none; }
a.btnPage:hover { color:#ff0000; }
.btnPageActive { font:bold 11px "Microsoft Sans Serif";	color:#ff0000;	padding:0 3px 0 3px;}

.boxpageright { text-align:right; padding:5px 0 5px 0; }
.boxpageleft { text-align:left;	padding:5px 0 5px 0; }
.boxpageright img, .boxpageleft img { margin:2px;}

li p.gray { background:url(../images/dot-gray.gif) left top no-repeat; margin:0; padding:0;margin-left:10px; padding-left:10px; font:normal 11px "Microsoft Sans Serif"; color:#808080; line-height:normal;  }
li p.red { background:url(../images/dot-red.gif) left top no-repeat; margin:0; padding:0;margin-left:10px; padding-left:10px; font:normal 11px "Microsoft Sans Serif"; color:red; line-height:normal; }


@media print {
* { font-family:"Microsoft Sans Serif"; font-size:12px; }
body {
	Size: 8.5in 11in landscape;
	Margin: 0.25in; 
}
#HeaderArea {display:none; margin:0; padding:0;}
#rootmenu {display:none; margin:0; padding:0;}
#picturebanner { display:none; margin:0; padding:0;}
#FooterArea {display:none; margin:0; padding:0;}
#FooterMenuTop {display:none; margin:0; padding:0;}
#FooterMenu {display:none; margin:0; padding:0;}
#HeaderClass { display:none; margin:0; padding:0;}
#HeaderPage { padding-left:0; margin-left:0; margin:0; padding:0;}
div.clearFloat { display:none; margin:0; padding:0;}

.noprint { display:none; }


.onepage { page-break-after:always; }

.menulevel4 { margin:0; padding:0; }
.mnu4columnleft p { display:none; margin:0; padding:0;}
.mnu4columnright { display:none; margin:0; padding:0;}
.header2page { 	margin-left:0; padding-left:0; }
.header2page h2 { 	margin-left:0; padding-left:0; }


}