@charset "utf-8";
/* CSS Document */
 <!-- /* $WEFT -- Created by: Touch Namhay (namhay@gmail.com) on 4/14/2009 -- */
  @font-face {
    font-family: Khmer OS System;
    font-style:  normal;
    font-weight: normal;
    src: url(KHMEROS0.eot);
  }
-->

body{
	background:#FFFFFF url(../images/bg.jpg) repeat-x;
	margin:0;
	font-family:"Khmer OS System";
	font-size:12px;
	text-align:center;	
	src: url(KHMEROS0.eot);
}
a{
	color:#0202F6;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color:#0202F6;
	text-decoration:underline;
	font-weight:bold;
}
/*---Wrapper---*/
#wrapper{
	width:778px;
	height:auto;
	margin:auto;
	padding:auto;
	background:#FFFFFF;
	border-left:2px solid #0202F6;
	border-right:2px solid #0202F6;
}
/*---End Wrapper---*/

/*---Top Banner---*/
#top_banner{
	width:778px;
	height:140px;
	margin:auto;
	padding:0;
	background:url(../images/top_banner.jpg);
}

#menu_1{
	width:300px;
	list-style:none;		
	position:relative;	
	text-align:left;
	display:block;
	padding:5px 0 0px 0;
	margin:0px auto auto 90px;
	color:#FFF;
	height:20px;
	font-family:Verdana, Geneva, sans-serif;
}

#menu_1 li{
	display:inline;
	margin:0;
	padding:5px 0;
	
}
#menu_1 #menu_1_first{
	border-left:none;
}
#menu_1 a{
	display:inline-block;
	margin:0;
	padding:0 5px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
#menu_1 a:hover{
	display:inline-block;
	margin:0;
	padding:0 5px;
	text-decoration:underline;
	color:#FFFFFF;
	font-weight:bold;
}
#menu_2{
	width:698px;
	list-style:none;		
	position:relative;	
	text-align:left;
	display:block;
	padding:0;
	margin:80px auto auto 80px;
	height:30px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}

#menu_2 a {
	padding:0px 0 0 8px;
	height:25px;
	width:auto;
   	background-image:none;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	font-weight:bold;
  }

#menu_2 a span {
	padding:5px 8px 0 1px;
	height:20px;
	display:block;
	width:auto;
   	background-image:none;
	text-decoration:none;
	cursor:pointer;
 }
* html #menu_2 a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }

* html #menu_2 a span { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }
  
#menu_2 a:hover,#menu_2 a:active{
	background:url(../images/menu_hoverleft.png) top left no-repeat;	
	text-decoration:none;
	color:#0202F6;	
}

#menu_2 a:hover span,#menu_2 a:active span{
   background:url(../images/menu_hoverright.png) right top ;
	text-decoration:none;
	
}

/*---End Top Banner---*/

/*---End Top Banner---*/
/*---Text---*/
#text{
	width:778px;
	height:auto;
	margin:-5px auto auto auto;
	padding:auto;

}

#text #text_left{
	width:175px;
	height:auto;
	float:left;
	margin:0px 0px 5px 5px;
	padding:0;
	color:#FFF;
	display:inline;
	font-family:Verdana, Geneva, sans-serif;
}
#text #text_left #menu_header{
	background:url(../images/menu_header.jpg) top no-repeat;
	width:175px;
	height:25px;
	margin:0;
	padding:5px 0 0 0;	
	font-weight:bold;
	font-size:14px;
}
#text #text_left #menu_bg{
	background:#4b3a67;
	margin:0;
	padding:0;
	width:175px;

}
#text #text_left #menu_bg #ul{
	width:171px;
	list-style:none;
	padding:0;
	margin:0;
	text-align:left;
	border-left:2px solid #2115a5;
	border-right:2px solid #2115a5;
}
#text #text_left #menu_bg #ul #li{
	display:block;
	padding:0;
	margin:0;
	padding:0px 0;
	font-size:13px;
	
}
#text #text_left #menu_bg #ul #li a{
	width:151px;
	text-decoration:none;
	color:#FFF;
	padding:3px 10px;
	display:block;
}
#text #text_left #menu_bg #ul #li a:hover{
	text-decoration:none;
	color:#FFF;
	background-color: #33C;
	width:151px;	
	margin:0;
	padding:3px 10px;
	display:block;
}
#text #text_left #menu_buttom{
	background:url(../images/menu_buttom.jpg) bottom no-repeat;
	width:175px;
	height:10px;
	margin:0px 0 10px 0;
	padding:0;	
	font-weight:bold;
	font-size:13px;
	clear:both;
}
#text #text_left #bg_title{
	background:#2115a5;
	height:20px;
	text-align:center;
	padding-top:5px;
	font-weight:bold;
	font-size:14px;
	cursor:auto;
}
#text #text_right{
	width:585px;
	height:auto;
	float:right;
	margin:0px 5px 0px 4px;
	padding:0;
	display:inline;
	font-size:13px;
}
#text #text_right #text_header{
	background:url(../images/text_header.jpg) top no-repeat;
	width:575px;
	height:25px;
	margin:auto;
	padding:5px 0 0 10px;	
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
}
#text #text_right #text_header a{
	color:#FFF;
	font-weight:bold;
}
#text #text_right #text_header #text_header_left{
	width:300px;
	height:25px;
	margin:auto;
	padding:0;
	float:left;
}
#text #text_right #text_header #text_header_right{
	width:265px;
	height:25px;
	margin:0;
	padding:0 5px 0 0;
	float:right;
	text-align:right;
}
#text #text_right #text_editor{
	width:561px;
	padding:10px;
	border-left:2px solid #2115a5;
	border-right:2px solid #2115a5;
	text-align:left;
	line-height:1.5em;
	clear:both;
}
#center_td{
	text-align:center;
}
#text #text_right #text_editor form div{
	width:auto;
	float:left;
	height:auto;
	margin:0 5px;
}

