body{
	margin:0px;
	text-align:center;
	}
	
#content {
	width:1000px;
	height:430px;
	text-align:left;
	background-color:#EFF8FD;
	margin:0px auto;
	}
	
#content1 {
	width:1000px;
	text-align:left;
	background-color:#EFF8FD;
	}
	
#main{
	margin:0px auto;
	width:1003px;
	background:white;
	}

#left{
	height:214px;
	width:515px;
	background-image:url(../images/head_left.jpg);
	background-repeat:no-repeat;
	float:left;
	}
	
#right{
	height:187px;
	width:485px;
	margin-left:515px;
	}

#tab{
	float:left;
	height:26px;
	width:485px;
	background-color:#67a8d0;
	}
	
#header{
	height:214px;
	margin:0px auto;
	}

.menu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:2em;
	text-align:right;
	text-decoration:none;
	}
	
a.menu:hover{
	color:#1b4d86;
	}
	
#action{
	height:170px;
	width:185px;
	background-image:url(../images/action_zone.jpg);
	padding:40px 0px 0px 10px;
	background-repeat:no-repeat;
	}
	
#action1{
	height:170px;
	width:195px;
	background-image:url(../images/action_zone.jpg);
	padding:40px 0px 0px 2px;
	background-repeat:no-repeat;
	}
	
.text1{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	text-decoration:none;
	}
	
a.text1:hover{
	color:#3D6EA5;
	}
	
#leftmiddle{
	margin-top:4px;
	height:350px;
	width:185px;
	float:left;
	}

#leftmiddle2{
	margin-top:4px;
	width:195px;
	float:left;
	}

#pic1{
	height:170px;
	width:185px;
	margin-top:1px;
	}
	
#middle{
	height:270px;
	width:590px;
	margin:4px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2em;
	color:#949596;
	padding:3px;
	background-color:#EFF8FD;
	text-align:left;
	}

#middle1{
	height:800px;
	width:590px;
	margin-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2em;
	color:#949596;
	padding:3px;
	background-color:#EFF8FD;
	text-align:left;
	}

#banner{
	text-align:center;
	width:588px;
	height:70px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0F4D67;
	padding:3px;
	margin:0px 0px 0px 0px;
	}
	
#mainmiddle{
	width:590px;
	}
	
#member{
	float:right;
	height:170px;
	width:185px;
	background-image:url(../images/member_speak.jpg);
	padding:40px 0px 0px 10px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
#score{
	float:right;
	height:170px;
	width:185px;
	background-image:url(../images/score_board.jpg);
	padding:40px 0px 0px 10px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}	
#member_left{
	height:170px;
	width:185px;
	background-image:url(../images/member_speak.jpg);
	padding:40px 0px 0px 10px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
	
#member1{
	width:41px;
	height:51px;
	float:left;
	margin:1px 6px 0px 0px;
	}
	
#member2{
	width:41px;
	height:51px;
	float:left;
	margin:1px 6px 0px 0px;
	}

#opinion{
	width:41px;
	height:51px;
	float:left;
	margin:1px 6px 0px 0px;
	}

#benefit{
	float:right;
	height:170px;
	width:185px;
	background-image:url(../images/benefit.jpg);
	padding:40px 0px 0px 10px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
	
#footer{
	height:83px;
	width:1000px;
	background-image:url(../images/footer.jpg);
	margin-top:10px;
	}
	
#login{
	float:left;
	height:124px;
	width:300px;
	margin:35px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0268A5;
	text-align:left;
	padding-left:10px;
	font-size:13px;
	}
	
#login1{
	float:left;
	height:124px;
	width:300px;
	margin:90px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0268A5;
	text-align:left;
	padding-left:10px;
	font-size:13px;
	}
	
#btn{
	width:73px;
	height:23px;
	margin:10px 0px 0px 75px;
	}
	
#dropbtn{
	width:21px;
	height:24px;
	margin:-24px 0px 0px 230px;
	background-color:#FFFFFF;
	
	}
	
#user{
	width:175px;
	height:24px;
	margin:-24px 0px 0px 80px;
	background-color:#FFFFFF;
	}	
	
#pwd{
	width:175px;
	height:24px;
	margin:-24px 0px 0px 80px;
	background-color:#FFFFFF;
	}		
	
#logbox{
	width:75px;
	height:23px;
	margin:5px 0px 0px 5px;
	
	}

#logbox2{
	width:75px;
	height:23px;
	margin:5px 0px 0px 5px;
	}
	
#logbox1{
	width:280px;
	height:23px;
	margin:5px 0px 0px 5px;
	}
	
#colr{
	margin-top:4px;
	height:350px;
	width:185px;
	float:right;
	}	

#notice{
	height:170px;
	width:185px;
	background-image:url(../images/notice_board.jpg);
	padding:40px 0px 0px 10px;
	background-repeat:no-repeat;
	}

#link a {
	display: block;
	width: 150px;
	height: 27px;
	padding: 40px 0px 0px 10px;
	background: url(../images/img02.jpg) no-repeat;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	}

#link a:hover {
	background-image: url(../images/img03.jpg);
	}	

