/* CSS Document */
div, p, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
.blank{height: 0px; clear: both;overflow: hidden;}
.blank10{height: 5px; clear: both; overflow: hidden;}
.dot{display: block; height: 1px; border-bottom: 1px dotted #AEAEAE; overflow: hidden;}
.path{color: #AEAEAE; font-size: 10px; font-style:italic;}

#main{width:800px; margin:0 auto; padding:0; position: relative; margin-top: 5px; background: url(images/shadow.gif) repeat-y;}
#header #top{width: 800px; height: 25px; background: url(images/header_top.gif) no-repeat;overflow: hidden;}


#header #top .items a{font-size: 9px; float: left; text-decoration: none; color: #666666; font-weight: normal; display: block; padding: 0px 5px 0px 5px;}
#header #top .items a:hover{color: #0000FF;}

#header .picture{width: 800px; height: 100px;}
#header .picture #logo{width: 200px; height: 100px; float: left; background: url(images/logo.gif) no-repeat}
#header .picture #logo_eng{width: 200px; height: 100px; float: left; background: url(images/logo_eng.gif) no-repeat}
#header .picture #logo_grm{width: 200px; height: 100px; float: left; background: url(images/logo_grm.gif) no-repeat}
#header .picture #logo_khm{width: 200px; height: 100px; float: left; background: url(images/logo_khm.gif) no-repeat}
#header .picture #headerPic{width: 600px; height: 100px; float: right; background: url(images/header_picture.gif) no-repeat;}

#header #menu{width: 800px; height: 35px; background: url(images/menu_back.gif) no-repeat; margin-bottom: 5px;}
#header #menu .space{width: 20px; float: left; height: 30px;}
#header #menu #items{ width: 500px; float: left; height: 30px;}
#header #menu #items .sep{width: 2px; height: 30px; overflow: hidden; background: url(images/menu_sep.gif) no-repeat;}
#header #menu #flag{float: right;padding-right: 5px;}
#header #menu #flag .khm{width: 40px; height: 30px; display: block; background:url(images/flag_khm.gif) no-repeat; text-decoration: none; float: left;}
#header #menu #flag .eng{width: 40px; height: 30px; display: block; background:url(images/flag_eng.gif) no-repeat; text-decoration: none; float: left;}
#header #menu #flag .grm{width: 40px; height: 30px; display: block; background:url(images/flag_grm.gif) no-repeat; text-decoration: none; float: left;}

#main #leftPan{width: 200px; float: left; padding-left: 10px; margin-right: 10px;}
#main #content{width: 560px; float: left;}


.panel{width: 200px; background: url(images/panel_back.gif) repeat-y;}
.panel .footer{width: 200px; height: 5px; background: url(images/panel_footer.gif) no-repeat;}
.panel .content{padding: 0px 7px 0px 7px;}
.panel .top{width: 200px; height: 5px; background: url(images/panel_top.gif) no-repeat;}

.list:hover{color: #000000;}

.row{display:block; clear: both;}
.row div{float: left; text-align: left;}
.row .header{font-weight: bold; float: left;}

.textField{border: 1px solid #AEAEAE; color: #666666; font:11px verdana, Arial, Helvetica, sans-serif;}