@charset "utf-8";
/* CSS Document */

#container{width:452px; height:435px; background:url(../imgs/about/main_bg.jpg); margin:1px auto 0 auto; padding:114px 43px 0 43px;}
#divTitle{height:20px;}
#title{float:left;}
#closeBtn{width:43px; height:17px; float:right;}
#closeBtn a:link{ background:url(../imgs/about/backBtn.jpg) no-repeat 0 0;}
#closeBtn a:visited{ background:url(../imgs/about/backBtn.jpg) no-repeat 0 0;}
#closeBtn a:hover{background:url(../imgs/about/backBtn.jpg) no-repeat 0 -17px;}

#divContent{height:350px; margin-top:30px;}
.sideLeft{width:160px; height:350px; background:#b1b1b1; float:left;}
#photo{margin:3px 0 0 0; text-align:center;}

.sideRight{width:290px; height:350px; float:left;}
.titleBar{ background:#b1b1b1; font-size:10px; color:#FFFFFF; padding-left:23px; margin-top:10px;}
.form{float:left; line-height:24px; margin-top:13px;}
#left{margin-left:22px; text-align:right; clear:left;}
#right{margin-left:14px; clear:right;}

#blockUpper{height:216px;}
#blockBottom{height:126px;}

#mailBtn a:link{ background:url(../imgs/about/mailBtn_normal.jpg)}
#mailBtn a:visited{ background:url(../imgs/about/mailBtn_normal.jpg)}
#mailBtn a:hover{background:url(../imgs/about/mailBtn_hover.jpg)}

#iJoin h2{
	padding-left:14px;
}
#iJoin a:link img{border:2px solid #979797;}
#iJoin a:visited img{border:2px solid #979797;}
#iJoin a:hover img{border:2px solid #7fb6d9;}
#iJoin ul{ list-style:none;}
#iJoin ul li{ float:left; margin:5px 0 0 12px;}