@charset "windows-874";
/* CSS Document */

body {
background-attachment:fixed;
background-color:#f8f8f8;
background-image:url(images/afp_bg.jpg);
background-position:center top;
background-repeat:no-repeat;
margin:0;
}

#header {
background-image:url(images/bg_siteHeader3.jpg);
background-repeat:repeat-x;
height:26px;
margin: 0;
}

#header-outer {
  background: url("images/header-outer-bg.jpg") repeat-x scroll left bottom #FFFFFF;
  height:150px;
}

#header-outer2 {
  background: url("images/featured-bg.jpg") repeat-x scroll left bottom #FFFFFF;
  height:290px;
  margin: 0 auto;
  
}

#featured {
background:url(images/header-outer-bg2.png);
background-repeat:no-repeat;
height:290px;
 border-bottom: 2px solid #790000;
 
}

#featured_detail { margin:auto; width:940px; padding:4px 0 0 0;}



.col-full {
    margin: 0 auto;
    width: 940px;
}

#logo { float:left; margin:1px 0 0 0;}

.banner_header{ float:right; margin:22px 0 0 0;}

.banner_header img{ border:1px solid #FFFFFF; padding:3px;}

#navigation-outer {
    background: url("images/navigation-outer-bg.jpg") repeat-x scroll left top #EEEEEE;
    border-bottom: 1px solid #FFFFFF;
    
    margin-bottom: 5px;
	height:45px;
}

#navigation {
    border-bottom: 1px solid #E7E6E7;
    font:Helvetica,Arial,sans-serif;
	margin:auto;
	width:941px;
}

#navigation ul {
    clear: both;
    display: inline;
    float: left;
    margin: 0px 0 0 0; 
	border-left:1px solid #FFFFFF;
	padding:0 0 0 0;
}

#navigation ul li {
    float: left;
    list-style-type: none;
}

#navigation a {
    border-right: 1px solid #ffffff;
	border-left: 1px solid #CCCCCC;
    color: #444444;
    display: block;
    font-size: 0.9em;
   font-weight: bold;
    height: 32px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    width: 185px;
}

#navigation a img { border:none;}

#navigation a:hover { background-color:#e5e5e5; color:#CD7318;display: block; padding: 5px 0;height: 32px;}


#marquee { width:940px; min-height:20px; margin:0 auto 5px auto; color:#999999; font-size:0.8em;  }
#comm1 { width:940px; min-height:135px; margin:0 auto 5px auto; color:#999999; font-size:0.8em;  }
#marquee2 { width:940px; min-height:20px; margin:0 auto 5px auto; color:#999999; font-size:1em;  }

#marquee a{ text-decoration:none; color:#999999;}

#marquee a:hover{color: #666666;}

#content2 { width:615px; min-height:159px; margin:auto;  background-image:url(images/command01.jpg); background-repeat: repeat-y; }

#content { width:940px; min-height:1827px; margin:auto;  background-image:url(images/wrapper-bg.jpg); background-repeat: repeat-y; }