#text #text_right #text_footer{
	background:url(../images/text_footer.jpg) bottom no-repeat;
	width:585px;
	height:25px;
	margin:0px 0 0 0;
	padding:0px;	
	font-weight:bold;
	font-size:14px;
	clear:both;
}

#text #text_right #links{
	margin:0 0 10px 0;
	padding:3px 0;
	border-bottom:1px dotted #000;
}

#text #text_right #frm_con{
	margin:0;
	padding:0;
	
}
#text #text_right #frm_con ul{
	margin:0;
	padding:0;
	list-style:none;
}
#text #text_right #frm_con ul li{
	padding:0;
	margin:2px 0;
	display:block;
}
#text #text_right #frm_con ul li label{
	padding:0;
	margin:2px 0;
	display:inline-block;
	vertical-align:top;
	width:120px;
}
#text #text_right #frm_con ul li label span{
	color:#F00;
}
#text #admin_welcome{
	font:Verdana, Geneva, sans-serif;
	font-size:25px;
	color:#00F;
	font-weight:bold;
	margin:60px auto;
	display:block;
}
#text #frm_admin{
	padding:0;
	margin:0 10px;
	text-align:left;
}
#text #frm_admin ul{
	padding:0;
	margin:0;
	list-style:none;
}
#text #frm_admin ul li{
	padding:5px;
	margin:5px;
	display:inline-block;
	height:auto;
	vertical-align:top;
	width:130px;
}
#text #frm_admin ul li select{
	margin:5px 0;	
}
#text #frm_admin #div{
	float:left;
	width:auto;
	height:auto;
	margin:5px;
	padding:0;

}
#text #frm_admin #div label{
	text-align:left;
	display:inline-block;
	width:auto;
	font-weight:bold;
	font-size:14px;
}
#text #student_view{
	width:750px;
	height:400px;
	background:scroll;
	position:relative;
	padding:10px;
	overflow: auto;
}
#text #student_view #frm_student{
	margin:0;
	padding:0;
}
#text #student_view #frm_student table{
	width:auto;
	border:1px solid #000;	
}
#text #student_view #frm_student table input{
	border:none;
	margin:0;
	padding:0;
}
#text #student_view #frm_student table td{
	border:1px solid #8F8F8F;
}
#link_next{
	background:#CCC;	
	margin:0;
	padding:3px 0;
}
#link_next a{
	color:#00F;	
}
#link_next a:hover{
	color:#00F;	
}
/*---End Text---*/

/*---Break---*/
#break{
	clear:both;
	margin:-5px;
}
/*---End Break---*/

/*---footer_1---*/
#footer_1{
	background:#0202F6 url(../images/bottom_banner.png);
	width:778px;
	height:25px;
	margin:0px 0 0 0;
	padding:25px 0 0 0;
	clear:both;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}

#footer_1 ul{
	list-style:none;
	padding:0;
	margin:0;
}
#footer_1 li{
	display:inline;
	padding:0;
	margin:0;
}

#footer_1 .foot_1_last{
	
	border-right:none;
}
#footer_1 a{
	display:inline-block;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	padding:2px 5px;
	margin:0;

}
#footer_1 a:hover{
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	padding:2px 5px;
	margin:0;
	color:#0202F6;
	background:#FFFFFF;

}
/*---End Text---*/

/*---footer_2---*/
#footer_2{
	background:#2115a5;
	width:778px;
	height:18px;
	margin:auto;
	padding:5px 0;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
}
#footer_2 a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#footer_2 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	
}
/*---End footer_2---*/