.text2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:1.5em;
	}
	
.text3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#0099FF;
	}
		
.text4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FF0000;
	}
		
.text5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	}	
	
.text6 {
	font-family:Arial, Helvetica, sans-serif;
	color:#b15c06;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	
	}
		
a.text6:hover {
	color:#663399;
	text-decoration:none;
	}
	
.text7 {
	font-family:Arial, Helvetica, sans-serif;
	color:#1471ad;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	
	}
	
.text8 {
	font-family:Arial, Helvetica, sans-serif;
	color:#009933;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	}
		
.text9 {
	font-family:Arial, Helvetica, sans-serif;
	color:#1471ad;
	font-size:13px;
	font-weight:bold;
	line-height:1.5em;
	}
	.text10{
	font-family:Arial, Helvetica, sans-serif;
	color: #FF3300;
	font-size:11px;
	
	
	}				
	texta1{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:9px;
	font-weight:bold;
	line-height:1.0em;
	
	}
	
#change_pic{
	height:30px;
	width:220px;
	margin:-30px 0px 0px 82px;
	}	

.box {
	border:#0099FF 1px solid;
	}
	
.heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#66a5d0;
	text-decoration:none;
	}
		
a.heading:hover {
	color:#000000;
	text-decoration:underline;
	}
		
.heading1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#660000;
	text-decoration:none;
	text-align:left;
	}	
	
.heading2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#1b4d86;
	text-decoration:none;
	}		
	
.red {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ce6b09;
	}
	
.blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#045f9e;
	}	
		
.content-text {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	text-align:justify;
	}
	
.sidemenu {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	text-decoration:none
	}	
	
a.sidemenu:hover{
	color:#FFFFFF;
	text-decoration:none;
	}	
	
.left_l_box {width:176px; float:left; background:url(../images/boxbg.gif) repeat-x;
padding:10px 0px 5px 10px; height:350px; }		
	
<!--slide tab-->
.accordion2{width:176px;}
.accordion2 h3{margin:0; cursor:pointer; font-family:Arial; font-size:13px; color:#2878B7; font-weight:bold; line-height:20px; letter-spacing:-1px; text-align:left;
padding:3px 0px 3px 0px;}
.accordion2 h3{background:url(../images/slide_down.gif) no-repeat; background-position:left; color:#2878B7; text-decoration:none;padding:5px 0px 5px 20px;}
.accordion2 h3:hover{ background:url(../images/slide_down.gif) no-repeat; background-position:left; color:#d26123; text-decoration:none;}
.accordion2 h3.active{ background:url(../images/slide_down.gif) no-repeat; background-position:left; color:#2878B7; text-decoration:none;}
.accordion2 a.topicon{display:block; background:url(../images/icon.gif) no-repeat; background-position:left; color:#2878B7; font-weight:bold; text-decoration:none; padding:5px 0px 5px 20px;}
.accordion2 a.topicon:hover{background:url(../images/icon10.gif) no-repeat; background-position:left; color:#d26123; text-decoration:none; display:block; width:150px; height:18px; background-color:#FFFFFF; border-bottom:#91c5e6 dotted 1px; border-top:#91c5e6 dotted 1px;}
.accordion2 a.topicon1{background:url(../images/icon10.gif) no-repeat; background-position:left; color:#d26123; font-weight:bold; text-decoration:none; display:block; width:150px; height:18px; background-color:#FFFFFF; border-bottom:#91c5e6 dotted 1px; border-top:#91c5e6 dotted 1px; padding:5px 0px 5px 20px;}

.accordion2 a.here1{display:block; background:url(../images/icon10.gif) no-repeat; background-position:left; color:#d26123; text-decoration:none; padding:5px 0px 5px 20px; font-weight:bold;}
.accordion2 ul{margin:0px; padding:10px 0px 10px 10px;display:none;}
.accordion2 ul li{padding:5px 0px 5px 10px; list-style-type:none; }
.accordion2 ul li a{font-family:Arial; font-size:13px; color:#494949; font-weight:bold; text-decoration:none; padding:0px 0px 0px 10px;  background:url(../images/dot.gif) no-repeat; background-position:left;}
.accordion2 ul li a:hover{color:#d26123; font-weight:bold; text-decoration:none; background:url(../images/listarrow.gif) no-repeat; background-position:right;
padding-right:20px;}
.accordion2 ul li a.here{color:#d26123; font-weight:normal; text-decoration:none; background:url(../images/listarrow.gif) no-repeat; background-position:right;
padding-right:20px; }
<!--slide tab-->	

.arrowlistmenu{
float:left;
padding:0px;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
margin:0px;
font:normal 12px arial;
color:#363636;
padding:3px 0 3px 15px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
background:url(../images/dicon.gif) no-repeat 0px 6px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color:#0F6ECC;
}

.tbox {
	border: 0; width: 150px; background-color: #ffffff;
	}
	
.member-content {
	font-family:Arial, Helvetica, sans-serif;
	color:#1b4d86;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	text-align:justify;
	padding:0px 5px 0px 5px;
	}