html{ font-size:100%; } /* for IE */
body {
    padding:0;
    margin:0;
    color:#000;
    font: 0.625em  tahoma, arial, verdana, sans-serif;
}
a {color:#006495;}
.clear {display:block; height:0; clear:both; visibility:hidden;}
.wrapper {display:block; height:3px; width:550px; visibility:hidden;}

#outer {position:relative; width:1000px; margin:0 auto; background: url(i/bg.png) repeat-y;}
#forMenLine {position:absolute; width:630px; height:323px; top:179px; left:0px; background:transparent url(i/bg3.png) no-repeat left top; z-index:0}
#IforMenLine {position:absolute; width:634px; height:171px; top:132px; left:0px; background:transparent url(i/Ibg3.png) no-repeat left top; z-index:0}

/*......................................................................................................................*/
#top {position:relative; height:142px; background:#FFF;}
#Logo {width:190px; height:120px; background:#FFF url(i/logo.png) no-repeat;}

#Itop {position:relative; height:95px; background:#FFF;}
#ILogo {width:190px; height:90px; background:#FFF url(i/Ilogo.png) no-repeat; cursor:pointer; cursor:hand;}

#slogan {position:absolute; bottom:40px; left:361px; color:#beb6a6; font-size:1.5em; background:#FFF;}
.Home_search {position:absolute; top:37px; right:0; z-index:500; background:#FFF; font-size:12px; padding:8px 0 5px 0; width:560px;}

/*......................................................................................................................*/
#nav { margin:0 0 0 46px; height:44px; background:#FFF url(i/bg_nav.png) repeat-x; font-family:tahoma;}
#nav ul {position:relative; list-style:none; font-size:14px; margin:0px; padding:7px 0 0 10px; z-index:100;}
#nav ul li.f {float:left; margin:0px; margin-right:150px;}
#nav ul li.m {float:left; margin:0px;}
#nav ul li.m a, #nav ul li.f a {border-left:1px solid #006495;}
#nav ul li a { display:block; margin:0; padding:10px 10px 10px 9px; color:#FFF; text-decoration:none;}

#nav ul li a.act {display:block; margin:0; padding:10px 10px 10px 9px; color:#035e8a; background:#FFF; border-left:1px solid #f9c900;}

#nav ul li span {display:block; margin:0; padding:10px 10px 10px 9px; color:#035e8a; background:#FFF; border-left:1px solid #f9c900;}

#nav ul li:hover a, #nav ul li.iehover a {text-decoration:none; color:#035e8a; background:#FFF; border-left:1px solid #f9c900;}
#nav ul li:hover {position:relative; cursor:pointer;}
#nav ul li:hover ul{position:absolute;
left:0px; top:37px;
border:1px solid #f9c900; border-left:0px; border-top:0px; white-space:nowrap; width:auto; height:auto; cursor:pointer; cursor:hand;
min-width:180px;
}

#nav ul li:hover ul li { float:none; font-size:12px; background:none;}
#nav ul ul li a{position:relative;
    display:block;
    margin:0; 
    padding:10px 12px;
    color:#283ca0;
    background:none;
    border-bottom:1px solid #efdbba;
}#nav ul ul li a.l {border-bottom:0px}

#nav ul ul li span { position:relative;
    display:block;
    margin:0; 
    padding:10px 12px;
    color:#283ca0;
    background:none;
    border-bottom:1px solid #efdbba; background:#f9c900; cursor:default;}

#nav ul ul li a:hover { background:#f9c900;}
#nav ul li ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/*......................................................................................................................*/
#forMen {width:888px; height:286px; background: url(i/bg2.jpg) no-repeat left top;}
#IforMen {width:888px; height:134px; background: url(i/Ibg2.jpg) no-repeat left top;}
#Men_, #Men {position:relative; width:327px; height:440px;}
#Men_ {background: url(i/men_.png) no-repeat left top; margin:-440px 0 0 95px;
        -background: none;
        -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/men_.png', sizingMethod='crop');
}
#Men  {background: url(i/men.png) no-repeat left top;}