.content_com { width:615px; height:159px; border:1px solid #790000; background-color:#FFFFFF;clear:both; float:left;}

.content_left1 { width:615px; height:440px; border:1px solid #790000; background-color:#FFFFFF;clear:both; float:left;}

.content_left2 { width:615px; height:440px; border:1px solid #790000; background-color:#FFFFFF; float:left; margin:20px 0 0 0;}

.content_left22 { width:615px; height:330px; border:1px solid #790000; background-color:#FFFFFF; float:left; margin:20px 0 0 0;}

.content_left3 { width:900px; height:440px; border:1px solid #790000; background-color:#FFFFFF; float:left; margin:20px 0 0 0;}

.content_right { width:309px; min-height:1500px; float: right;}

#pagecontent { width:940px; min-height:1000px; margin:auto;  background-image:url(images/wrapper-bg.jpg); background-repeat: repeat-y; }

.pagecontent_left { width:230px; height:440px; clear:both; float:left;}

.pagecontent_right {  width:700px; min-height:1000px; float: right; border:1px solid #790000; background-color:#FFFFFF;}

.pagecontent_right2 {  width:700px; min-height:440px; float: right; border:1px solid #790000; background-color:#FFFFFF;}

.pagecontent_rightrpocplan {  width:700px; min-height:1000px; float: right; border:1px solid #790000; background-color:#FFFFFF;}

.pagecontent_right3 {  width:700px; font-size:0.9em; min-height:440px; float: right; border:1px solid #790000; background-color:#FFFFFF;}

.pagecontent_right4 {  width:700px; min-height:1000px; font-size:0.8em;float: right; border:1px solid #790000; background-color:#FFFFFF;}

.detailpage p{ font-size:0.9em;}

.detailpage { padding:10px;}

.detailpage2 p{ font-size:0.9em;}

.detailpage2 { padding:5px;}

#menu{
background-color:#93978E;
height:40px;
margin:0;
padding:2px;
}

#menu h2 {
margin:0;
padding:5px;

color:#FFFFFF;
}

#submenu img.drop{
margin:0;
padding:0 0 0 60px;
}
#submenu img.drop2{
margin:0;
padding:0 0 0 47px;
}
#submenu img.drop3{
margin:0;
padding:0 0 0 63px;
}

#submenu img.drop4{
margin:0;
padding:0 0 0 70px;
}

.pagecontent_left ul{
list-style-type:none;
margin:0;
padding:0;
background-color:#ccc;
}

.pagecontent_left ul li{
/*background-color:#93978E;*/
font-size:0.9em;
/*line-height:1.2;*/
/*background-image:url("images/bg_sn_secondLevel.gif");*/
margin:1px;
}

/*.containerleft ul li a#test{
margin:0;
padding:0;
}*/

.pagecontent_left ul li a#last{
border-bottom:1px solid #ccc;
}

.pagecontent_left ul li a{
padding-bottom:7px;
padding-top:7px;
display:block;
padding-left:30px;
color:#3D6177;
text-decoration:none;
cursor:pointer;
border-bottom:1px solid #fff;
}
.pagecontent_left ul li a:hover{
background-image:url(images/sub/bul_secondLevel.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
color:#999999;
background-position:14px 14px;
}

.navigation ul li a{
font-size:12px;
padding:10px 0 10px 45px;
font-weight:bold;
color:#fff;
}

#strips { margin:5px; padding:8px; background-image:url(images/strips2.png); background-repeat:repeat-x; height:22px; color:#666666; background-color:#eeeeee;}
#strips img { border:none; margin:0;}

#strips2 { margin:0px; padding:8px; background-image:url(images/strips2.png); background-repeat:repeat-x; height:22px; color:#666666; background-color:#eeeeee;}
#strips2 img { border:none; margin:0;}

#strips1 {
     border:none;
    font:Helvetica,Arial,sans-serif;
	margin:0px;
	width:300px;
}

#strips1 ul {
    border:none;
    clear: both;
    display: inline;
    float: left;
    margin: 0px 0 0 0; 
	padding:0 0 0 0;
}

#strips1 ul li {
    float: left;
    list-style-type: none;
	 border:none;
}

#strips1 a {
    border:none;
    color: #444444;
    display: block;
    font-size: 0.9em;
   font-weight: bold;
    height: 32px;
    padding: 5px 0;
    text-align: left;
    text-decoration: none;
    width: 305px;
}

#strips1 a img { border:none;}

#strips1 a:hover { background-color:#e5e5e5; color:#CD7318;display: block; padding: 5px 0;height: 32px; border:none;}

/*Hotnews*/

.hotnews {
		clear:both;
		float:left;
		height:387px;
		margin:5px 0 0 0;
		width:225px;
		background-image:url(images/grey-line.jpg);
		background-repeat:repeat-y;
		background-position:right; clear: both;
		}
		.hotnews22 {
		clear:both;
		float:left;
		height:235px;
		margin:5px 0 0 0;
		width:225px;
		background-image:url(images/grey-line.jpg);
		background-repeat:repeat-y;
		background-position:right; clear: both;
		}
