@charset "utf-8";
/* CSS Document */
a:focus {outline: none}
a:active:focus
{
text-decoration:none;
}
body
{
margin:0px;
font-family: "Verdana" ,Helvetica, Tahoma, Arial,  sans-serif, Calibri;
font-size:11px;
color:#333333;
}
#main
{
width:900px;
margin:auto;
border-left:1px #333333 solid;
border-right:1px #333333 solid;
}
#main img
{
border:none;
}
#top
{
width:880px;
height:106px;
margin:auto;
display:block;
}

#logo
{
float:left;
width:225px;
height:106px;
margin:0px 64px 0px 0px;
}
.fl-left
{
float:left;
}

#header
{
width:888px;
margin:0px auto 0px auto;
clear:both;
font-size:0px;
height:240px;
}
#menu
{
width:880px;
margin:5px auto 0 auto;
background:url(../images/menubg-r.gif) no-repeat top right;
height:30px;
font-size:12px;
}
#menu img
{
vertical-align:middle;
}

#menu a
{
color:#333333;
text-decoration:none;
margin:0px 10px 0px 10px;
}
#menu a:hover
{
color:#0066CC;
text-decoration:underline;
margin:0px 10px 0px 10px;
}
#menu a:active
{
color:#0066CC;
text-decoration:none;
margin:0px 10px 0px 10px;
}
#steps
{
margin:20px auto 20px auto;
padding:10px 0 10px 0 ;
border-bottom:1px #B5B5B5 dashed;
border-top:1px #B5B5B5 dashed;
width:880px;
height:86px;
}
#subj
{
background:url(../images/subbg-r.gif) no-repeat top right;
width:880px;
height:85px;
margin:auto;
text-align:left;
vertical-align:middle;
}
#subj a
{
display:block;
padding:13px 0px 0px 0px;
color:#FFFFFF;
text-decoration:none;
font-size:11px;
font-weight:bold;
text-align:center;
}
#subj a:hover
{
display:block;
padding:13px 0px 0px 0px;
color:#FFCC00;
text-decoration:none;
font-size:11px;
font-weight:bold;
text-align:center;
}
#subj .sub1
{
background:url(../images/sub1.gif) no-repeat top left;
width:113px;
height:28px;
}
#subj .sub2
{
background:url(../images/sub2.gif) no-repeat top left;
width:111px;
height:28px;
}
#subj .sub3
{
background:url(../images/sub3.gif) no-repeat top left;
width:112px;
height:28px;
}
#subj .sub4
{
background:url(../images/sub4.gif) no-repeat top left;
width:112px;
height:28px;
}
#subj .sub5
{
background:url(../images/sub5.gif) no-repeat top left;
width:111px;
height:28px;
}
#subj .sub6
{
background:url(../images/sub6.gif) no-repeat top left;
width:111px;
height:28px;
}
#subj .sub7
{
background:url(../images/sub7.gif) no-repeat top left;
width:130px;
height:28px;
}
#philo
{
width:880px;
margin:16px auto auto auto;
padding:20px 0 0 0;
border-top:1px #b5b5b5 dashed;
}
#philo .philo-hdr
{
background:url(../images/philo-r.gif) no-repeat top right;
height:31px;
color:#FFFFFF;
font:14px;
font-weight:bold;
}
#philo .philo-mdl
{
background:url(../images/philo-m.gif) repeat-y top left;

}
#footer
{
background:url(../images/footer-r.gif) no-repeat top right;
height:50px;
width:880px;
margin:10px auto 0px auto;
clear:both;
}
#footer a
{
font-size:11px;
color:#000000;
text-decoration:none;
}
#footer a:hover
{
font-size:11px;
color:#000000;
text-decoration:underline;
}
#footer .copyright
{
font-size:9px;
color:#333333;
}
#footer .copyright a
{
font-size:9px;
color:#000000;
text-decoration:none;
}
#footer .copyright a:hover
{
font-size:9px;
color:#000000;
text-decoration:underline;
}

/* innre page css */
.clearfix1 {
clear:both;
display:block;
font-size:1px;
visibility:hidden;
height:1px;
}  

#header_in
{
width:888px;
margin:0px auto 0px auto;
clear:both;
height:126px;
}
#wrap
{
width:880px;
margin:10px auto 0 auto;
}
#subj_in
{
float:left;
width:170px;
}
#subj_in .middle-bg
{
background:url(../images/subject-menu-m.gif) top left repeat-y;
}
#subj_in a
{
display:block;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
/*background:url(../images/subject-menu-ico.gif) 0px 10px no-repeat;*/
padding:5px 0 0 10px;
}
#subj_in a:hover
{
display:block;
font-size:12px;
color:#FFCC00;
font-weight:bold;
text-decoration:none;
/*background:url(../images/subject-menu-ico.gif) 0px 10px no-repeat;*/
padding:5px 0 0 10px;
}

