body {
	background-color: #FFFFFF;
	font-family:Helvetica,Arial,sans-serif;
}

#head {
	background-color: #F0F0F0;
	width:1024px;
	height:120px;
}

#index_pic {
	background-color: #FFFFFF;
	width:327px;
	height:310px;
	float: left;
}

#index_mbdata {
	background-color: #BFBFBF;
	border:	2px dotted gray;
	margin-right: 10px;
	padding: 10px 10px 10px 20px;
	width:652px;
	height:310px;
	float:right;
}

#content {
	background-color: #F0F0F0;
	width:1014px;
	height:350px;
	padding-left: 10px;
	padding-top:10px;
}

#content .li1{
	color:darkblue;
}

#content .li2{
	color:green;
}

#footer {
	background-color: #BFBFBF;
	width:1014px;
	height:38px;
	text-align:right;
	padding-right:10px;
	padding-top:10px;
}


#footer img{
	color:grey;
	text-decoration:none;
	border:none;
}

#fb img{
	color:white;
	text-decoration:none;
	border:none;
	background-color:white;
}

.main {
	background-color: #F0F0F0;
	border: 1px solid black;
	width:1024px;
	height: 863px;
	text-align: left;
	margin:auto;
}

.container {
	border:	2px dotted gray;
	width:98%;
	
	margin-bottom:	1em;
	padding: 0 1em;
}

.personality th {
	width:200px;
	text-align:left;
}

.personality td {
	width:400px;
}

.personality li {
	margin-left: -30px;
}

.inactive {
	color:grey;
}

body .cbox {
	background-color: #FCFBC4;
	border:	2px dotted gray;
	margin-bottom:	1em;
	padding: 0 1em;
}