.hotnews2 {
		clear:both;
		float:left;
		height:387px;
		margin:5px 0 0 0;
		width:225px;
		background-image:url(images/grey-line.jpg);
		background-repeat:repeat-y;
		background-position:right; clear: both;font-size: 0.8em;
		}
#hot { font-size: 0.9em;
    margin: 0;
    padding: 0 0 5px 15px; color:#555555;}
			.pic{
			margin:0;
			width:227px;
			height:120px;
			}
				.pic p {
				padding:0;
				margin:0;
				text-align:center;
				}
				.pic img {
				border:1px solid #CCCCCC;
				padding:2px;
				}
			.info{
			margin:0;
			width:200px;
			height:150px;
			font-size:0.9em;
			color:#666666;
			padding:0px 0 0 5px;
			}
				.info p {
				padding:0 10px 0 25px; margin:0;
				/*font-size:0.8em;*/
				}
				.info a {
				text-decoration:none;
				/*padding:0 10px 0 25px;*/
				color:#666666;
				font-size:0.9em;
				}
				
				.info a:hover {color:#F4B31B;}
.date a{
text-decoration:none;
color:#4FA0B2;
display:block;
border:1px solid #CCCCCC;
font-size:0.8em;
height:19px;
padding:2px;
background-image:url(images/bgbutton1.jpg);
background-repeat:repeat-x;
font-weight:bold;
}
.date a:hover{
color: #666666;
font-weight:bold;
background-color: #f6f6f6;
background-image:url(images/bgbutton2.jpg);
background-repeat:repeat-x;
}

.date{
float:right;
height:30px;
margin:5px 0 0;
padding:0 10px 5px;
width:94px;
}
.date p {
padding:0 0 0 0;
margin:0 0 0 0;
text-align:center;
}
/*End Hotnews*/

/*infonews*/

.infonews { width:376px; margin:4px; height:340px; float:right;}
.infonews2 { width:376px; margin:4px; height:340px; float:right;font-size:0.8em;}
<!--.news { width:615px; margin:5px; height:345px;  padding:0;}-->
.news { width:615px; margin:5px; height:345px;  padding:0;}
.news2 { width:600px; margin:5px; height:335px;  padding:0;}
.news3 { width:615px; margin:5px; height:345px;  padding:0;}
.news4 { width:800px; margin:5px; height:335px;  padding:0;}

.readmore {width:200px; margin:8px; color:#CCCCCC; font-size:0.8em; height:30px; float:right; text-align:right; padding:0; }
.readmore a { color:#CCCCCC; text-decoration:none;}
.readmore a:hover { color:#4FA0B2;}
.subnews1 {
    float: left;
    height: 200px;
    margin: 3px 2px 0 0;
    width: 184px;
	
}

.subnews1 td { text-align:center;}

.subnews2 td { text-align:center;  padding:3px;}

.subnews2:hover { background-color:#e7e7e7;}

.subnews1:hover { background-color:#f9f9f9;}

.subnews1 td img, .subnews2 td img{ border:1px solid #CCCCCC; padding:2px;}

.subnews1 a, .subnews2 a { font-size:0.8em; text-decoration:none; color:#666666;}

.subnews1 a:hover, .subnews2 a:hover { color:#F4B31B;}

.subnews2 {
    float: left;
    height: 165px;
    margin: 5px 8px 0 0;
    width: 196px;
	background-color:#f9f9f9;
}

.news2 ul {
    color: #666666; font-size:0.8em;
}

.news2 li {
    border-bottom: 1px dotted #CCCCCC;
    color: #666666;
    padding: 5px;
}

.news2 a {
    color: #666666;
    text-decoration: none;
}

.news2 a:hover {
    color: #F4B31B;

}

.news4 ul {
    color: #666666; font-size:0.8em;
}

.news4 li {
    border-bottom: 1px dotted #CCCCCC;
    color: #666666;
    padding: 5px;
}

.news4 a {
    color: #666666;
    text-decoration: none;
}

.news4 a:hover {
    color: #F4B31B;

}
/*End infonews*/

.pagedetail {width:675px;  height:85px;  padding:0;    display: block;
   
    margin: 17px;
    position: relative; border-bottom:1px dotted #CCCCCC; }

.pagedetail tr { border-bottom:1px dotted #CCCCCC;}

.pagedetailimg { position:absolute;}

.pagedetailimg img{ position: relative; padding:2px; border:1px solid #CCCCCC;}

   .pagedetaila {
  display: block;
  font-size: 0.9em;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 563px;
  z-index: 999;
}

.pagedetail a {
    color: #666666;
    text-decoration: none;
}

.pagedetail a:hover {
    color: #F4B31B;

}

#sidebar {
margin: 6px;
width:309px;
}

#sidebar a img{ border:1px solid #CCCCCC; padding:3px; background-color:#eeeeee; }

#sidebar a:hover img{ border:1px solid #666666; padding:3px; background-color:#eeeeee; }

#sidebar p{
margin:0;
padding:5px 0 5px 0;

border-top:1px solid #ffffff;
background-image:url(images/grey-line.jpg);
background-repeat:repeat-x;
background-position:top;
font-size:0.9em;
color:#999999;
}

#sidebar a{
text-decoration:none;
color:#999999;
}

#sidebar a:hover{
text-decoration:none;
color: #666666;
}

#banner1 { border-bottom:1px solid #FFFFFF; width:300px; padding:2px;}

/*---------------------------------------------------- footer --------------*/
#footer {
background-color:#FFFFFF;
background-image:url(images/bg_footer.jpg);
background-repeat:repeat-x;
clear:both;
height:276px;
margin-top:10px;
position:relative;
}

.bottom {
margin:auto;
width:960px;
}

.link {
margin:10px 0 0 0px;
width:1005px;
height:180px;
float:left;
}

.link a {
color:#FFFFFF;
font-size:0.8em;
padding:0;
text-decoration:none;
}

.link a:hover {
text-decoration:underline;
}

#link1 {
float:left;
}

#link1 p {
color:#FFFFFF;
font-size:0.9em;
padding:0 0 0 10px;
font-weight:bold;
height:12px;
margin:10px;
}

#link1 ul {
/*margin:-9px 0 0 -21px;*/
}

#link1 li {
color:#FFFFFF;
padding:0 4px 0 0;
border-right:1px solid #fff;
}

#link2 {
float:left;
margin:0 0 0 0px;
}

#link2 p {
color:#FFFFFF;
font-size:0.9em;
padding:0 0 0 10px;
font-weight:bold;
height:12px;
margin:10px;
}

#link2 ul {
/*margin:-9px 0 0 -18px;*/
}

