@font-face {font-family: 'MyCalibri';src: url('fonts/mycalibri.eot'); /* IE9 Compat Modes */src: url('fonts/mycalibri.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('fonts/mycalibri.ttf')  format('truetype')}
@font-face {font-family: 'MyCalibriBold';src: url('fonts/mycalibri_bold.eot'); /* IE9 Compat Modes */src: url('fonts/mycalibri_bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('fonts/mycalibri_bold.ttf')format('truetype')}
body { font-family: 'MyCalibri', Arial, Verdana; background-color: #ece3d8; margin: 0px; padding: 0px; }
.clear{ clear: both; }
#main_container{ width: 950px; margin-right: auto; margin-left: auto; }
.top_container{  background-image: url(images/bg_top.png); background-repeat: repeat-x; }
.top{ height: 89px; width: 950px; margin-right: auto; margin-left: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #a3a3a3; }
.logo{ float: left; height: 31px; width: 281px; margin-top: 31px; margin-left: 27px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.sprite{ float: left; margin-left: 205px; margin-top: 27px; height: 28px; width: 407px; }
#orange_top{ background-color: #ff8a00; height: 5px; width: 249px; margin-top: 24px; margin-left: 29px; }
/* sprite */
#menu{ height: 28px; width: 407px; background-image: url(images/css_sprite.png); overflow:hidden; background-repeat: no-repeat; margin-top:20px; }
ul#menu{ list-style-type: none; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#menu li{ float: left; list-style-type: none; }
#menu li a{ text-indent: -9999px; display: block; height: 28px; list-style-type: none; }
#menu li a:hover{ background-image: url(images/css_sprite.png); list-style-type: none; }
#menu li.m1 a{width:92px;}
#menu li.m2 a{width:113px;}
#menu li.m3 a{width:106px;}
#menu li.m4 a{width:96px;}
#menu li.m1 a:hover{ background-position:0 -28px}
#menu li.m2 a:hover{ background-position:-92px -28px}
#menu li.m3 a:hover{ background-position:-205px -28px}
#menu li.m4 a:hover{ background-position:-311px -28px}
/*main*/
.main_content{ width: 950px; margin-right: auto; margin-left: auto; }
.main_left{ float: left; width: 370px; text-align: center; }
.main_right{ width: 900px; margin-left: auto; font-size: 16px; margin-right: auto; }
.main_right h1{ font-size: 22px; font-weight: bold; text-decoration: none; }
.footer_container{ background-image: url(images/bg_bottom.png); background-repeat: no-repeat; height: 49px; width: 950px; margin-right: auto; margin-left: auto; margin-top: 30px; }
.footer_content{ font-size: 12px; color: #FFF; text-decoration: none; padding-top: 18px; margin-left: 40px; }
.footer_content a{ color: #FFF; text-decoration: none; }
.footer_content a:hover{ color: #000; text-decoration: underline; }
#coodla{ width:950px; margin-right:auto; margin-left:auto; text-align: center; color: #000; margin-top: 10px; }
.txtname{ height: 20px; width: 200px; border: 1px solid #F90; }
.txtname2{ height: 180px; width: 200px; border: 1px solid #F90; }
.drp1{border: 1px solid #F90;}
.success{ font-size: 14px; font-weight: bold; color: #090; text-decoration: none; }
.fail{ font-size: 14px; font-weight: bold; color: #F00; text-decoration: none; }