body{background:url('../images/background4.gif') repeat;}
h2 {
	color: #007499;
	font-style: italic;
}
a:link,a:visited,a:hover,a:active{
	font-style: normal;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
	
}
#container {
	margin: 0 auto;
	width: 998px;
	background-color: #FF982F;
	color: #000;
}

#header img  {
	margin: 0 auto;
}

#content {
	background-color: #FF982F;
}
#banner{
float:left;
margin-bottom:20px;
padding-top: 25px;
}
#ctn-create-button{
	float:left;
	margin:0 60px 0 20px;
}
#ctn-create-button p{
	margin-bottom:15px;
}
#ctn-join{
	float:right;
}
#create_join {
	height:300px;
	margin-bottom: 1px;
	padding:0 0 0 10px;
}


#boxes1 .long_box, #boxes1 .short_box {
	background-color: #FFF;
	width:90%;
	border: 1px solid;
}
#boxes2 .long_box, #boxes2 .short_box {
	background-color:#C4C4C4;
	
}
.pic {
	width: 120px;
	float: left;
	padding-top: 11px;
}

.short_box .introduce p {
	width: 160px !important
}
.long_box .introduce p , .short_box .introduce p{
	width: 200px;
	float: left;
	padding-top: 10px;
	margin-bottom: 10px;
}
.team{margin-bottom:1.5em;}
.team-leader{
	background:#fff;
	border: 1px solid #000;
	float: right;
	margin-right: 20px;
	padding: 15px 10px;
	width:900px;
}
.pic {
	float: left;
	width: 120px;
}
.introduce{
	float: left;
	margin-bottom: 10px;
	width: 200px;
}
.join{
	float: left;
	margin: 0 10px;
	width: 120px;
}
.join-btn{
	background:#008080;
	height: 50px;
	padding: 15px 0 15px;
	text-align: center;
}
.join a:link,.join a:visited,.join a:hover,.join a:active{color:#ff982f;}
.about {
	float: left;
	text-align: center;
	width: 380px;
	font-style: italic;
}
.icons {
	float:left;
	padding-left:20px;
	width:40px;
}
.icons ul {
	list-style: none;
	margin:0;
	padding:0;
}
.team-member{
	background-color: #fff;
	border: 1px solid #000;
	border-top:none;
	padding: 15px 10px;
	float: right;
	margin-right: 20px;
	width: 750px;
}
.team-member .introduce{
width:180px;
margin-right:10px;
}

.closed .team-leader, .closed .team-member{
background:#ccc;
}
.closed .join{
background:#999999;
color:#000;
font-weight:bold;
}

.pagination {
	padding:0 10px 20px 0;
	text-align:right;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:block}
* html .clearfix{height:1%}



.error
{
	color:#FFBA75;
}



.loginputtxt {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	height:18px;
	padding:3px 0 2px 5px;
	width:250px;
	color:#333333;
}


.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #9FA7FF; color: #514721; border-color: #5F6CFF; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


.after_success
{
	clear:both;width:100%;
}

.frm-signup .error{
border:0;
padding:0;
}
.create-register-message{
padding:0 10px;
}