﻿ body  
 {
 	font-family:Arial, Helvetica, Sans-Serif; font-size:12px; margin:0px 0px;
 }
        /* menu */
        #menu
        { 
          /*width: 985px;*/
          margin:0px; 
          padding:0px; 
          list-style:none; 
          color:#ffffff; 
          /*line-height:38px; */
          display:inline-block; 
          /*float:left; */
          z-index:1000; 
          position: absolute;
        }
        #menu a 
        { color:#ffffff; 
          text-decoration:none; 
        }
        #menu > li /*สี background level1 */
        {/*background:#172322 none repeat scroll 0 0; */
         /*background: url(../images/navigation/s3_v1_02_20.jpg);
         background-repeat: repeat-x;*/
         cursor:pointer; 
         float:left; 
         position:relative;
         padding:0px 10px;
        }
        #menu > li a:hover /*เปลี่ยนสี text level1 ตอนเอาเมาส์ไปชี้ */
        {
        	color:#B0D730;
        }
        #menu .logo 
        {
          width: 136px;
          padding:0px;
		}

        /* sub-menus*/
        #menu ul 
        { padding:0px; 
          margin:0px; 
          display:block; 
          display:inline;
        }
        #menu li ul 
        { position:absolute; 
          left:-10px; top:0px; 
          /*margin-top:45px; */
          margin-top: 58px;
          width:150px; 
          line-height:16px; 
          background-color:#172322; 
          color:#0395CC; /* for IE */ 
          display:none; 
        }
        #menu li:hover ul 
        { display:block;}
        #menu li ul li
        { display:block; 
          margin:5px 20px; 
          padding: 5px 0px;  
          border-top: dotted 1px #606060; 
          list-style-type:none; 
        }
        #menu li ul li:first-child 
        { border-top: none; }
        #menu li ul li a 
        { display:block; 
          color:#0395CC; 
        }
        #menu li ul li a:hover 
        { color:#7FCDFE; }
        /* main submenu */
        #menu #main 
        { left:0px; 
          top:-20px; 
          padding-top:20px; 
          background-color:#7cb7e3; 
          color:#fff; 
          z-index:999;
        }
      
        #menu .help 
        { left:0px; 
          top:-20px; 
          padding-top:20px; 
          background-color:#E9EDEB; 
          color:#ffffff; 
          z-index:2000;
        }
       
        
        /* search */
        .searchContainer div 
        { /*background-color:#fff; */
          background-color: #7cb7e3;
          display:inline; 
          padding:5px;
        }
        .searchContainer input[type="text"] 
        {border:none;}
        .searchContainer img 
        { vertical-align:middle;}
        /* corners*/
        #menu .corner_inset_left 
        { position:absolute; 
          top:0px; 
          left:-12px;
        }
        #menu .corner_inset_right 
        { position:absolute; 
          top:0px; 
          left:150px;
        }
        #menu .last 
        { background:transparent none repeat scroll 0% 0%; 
          margin:0px; 
          padding:0px; 
          border:none; 
          position:relative; 
          border:none; 
          height:0px;
        }
        #menu .corner_left 
        { position:absolute; 
          left:0px; 
          top:0px;
        }
        #menu .corner_right 
        { position:absolute; 
          left:132px; 
          top:0px;
        }
        #menu .middle 
        { position:absolute; 
          left:18px; 
          height: 20px; 
          width: 115px; 
          top:0px;
        }
		
.MenuStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #59A4FF;
	text-decoration: none;
}
.MenuStyle a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0395CC;
	text-decoration: none;
}
.MenuStyle a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #59A4FF;
	text-decoration: none;
}
.MenuStyle a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #59A4FF;
	text-decoration: none;
}
