@charset "utf-8";



* { margin: 0; padding: 0; outline: 0; font-family:Verdana, Geneva, sans-serif}

body {
    font-size: 12px;
    line-height: 18px;
    color: #575757;
    background: #01a0bd url(images/body.png) repeat-x 0 0;
    min-width: 1009px;
	height:auto;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { padding-top: 3px; width: 1009px; margin: 0 auto;height:auto;}

#wrapper { background: url(images/wrapper.jpg) no-repeat center 0;}
#wrapper-top { font-size: 0; line-height: 0; text-indent: -4000px; height: 19px; background: url(images/wrapper-top.png) no-repeat 0 0; }
#wrapper-middle { position: relative; padding: 0 14px 45px; width: 981px; background: url(images/wrapper-middle.png) repeat-y 0 0; }
#wrapper-bottom { font-size: 0; line-height: 0; text-indent: -4000px; height: 22px; background: url(images/wrapper-bottom.png) no-repeat 0 0; }


/*****************Start Header Style*******************/

#header { position: relative; padding: 14px 21px 0 23px; height: 230px; background: url(../images/banner.jpg) no-repeat 0 0; }

#logo { display: inline; float: left; padding-top: 23px; width: 450px;
     position:absolute;
	 top:180px;
	 background:url(../images/bgbg3.png) no-repeat left; 
}
#logo h1.title{
	  font-family:"Khmer OS Muol";
	  font-size:18px;
	  color:#33FFFF;
	  text-shadow:2px 2px 1px #111;
	  padding-left:60px;
	  margin-top:-5px;   
}
#logo .slogan {
	  font-family:"Arial Black";
	  font-size:15px;
	  margin-top:2px;
	  padding-left:80px;
	  color:#33eeee;
	  text-shadow:2px 2px 1px #333;
	   
	  
}


/***********End Header Style************/



#main { position: relative; padding:0px 0px 0; width: 981px;border-top:1px solid #C0C;min-height:400px;height:auto;}

#content { display: inline; float: left; width: 305px;padding-left:5px;padding-top:3px;}
#content img { display: block; float: left; padding: 5px 15px 0 0; }
#content h3 { padding: 0 0 25px 6px; }
#content p { padding-bottom: 18px; }
#content ul{
	 background:url(images/widgets.png) no-repeat top;
	 list-style:none;
	 border:1px solid #ccc;
	 border-top-color:#eee;
	 padding-bottom:8px;    
	 margin-bottom:10px;
     border-bottom-left-radius:12px; 
	 border-bottom-right-radius:12px;
	 min-height:20px;
}
#content ul li.sel{padding:9px 6px 9px 7px;background:url(../images/nav_bar.png) no-repeat left top;}
#content ul li.sel a{
	text-align:justify;
	color:#0033FF;
    font-family: 'Battambang', serif;
	 font-size:13px;
	 line-height:20px;
}
#content ul li a:hover{text-decoration:none;color:#3399FF;}
#content ul li:hover{background-color:#eee;cursor:pointer;color:#3399FF;}

#content ul li.sel2 {background-color:#eee;padding:9px 6px 9px 7px;}
#content ul li.sel2 a{text-align:justify;
	color:#3399FF;
    font-family: 'Battambang', serif;
	 font-size:13px;
	 line-height:20px;}

.new_event{
	background:url(../images/hotnews_bar.png) repeat-x;
	color:#FFFF33;
	height:30px;
	padding-left:8px;
	padding-top:10px; 
	font-weight:bolder;
	font-family: 'Nokora', serif;
	font-size:15px;
	text-shadow:1px 1px 1px #111;
	border-top-left-radius:12px; 
	border-top-right-radius:12px;
}


#sidebar { display: inline; float: right; padding: 4px 4px 0px 4px;width: 661px;}
#sidebar img{}
.box ul { padding: 19px 0 0 15px;}
.box li { padding-left: 2px; font-size: 14px; line-height: 26px;}
.box li a { color: #0099d1;}
#sidebar .title{
	width:650px;
	background:url(images/header.png) no-repeat bottom;
	font-family: 'Nokora', serif;
	font-size:15px;
	color:#fff;
	border:1px solid #CCC;
	border-bottom-color:#eee;
	border-top-color:#eee;
	padding:7px 3px 7px 7px;
    font-weight:bolder;
	margin-bottom:4px;
	border-radius:4px; 
}
#sidebar .title b.s{font-family: 'Nokora', serif;
	font-size:15px;}
#sidebar .post{
	width:638px;
	background:url(images/widgets.png) no-repeat top;
	padding:7px 10px 12px 10px;
	font-family:Arial, Helvetica, sans-serif;
   color:#222;
   font-size:12px;
   border:1px solid #ccc;
   border-bottom-left-radius:12px;
   border-bottom-right-radius:12px;
   min-height:20px;
   padding-top:15px;
   padding-bottom:15px;
}
#sidebar .post ol{list-style-position:inside;}
#sidebar .post h4{color:#0000FF;font-size:13px;}
#sidebar .post h4 span{color:#F63;}
#sidebar .post h5{}
#sidebar .post h5 span{}

#dd-bar{
	width:208px;
	padding:5px;
	background:;
}
#dd-bar img{
	display:inline;float:left;
}
#dd-bar p{
	display:inline;
	float:right;
	margin-top:20px; 
}
/***Special Imgae Style in Database***/
.simg{
	border:2px solid #eee;
	border-radius:5px;
	padding:10px;	
	margin-bottom:2px;
	margin-top:2px; 
}


.widgets { position: relative; margin-top: 29px; padding: 38px 0 0 3px; width: 938px; background: url(images/widgets.png) no-repeat center 0; }

.col { display: inline; float: left; padding-right: 52px; width: 264px; }
.col a.read-more { line-height: 30px;  }

.activities h3 { padding: 4px 0 12px 36px; background: url(images/activities.png) no-repeat 0 4px; }

.about-us { padding-right: 45px; }
.about-us h3 { padding: 4px 0 12px 35px; background: url(images/about-us.png) no-repeat 0 4px; }

.we-hire { padding-right: 0; }
.we-hire h3 { padding: 4px 0 12px 32px; background: url(images/we-hire.png) no-repeat 0 4px; }

.contacts { padding-right: 0; }
.contacts h3 { padding: 0 0 17px 33px; background: url(images/contacts.png) no-repeat 0 3px; }


#footer { padding: 5px 39px 20px 39px; text-align:center; color:#FFFFFF;font-weight:bolder;font-size:13px;font-family: 'Battambang', serif;}

.visitor{background:url(images/title_bar.png) top no-repeat;padding:15px 10px;border-radius:5px;color:#0033FF;font-size:15px;font-family:Arial, Helvetica, sans-serif;width:88%;}