#link2 li {
color:#FFFFFF;
padding:0 4px 0 0;
border-right:1px solid #fff;
}

#link3 {
float:left;
margin:0 0 0 0px;
}

#link3 p {
color:#FFFFFF;
font-size:0.9em;
padding:0 0 0 10px;
font-weight:bold;
height:12px;
margin:10px;
}

#link3 ul {
/*margin:-9px 0 0 -18px;*/
}

#link3 li {
color:#FFFFFF;
padding:0;
}

.contact {
background-image:url(images/bg_secondaryPanel2.png);
background-repeat:no-repeat;
margin:-9px 0 0 5px;
width:300px;
/*height:210px;*/
float:left;

}

.contact p {
color:#FFFFFF;
font-size:0.8em;
/*font-weight:bold;*/
margin:0;
padding:0;
}
.contact ul{

margin:13px 0 0;
}

.contact li{
list-style-type:none;
margin:0 0 16px 0;
}

.location {
/*clear:both;*/
background-image:url(images/rtplogo.png);
background-repeat:no-repeat;
/*float:left;*/
}

.location p{
padding: 0 0 0 68px;
margin:0;
}
.location address{
padding: 0 0 0 68px;
margin:0;
font-style:normal;
color:#FFFFFF;
/*font-weight:bold;*/
font-size:0.8em;
}

.phone {
/*clear:both;*/
background-image:url(images/sa.png);
background-repeat:no-repeat;
/*float:left;*/
}

