@import url(http://fonts.googleapis.com/css?family=Koulen);
@import url(http://fonts.googleapis.com/css?family=Content);
@import url(http://fonts.googleapis.com/css?family=Bayon|Hanuman|Dangrek|Chenla|Angkor|Suwannaphum|Preahvihear|Nokora|Odor+Mean+Chey|Kdam+Thmor|Kantumruy|Content|Koulen);
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
line-height: 1;
color: #333;
font-size: 14px;
line-height: 18px;
background-attachment: fixed;
background-image: url("../images/bgcolor.jpg");
background-repeat: no-repeat;
background-size: cover;
font-family: Arial,Helvetica,sans-serif,"Hanuman";
position: relative;


}


.bgstyle{
	background: rgba(0, 0, 0, 0) url("../images/footer.png") no-repeat scroll center top;
    display: block;
    line-height: 125px;
    overflow: hidden;
}

.langboth{
	float:right; 
	margin-top:-60px; 
	width:200px;
}
#enlang{
	padding:5px; background-color:#FFF
}
#khlang{
	padding:5px; background-color:#FFF; margin-left:10px;
}

.headbg {
    background: rgba(0, 0, 0, 0) url("../images/header.jpg") no-repeat scroll center top;
    display: block;
    height: auto;
    line-height: 180px;
    max-width: 100%;
}

	
/* layout */

#wrapper {
position: relative;
width: 1000px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 10px;
border: 1px solid #06C;
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-shadow:0 5px 10px 2px #ccc;
background-color:#FFF;





}

nav {

height: 40px;
margin: 0 auto;
background: #069;
line-height:40px;
border-bottom:5pt solid #91C100;

}

#main {
width: 1000px;
margin: 0 auto;
padding-top: 0px;
/*background: #FFF url(../images/colbg.png) repeat-y;*/
overflow: hidden;
}

#content {
float: right;
width: 700px;
margin-right: 45px;
padding-left:10px;
border-left:2pt solid #069;
}

#sidebar {
float: left;
padding-left: 20px;
width: 220px;

}

footer {
width: 1000px;
margin: 0 auto;
clear: both;
}

/* basics */

@font-face {
	font-family: 'RieslingRegular',"hanuman";;
	src: url('riesling-webfont.eot');
	src: local('RieslingRegular'), url('riesling-webfont.woff') format('woff'), url('riesling-webfont.ttf') format('truetype'), url('riesling-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
font-weight: bold;
clear: both;
color: #333;
}

a:link, a:visited {
color:#213f99;
}

a:hover, a:active {
color: #333;
}



li {
padding-left: 0px;
}

/* nav */

nav .menu {
font-size: 16px;
font-weight: bold;
}

nav .menu ul {
margin: 0;
padding: 17px 0 0 20px;
list-style: none;
line-height: normal;
}

nav .menu li {
display: block;
float: left;
}


nav .menu a {
display: block;
float: left;
margin-right: 5px;
padding: 0px 15px;
text-decoration: none;
color: #FFF;
}

nav .menu a:hover {
text-decoration: underline;
}

/** HEADER */

header {
padding: 0px 0 0 0;
}

header>h1 {
float: left;
margin: 10px 0 18px 10px;
width: 600px;
}

header>h1 a {
font-family: 'RieslingRegular', Verdana, Arial, Helvetica, sans-serif;
font-size: 68px;
letter-spacing: 5px;
text-decoration: none;
}

header>h2 {
color: #777;
clear: right;
float: right;
font-style: italic;
font-size: 14px;
margin: 14px 10px 18px 0;
}

/** ARTICLES **/
article img {
border: none;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}


#content ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}

#content h1, h2, h3, h4, h5, h6 {
color: #333;
margin: 0 0 0 0;
line-height: 1.5em;
font-family:"hanuman";
/*    white-space: pre-wrap;
    word-wrap: break-word;*/
}

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 10px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 10px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}

/* sidebar and footer widget blocks */

aside h3 {
font-size: 18px;
text-shadow: 0px 2px 3px #ddd;
}

aside ul {
list-style: square;
color: #bbb;
margin: 0px 0 15px 25px;
}