#IMen_, #IMen {position:relative; width:167px; height:226px;}
#IMen_ {background: url(i/Imen_.png) no-repeat left top; margin:-226px 0 0 178px;
        -background: none;
        -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/Imen_.png', sizingMethod='crop');
}
#IMen  {background: url(i/Imen.png) no-repeat left top;}


/*......................................................................................................................*/
#content {margin-top:-177px; font-size:12px; min-height:300px; overflow:hidden;
height:expression(this.scrollHeight < 300 ? "300px" : "auto");
}
#Left {float:left; width:414px;}
#Right {margin-left:414px;}
.news {width:368px; background:#FFF url(i/body_l.png) no-repeat left bottom; padding:30px 0; margin:209px 0 0 21px;}
.news h1 {color:#695e4a;}
.news h1 {font-size:18px; margin:0 10px; padding:0px; font-family:Arial, tahoma;}
.news ul{margin:0; padding:34px 20px 0 0; list-style:none;}
.news ul li {padding:0 0 0 32px; margin-bottom:30px; background:#FFF url(i/arr_yellow.png) no-repeat left top}
.news ul li p {font-size:11px; color:#695e4a; margin:0 0 10px 0;}
/*.news a {color:#000; text-decoration:none;}*/

#Icontent {margin-top:0px; font-size:12px; min-height:450px; overflow:hidden;
height:expression(this.scrollHeight < 450 ? "450px" : "auto");
}
#ILeft {float:left; width:269px;}
#IRight {margin-left:310px;}
.links {background:#FFF url(i/Ibody_l.png) no-repeat left bottom; padding:30px 0; margin:0;}
.links ul {list-style:none; margin:0 24px 0 36px; font-size:14px; padding:0;}
.links ul li {margin:0px;}
.links ul li a {display:block; color:#006495; margin:0; padding:12px 0 12px 10px;}
.links ul li a.lact {display:block; color:#695e4a; margin:0; padding:12px 0 12px 10px;}
.links ul li span {display:block; margin:0; padding:12px 0 12px 10px; color:#695e4a; text-decoration:none;}
.links ul li a:hover {color:#695e4a; text-decoration:none;}

#IRight .inner {margin:60px 110px 0 0; font-size:14px;}
#IRight .inner .lcenter_one {background:#e5ddcb; border:1px solid #ccc3af; padding:0 15px; margin:15px 0;}
#IRight .inner1 {margin:60px 0 0 0; font-size:14px;}

#IRight .inner p {margin:15px 0;}

#bb {position:relative; top:25px; left:224px; width:136px;}
#Ibb {position:relative; top:50px; left:17px;}
#Ibb1 {position:relative; top:20px;}
#bb img, #Ibb img {margin:0px; margin-bottom:30px;}

#trainings {position:relative;  background:#FFF url(i/trainings.png) repeat-x top; font-size:12px;
z-index:50; min-height:200px; overflow:hidden;
height:expression(this.scrollHeight < 200 ? "200px" : "auto");
padding:15px 10px 0px 10px;
}
#trainings p {margin:0;}
#trainings img {margin:23px 0 0 0;}
#trainings .txt {margin-left:147px;}
#trainings .txt p.lnk {padding:0 0 0 20px; margin:25px 0; background:#FFF url(i/arr.png) no-repeat left center;}
#trainings .txt a {font-weight:normal;}
#trainings .txt p {margin:10px 0 7px 20px;}


.endR {height:42px;}
.blue {float:left; width:230px; height:36px; border:3px solid #006495; background:#FFF;}
.blue1 {float:left; width:320px; height:36px; border:3px solid #006495; background:#FFF;}
.blue h1, .blue1 h1 {font-size:18px; margin:0; padding:0; color:#006495; font-family:Arial, tahoma;}
.blue h1 div.f, .blue1 h1 div.f {float:left; width:27px; height:auto; background:#006495; color:#FFF; text-align:center; font-size:28px; padding:1px 0 3px 0;}
.blue h1 div.l, .blue1 h1 div.l {float:left; padding:8px 0 2px 0; margin:0 20px 0 4px;}

.brown h1, .brown1 h1 {font-size:18px; margin:0; padding:0; color:#695e4a; font-family:Arial, tahoma;}
.brown .end, .brown1 .end {height:30px; background:#CCC;}

.info {width:524px; margin:10px 0 15px 0; padding-bottom:30px; background:transparent url(i/bg_info.png) no-repeat right bottom;}
.info .inner {width:514px; background:#FFF; min-height:160px; overflow:hidden;
height:expression(this.scrollHeight < 160 ? "160px" : "auto");
}
.info .inner p {margin:0;}
.info .inner img {margin:8px 0 0 8px;}
.info .inner .txt {margin-left:157px; padding-right:20px;}
.info .inner .txt p.lnk {padding:0 0 0 20px; margin:25px 0; background:#FFF url(i/arr.png) no-repeat left center;}
.info .inner .txt p.lnk a {font-weight:bold;}
.info .inner .txt p {margin:20px 0 0 0;}

div.line {height:1px; margin:0 20px 0 20px; background:#eadbbd;}


#footer {
margin:0 0 0 170px;
border-top:7px solid #ffb400;
background:#695e4a;
min-height:135px; overflow:hidden;
height:expression(this.scrollHeight < 135 ? "135px" : "auto");
font-size:11px; color:#eadcbd;
}
/*......................................................................................................................*/
#bnav {position:relative; font-family:tahoma;}
#bnav ul {list-style:none; padding:20px 0 30px 0; margin:0 0 0 30px; font-size:14px;}
#bnav ul li {float:left; margin:0px; padding:0;}
#bnav ul li a {display:block; margin:0; padding:0 20px 0 0; color:#ffb400;}
#bnav ul li span {display:block; margin:0; padding:0 20px 0 0; color:#FFF;}
#bnav ul li a:hover {color:#FFF; text-decoration:none;}

#footer .txt {margin:0 0 0 25px; font-size:12px;}
#footer .txt p {margin:6px 0;}
#footer .txt p strong {margin:0 0 0 5px; font-weight:normal;}
#footer .txt p a {color:#eadcbd}

#p {position:absolute; top:0px; left:0px;}


/*..................................................................................................................*/
form {margin:0;}

#Lleft, #Lright {width:310px; font-size:1em; margin:0; padding:0;}
#Lleft {float:left;}
#Lright {margin-left:320px; text-align:right;}


#Cleft {float:left;}
#Cright {margin-left:320px;}
#Cleft, #Cright {width:310px; border:1px solid #695e4a; font-size:12px; padding:4px 0px; 1background:#FFF url(/i/bg_cal.png) repeat-x top;}

/*.day      {position:absolute;padding-left:10px;font-size:14px; font-weight:900;}*/
.day  {float:left;padding:0 5px 0 10px;font-size:14px; font-weight:900;}
.time {margin:3px 0 0 0; font-size:10px;}

#Cleft b, #Cright b {display:block; margin:0px; font-weight:900; padding:10px 32px 0 34px;}
#Cleft p, #Cright p {margin:0px; padding:0 15px 0 34px;}
#Cleft div.ttl, #Cright div.ttl {padding:1px 15px 0 34px;}

.tab {min-height:260px; margin-bottom:15px; border-bottom:1px solid #CCC; background:#FFF;}

.mynav {text-align:center; overflow:hidden;}
.mynav ul {margin:0 -3px 0 1px; padding:0; list-style:none; }
.mynav ul li {display: inline; padding:0; margin:0;}

.mynav ul li span.go{
    float:left;
    display:block;
    width:100px;
    margin-top:1px;
    padding:5px 0 5px 0;
    1border:1px solid #CCC; 
    1background:transparent url(/i/bg_tli.png) repeat-x bottom;
    background:transparent;
}
.mynav ul li span.tut {
    float:left;
    display:block;
    width:99px;
    margin-top:1px;
    padding:5px 0 6px 0;
    1border:1px solid #CCC; 
    border-bottom:1px solid #FFF; 
    background:#FFF;
}

a.mb, a.nxt {text-decoration:none;}
span.go, span.go1 {cursor:pointer; cursor:hand; color:#044B92}
a.mb, span.go1 {font-size:.9em; color:#044B92;}




/*........................ Post ............................*/
#mb_menu {
    float:right;
    width:140px;
    padding:0px;
    margin-top:0px;
    text-align:right;
}

#replayer {font-size:.9em; color:#666;}

/*........................ Popup ............................*/
#sa {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    z-index:200;
}
#registration, #signform {
    background: #FFF;
    position:relative;
    width:500px;
    margin:0 auto;
    z-index:100;
    font-size:1.2em;
    border:1px solid #666;
} 
#regform, #sbody {
    overflow:auto;
    margin:10px 13px 0 13px;
    padding:0px;
    border:0px;
}
#regform p, #sbody p {padding:0 20px;}
#hline { background:#e2d9c5 url(/i/bg_items.png) repeat-x top; padding:8px;}
#hline p {color:#000; margin:0px;}
#close  {float:right;   color:#000; cursor: pointer;}

/*----------------------------------------------------------*/
.left-out {float:left; background:#fff;}
.out {border-bottom: 1px solid #ccc;font-style:italic;}
.f1{float:left;width:40%;}
.f2{float:left;width:25%;}

/*----------------------------------------------------------*/


/*........................ PerPage ............................*/
#page_panel {height:50px; font-size:.9em;}
#page_panel ul{   list-style:none;    margin:0px; padding:0px;}
#page_panel ul li{float:left;}
#page_panel ul li a.num{display:block; color:#4380d6; padding:6px 9px 6px 10px; text-decoration:none; margin:0 2px;}
#page_panel ul li a.num:hover{padding:5px 8px 5px 9px; border:1px solid #695e4a; text-decoration:none; margin:0 2px;}
#page_panel ul li span.num{display:block; padding:5px 8px 5px 9px; border:1px solid #695e4a; text-decoration:none; margin:0 2px;}
#page_panel ul li a.nxt{display:block; color:#4380d6; padding:6px 9px 6px 10px;}
#page_panel ul li a.nxt:hover{color:#695e4a;}
#page_panel ul li span.nxt{display:block; color:#999; padding:6px 9px 6px 10px;}

p span.dt {font-size:11px; margin:0 10px 0 0;}

.posted {color:#666; font-size:0.8em;}

div.sL {float:left; width:200px; margin-bottom:15px;}
div.sR {margin-bottom:15px; margin-left:200px;}

fieldset {border:1px solid #999;}
fieldset legend {color:#000;}
fieldset input {margin:5px 0;}

.record {margin:4px 10px; padding:0 5px; height:28px;}
.record .inS1 {width:230px;}
.record .inS2 {width:200px;}
.record .inS {width:230px; margin-top:2px;}

.record .label {float:left; width:120px; padding-top:5px;}
.record .field {margin-left:130px; padding-top:2px;}
.record .labelR {float:left; width:180px; padding-top:5px;}

.whait {background:#FFF;}
.whait .info {background:#FFF;}
.application .record {margin:4px 0; padding:0}
.application .record .label {float:left; width:80px; padding-top:5px;}
.application .record .field {margin-left:90px; padding-top:2px;}
.whait .info,.whait .record .field,.whait .record .fieldL{font-size:1.1em;font-style:italic;}
.application .record .label2 {float:left; width:100px; padding-top:5px;margin:0 20px 0 0;text-align:right;}
.application .record .fieldL{float:left; padding-top:2px;margin:0 0 0 10px;width:185px;}

.application .record .inS1 {width:475px;}
.application textarea {width:565px;}
.application .record .inS2 {width:125px;}
.application .record .inS3 {width:170px;}
.application .record .inSsmall{width:30px;}


.sFont {font-size:12px; color:#666; font-style:italic;}
.sFont span {color:#333; font-weight:bold; font-style:normal;}

.details {margin:4px 10px; padding:0 5px; background:#e8e1d1;}
.details .label {float:left; width:180px; padding:3px 0;}
.details .field {margin-left:190px; padding:3px 0;

}