.phone p{
padding: 0 0 0 68px;
margin:0;
}

.fax {
/*clear:both;*/
background-image:url(images/ict.png);
background-repeat:no-repeat;
/*float:left;*/
}

.fax p{
padding: 0 0 0 68px;
margin:0;
}

.footermenu {
display:block;
}

.footermenu ul{
display:inline;
float:left;

padding:35px 0 0;

}

.footermenu ul li {
list-style-type:none;
float:left;
}

.footermenu a {
display:block;
width: 100px;
height:18px;
color:#CD7318;
display:block;
text-decoration:none;
text-align:center;
font-size:0.7em;
border-right:1px solid #999;
padding:0;
font-weight:bold;
}

.footermenu a:hover {
color:#666666;
}
.copyright {
color:#666666;
float:right;
position:relative;
margin: 18px 10px 0 0;
text-align:right;
font-size:0.8em;
}

.copyright p{
margin: 3px 0 0 0;
}

.copyright a {
text-decoration:none;
color:#666666;
}

.copyright a:hover {
font-weight:bold;
}

.thai {
border: 1px solid #e3e3e3;

    margin: auto;
    min-height: 220px;
    padding: 5px;
    width: 605px;
}
.thai p{
padding:0 0 0 5px;}

.commander{ text-align:center;}

.commander img { border:1px solid #CCCCCC; padding:5px;}


.commander2 {
display:block;
margin:10px 0 0 23px;
float: left;
width:197px;
}

.commander2 p{
text-align:center;
font-size:0.8em;
}
.commander2 img{
border:1px solid #CCCCCC;
margin:auto;
padding:2px;
}

.detailcommander2{  min-height: 1474px;}

.agency { padding:9px;}

.crawler { text-decoration:none;}

.marquee0 { border:1px solid #cccccc; padding:3px; margin-bottom:3px;}

.marquee0 a { border:none;}

.policetv { text-align:left; font-size:0.9em; color:#FFFFFF; margin:0px 0 6px 0; background-image:url(images/strips.png); background-repeat: repeat-x; padding:4px 5px 5px 5px; background-color:#e7e7e7;}

<!--
.pdetail {
padding:10px;
color:#999999;
overflow-y:auto;

}
.pdetail p {
padding:10;
color:#999;

}
.pdetail li img { padding:2px; border:1px solid #CCCCCC; width:105px; height:70px;}

.pdetail li img:hover { padding:2px; border:1px solid #000000;}

.pdetail li  { border-bottom:1px dashed #CCCCCC; height:105px; width: 93%; margin:15px 0 0 0;list-style-type: none;}


.pdetail2 {
padding:10px;
color:#999999;
overflow-y:auto;

}
.pdetail2 p {
padding:10;
color:#999;

}

.pdetail2 li img { padding:2px; border:1px solid #CCCCCC;}

.pdetail2 li img:hover { padding:2px; border:1px solid #000000;}

.pdetail2 li  { border-bottom:1px dashed #CCCCCC; height:105px; width: 93%; margin:15px 0 0 0;list-style-type: none;}

.pdetail a { color:#cccccc;}
.pdetail a:hover{ color:#000000;}

.pdetail2 a { color:#cccccc;}
.pdetail2 a:hover{ color:#000000;}


.pdetail_img {float:left; clear:both; width:160px;}

.pdetail_info {float:left; width:430px; color:#999999;}

.pdetail_info:hover{float:left; width:430px; color:#000000;}
-->

.newsgen {

float:left;
margin:5px;
min-height:105px;
width:670px;

}
.newsgen li  { 

border-bottom:1px dashed #CCCCCC; 
height:20px; width: 93%;
margin:15px 0 0 0;
list-style:circle;
font-size: 1.1em;
}


.newsgen a{
color: #666666;
}

.newsgen a:hover {
color: #000000;
}

.listfont { text-align:left; font-size:0.9em; color:#FFFFFF; margin:0px 0 6px 0; background-image:url(images/strips.png); background-repeat: repeat-x; padding:4px 5px 5px 5px; background-color:#e7e7e7;}