#subj_in .sub-bg
{
display:block;
width:160px;
height:20px;
background:url(../images/subject-menu-bg.gif) top left repeat-x;
}
#container
{
float:right;
margin:0px 0px 0px 9px;
}
#container1
{
width:700px;
margin:10px auto 10px auto;
}
#container-term
{
float:left;
width:700px;
margin:0 0 0 0;
}
#heading_cont
{
background:url(../images/content-bg-t.gif) left top no-repeat;
width:690px;
height:27px;
font-size:12px;
font-weight:bold;
color:#333333;
vertical-align:middle;
padding:5px 0px 0px 10px;
text-align:left;
}
#heading_cont1
{
background:url(../images/content-bg-t.gif) left top no-repeat;
width:690px;
height:22px;
font-size:12px;
font-weight:bold;
color:#333333;
vertical-align:middle;
padding:10px 0px 0px 10px;
text-align:center;
}
#conten-m
{
background:url(../images/content-bg-m.gif) left top repeat-y;
width:690px;
padding:5px;
}
.ptag p
{
margin:0px;
padding:0px;
line-height:25px;
}
.ptag1 p
{
margin:0px;
padding:0px;
line-height:15px;
}
.ptag2 p
{
margin:0px;
padding:0px;
line-height:20px;
}
#abtext-menu
{
float:right;
width:500px;
height:18px;
margin:0 5px 0 0;
padding:2px 0 0 0;
text-align:right;
display:inline-block;
}
a.hwd 
{
display:inline-block;
padding:3px 5px 4px 5px;
background:url(../images/abt-btn-bg.gif) 0px 0px no-repeat;
font-size:12px;
color:#FF6600;
text-decoration:none;
font-weight:bold;
text-align:center;
margin:0 0 5px 10px;
}
a.hwd:hover
{
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
}
a.ate 
{
display:inline-block;
padding:3px 20px 4px 25px;
background:url(../images/abt-btn-bg.gif) 0px 0px no-repeat;
font-size:12px;
color:#FF6600;
text-decoration:none;
font-weight:bold;
text-align:center;
margin:0 0 5px 10px;
}
a.ate:hover
{
display:inline-block;
padding:3px 20px 4px 25px;
background:url(../images/abt-btn-bg.gif) 0px 0px no-repeat;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
text-align:center;
margin:0 0 5px 10px;
}
a.ate1 
{
display:inline-block;
padding:3px 40px 4px 30px;
background:url(../images/abt-btn-bg.gif) 0px 0px no-repeat;
font-size:12px;
color:#FF6600;
text-decoration:none;
font-weight:bold;
text-align:center;
margin:0 0 5px 10px;
vertical-align:middle;
}
a.ate1:hover
{
display:inline-block;
padding:3px 40px 4px 30px;
background:url(../images/abt-btn-bg.gif) 0px 0px no-repeat;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
text-align:center;
margin:0 0 5px 10px;
vertical-align:middle;
}
a.contact-mail
{
font-size:12px;
color:#333333;
text-decoration:underline;
}
a.contact-mail:hover
{
font-size:12px;
color:#333333;
text-decoration:none;
}
a.contact-mail2
{
font-size:12px;
color:#0080FF;
text-decoration:underline;
}
a.contact-mail2:hover
{
font-size:12px;
color:#0080FF;
text-decoration:none;
}
.ul-tbl ul
{
float:left;
width:100px;
display:block;
margin:0px;
padding:0px;
list-style:none;
}
.ul-tbl li
{
padding:10px 0 0 10px;
}
.boxshadow_r
{
background-image:url(../images/box_r_shadow.gif);
background-repeat:repeat-y;
width:8px;
background-position:left;
}
.boxshadow_b
{
background-image:url(../images/box_b_shadow.gif);
background-repeat:repeat-x;
height:8px;
background-position:left;
}
.boxshadow_crnr
{
background-image:url(../images/shadow_cornr.gif);
background-repeat:no-repeat;
width:8px;
height:8px;
background-position:left;
}
.brdr_all
{
border:1px #CCCCCC solid;
}
/* innre page css */

.lin-ht
{
line-height:15px;
}
.margin0-t
{
margin-top:0px;
}
.margin10-t
{
margin-top:10px;
}
.margin10-tb
{
margin-top:10px;
margin-bottom:10px;
}
.margin10-b
{
margin-bottom:10px;
}
.margin10-l
{
margin:0px 0px 0px 10px;
}
.margin5-l
{
margin:0px 0px 0px 5px;
}
.margin28-r
{
margin:0px 20px 0px 0px;
}
.margin34-t
{
margin:34px 0px 0px 0px;
}
.padding5-all
{
padding:5px;
}
.padding5-t
{
padding-top:5px;
}
.padding8-t
{
padding-top:8px;
}
.padding10-t
{
padding-top:10px;
}