#footer-area {
background: #069;
color: #FFF;
font-size: 90%;
overflow: hidden;
/* curved border radius */
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}

.footer-segment {

margin-right: 20px;
margin-left: 20px;
width: 30%;
}

footer aside h4 {
color: #faf0e6;
font-size: 16px;
;
}

footer ul {
list-style: none;
margin: -15px 0;
}
.foot_head_list{
	padding-bottom:20px;
	color:#999;
	font-size:16px;
}
.foot_list{
	line-height:20px;
	
}

footer a:link, footer a:visited {
color: #ccc;
}

footer a:hover { 
text-decoration: underline; 
}

footer p {
margin-top: -15px;
color: #faf0e6;
}

/*--------Home------- */
.amazingslider-timer-1{
	font-family:Verdana, Geneva, sans-serif,"hanuman";
	font-size:14px;
}
.sizetitle{
	font-size:22px;
	font-weight:700;
	color:#222;
}
.h3label{
	font-size:17px;
	color:#213f99;
	
}
.ullist li{
	margin-left:20px;
	list-style:disc;
	
}
.flag_en{
background:url(../languages/en.png) no-repeat left;
padding-left:30px;	
}
.flag_km{
background:url(../languages/km.png) no-repeat left;
padding-left:30px;	
}
.sizelist{
	font-family:"hanuman";
	font-size:17px;
	color:#213f99;
}
.labelnews{
	border-bottom:5pt solid #213f99;
	padding-bottom:5px;
	font-family:"hanuman";
	font-size:19px;
	color:#213f99;
	margin-bottom:5px;
	

}
.search{
	width:80%;
	height:30px;
	font-size:15px;
	font-family:"hanuman";
	
}
.newsdetail{
	width:100%;
	clear:both;
	
}
.detal_img{
	text-align:center !important;
}
.newsdetail img{
border:1pt solid #ccc;
	padding:3px; 
	width:500px;
	
}
.tablenewslist{
/*    white-space: pre-wrap;
    word-wrap: break-word;*/
	
	padding:10px;
}
.newslisting{
	clear:both;
	border-bottom:1pt dashed #333;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	width:100%;

	
	
}
.datetime{
	color:#999;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif,'hanuman';
}

.midle:empty {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.midle {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    vertical-align:top;
}
.divimg p{
	padding:10px;
}
.divimg{
    background-color: #fafafa;
    border-bottom: 1px solid #e1e1e1;
    height:250px;
    overflow: hidden;
    position: relative;
    width: 220px;
	border:1pt solid #999;
}
p,span{
margin-bottom: 13px !important;
font-family: Arial,Helvetica,sans-serif,"Hanuman";
line-height:25px;
}

ul.province li{
	    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #c9f1fc;
    display: block;
    float: left;
    margin: 7px 0 0 7px;
    padding: 5px 5px 0;
   /* width: 91px;*/
}
ul.province li a{
	color: #333;
    display: block;
    font-size: 15px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: auto;
}

ul.province li img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;

}
ul.iconpdf li{

	    background: rgba(0, 0, 0, 0) url("../images/icn_pdf.png") no-repeat scroll left center;
	  list-style:none;
	  padding-left:20px;
	  line-height:30px;
}

ul.iconword li{

	    background: rgba(0, 0, 0, 0) url("../images/icn_word.png") no-repeat scroll left center;
	  list-style:none;
	  padding-left:20px;
	  line-height:30px;
}
.img-responsive{
	border:1pt solid #ccc;
	padding:3px; 
}


.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background-color:#ed1b25;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background-color:#ed1b25;
}
.myButton:active {
	position:relative;
	top:1px;
}

        
		
.scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	/*top:75px;*/
	right:40px;
	display:none;
	background:none;
}
.scrollToTop:hover{
	text-decoration:none;
}		




/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 100px;
	margin-left: -150px;
}
#back-top a {
	width: 70px;
	display: block;
	text-align: center;
	font: 9px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 70px;
	height: 70px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url('../images/up-arrow.png') no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

.h3_left_side{
	border-bottom:2pt solid #03F;
	
}
.div_left_side {
	padding-top:5px;
	
	
	
}
.div_left_side span{
	font-size:14px;
	
}
.remore a{
	color:#D90000;
}