* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(../pic/img01.jpg) repeat-x ;
        background-position: center top;;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	 
}

h1 {
	font-size: 197%;
	 
}

h2 {
	font-size: 167%;
	 
}

h2 a{
	text-decoration: none;
}



h3 {
	margin-bottom: 1em;	
	color: #000000;
}
h4{
	border: none;
	padding: 5px 0 0 15px;
	text-align: ;
}

h4 a:link{
	color: #000000;
	text-decoration: none;
}

h4 a:hover{
	color: #FF0000;
	text-decoration: none;
}


h5{
	font-size: 100%;
	color: #000000;
	text-align: left;
	padding-left: 80px;
}

h6{
	font-size: 100%; 
	text-align: center;
	padding: 5px 0 10px 0;
}

h7{	
	padding: 5px 0 0 0;
	font-size: 100%; 
	text-align: center;
	color: #ff0000; 
}	

h8{
	font-size: 100%;
	color: #000000;
	text-align: left;
	 
} 
 
p{
	margin-bottom: 1.5em;
	line-height: 1.6em;
}

p {
}

ul, ol {
	margin-bottom: 0.5em;

}
 

ol {
}

ul {
	list-style: none;
}

ul li {
	padding-left: 20px;
	
}

a:link {
	color: #3490F8;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline ; #F89934;
	color: #F89934;
}

a:visited {
	color: #3490F8;
	text-decoration: none;
	
}

img {
	border: none;
	vertical-align: middle;	
	margin: 0 5px 0 0;	
}

/* Boxes */

.box-orange {
	background-color: #ffffff;
	border: solid 1px #999999;
}

.box-orange .section {
	background-color: #ffffff;
	font-size: 100%;
	color: #000000;
	
}

.box-orange .section b {
	display: block;
	height: 23px;
	padding: 7px 0 0 10px;
	background-color: #ffffff ;
}

.box-orange .content {
	padding: 20px;
}/*瞻繙瞻疇穢M瞻W簧?繞Z*/


.box-pink {
	background-color: #cccccc;  
}

.box-pink .section {
	background: #000000;
	font-size: 100%;
	color: #ffffff;
}

.box-pink .section b {
	display: block;
	height: 23px;
	padding: 7px 0 0 10px;
	background: #999999 ;
}

.box-pink .content {
	padding: 0px;
}


/* apDiv */
#apDiv2 {
	position:absolute;
	top:0;
	width:1024px;
	height:121px;
	z-index:-1;
	background-image: url(../pic/BG1.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	right: auto;
	bottom: auto;
	clear: none;
	float: left;
	left: -32px;
	overflow: visible;
	clip: rect(auto,auto,auto,auto);
	visibility: visible;
}
#apDiv3 {
	position:absolute;
	left:-32px;
	top:0px;
	width:203px;
	height:77px;
	z-index:1;
	background-image: none;
	visibility: visible;
}



/* Header */

#header {
	width: 960px;
	height: 92px;
	margin: 0 auto;
	position: relative;	
	background: ;
}

#feeds {
	height: 15px;
	margin: 0 auto;
	padding-top: 6px;
	text-align: right;
	 
}

#feeds b {
	display: none;
}

#feeds a {
	padding: 0 0 0 6px;
	color: #00086D;	
	text-decoration: none; 
}

#feeds a:hover {
	text-decoration: none;
	color:#666666;
}	

/*Adlet*/

#adlet {
	position: absolute;
	float: left;
	left: 680px;		
	background: ;
	top:45px;
	z-index: 4;
}



/* Logo */

#logo {
	float: left;
	
}

#logo h1, #logo h2 {
	float: left;
}

#logo h1 {
	padding-top: 38px;
	padding-left:10px;
	font-size: 40px;
	font-weight: normal;
	font-family: Lucida Console, Arial, Helvetica, sans-serif;
}/*Trebuchet MS", Arial, Helvetica, sans-serifLucida Console*/

#logo h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #265791;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 300px;
}/*P-T---L*/

#logo a {
	text-decoration: none;
	color: #FFFF00;
}

#logo input {
	top: 30px;
	padding: 3px 5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top:45px;
	left: 300px;
}

#searchinput {
	width: 130px;
	margin-top: 5px;
	background: #FFFFFF url(../pic/iglass.png) right no-repeat;
	color: #666666;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: normal;

}

#searchsubmit {
	padding: 0 2px;
	background: #F4A652 url(../pic/img03.gif) repeat-x;
	border: 1px solid #000000;
	text-transform: lowercase;
}

/* Menu */

#menu {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 5px;
}

#menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
	margin-right: 1px;
	padding: 0;
	background: #FFFFFF;
}

#menu a {
	display: block;
	float: left;
	background: url(../pic/img05.jpg) no-repeat;
	text-decoration: none;
	color: #666666;
}

#menu a:hover {
	color: #F7931D;
}

#menu b {
	display: block;
	float: left;
	height: 23px;
	padding: 7px 20px 0 20px;
	background: url(../pic/img06.jpg) no-repeat right top;
	cursor: hand;	
}

#menu li.active {
	background: #ffffff ;
}

#menu li.active a {
	background: url(../pic/img08.jpg) no-repeat right top;
	color: #C90404;
}

#menu li.active b {
	background: url(../pic/img07.jpg) no-repeat;
}

/*Menulist*/
#menulist {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 65px;
	top: 2px;
	width: px;
	height: 30px;
	background:  url(../pic/menu.jpg) repeat-x;
}
#menulist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menulist li {
	float: left;
	width: 80px;
	margin: 0;
	background:  url(../pic/menu.jpg) repeat-x;
	padding: 5px;

}
#menulist li a {
	color: #666666;
	background: # url(../pic/) no-repeat;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
#menulist li a:hover {
	color: #EC8602;
	background:  url(../pic/bullet.jpg) 0% 50% no-repeat;
}
#menulist li.active a {
	background:  url(../pic/bullet1.jpg) 0% 50% no-repeat;
	color: #000000;
}

/*Menulist2*/
#menulist2 {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 160px;
	top: 2px;
	width: px;
	height: 30px;
	background:  url(../pic/menu.jpg) repeat-x;
}
#menulist2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menulist2 li {
	float: left;
	width: 120px;
	margin: 0;
	background:  url(../pic/menu.jpg) repeat-x;
	padding: 5px;

}
#menulist2 li a {
	color: #666666;
	background: # url(../pic/) no-repeat;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
#menulist2 li a:hover {
	color: #EC8602;
	background:  url(../pic/bullet.jpg) 0% 50% no-repeat;
}
#menulist2 li.active a {
	background:  url(../pic/bullet1.jpg) 0% 50% no-repeat;
	color: #000000;
}

/*Menulist3*/
#menulist3 {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 150px;
	right: 150px;
	top: 2px;
	width: px;
	height: 30px;
	background:  url(../pic/menu.jpg) repeat-x;
}
#menulist3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menulist3 li {
	float: left;
	width: 100px;
	margin: 0;
	background:  url(../pic/menu.jpg) repeat-x;
	padding: 5px;

}
#menulist3 li a {
	color: #666666;
	background: # url(../pic/) no-repeat;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
#menulist3 li a:hover {
	color: #EC8602;
	background:  url(../pic/bullet.jpg) 0% 50% no-repeat;
}
#menulist3 li.active a {
	background:  url(../pic/bullet1.jpg) 0% 50% no-repeat;
	color: #000000;
}

/* stat Menu */
#statmenu {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 350px;
	top: 2px;
	width: px;
	height: 30px;
	background:  url(../pic/menu.jpg) repeat-x;
}
#statmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#statmenu li {
	float: left;
	width: 120px;
	margin: 0;
	background:  url(../pic/menu.jpg) repeat-x;
	padding: 5px;

}
#statmenu li a {
	color: #666666;
	background: # url(../pic/) no-repeat;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
#statmenu li a:hover {
	color: #EC8602;
	background:  url(../pic/bullet.jpg) 0% 50% no-repeat;
}
#statmenu li.active a {
	background:  url(../pic/bullet1.jpg) 0% 50% no-repeat;
	color: #000000;
}

/* Footer */

#footer {
	padding: 20px;
	border-top: 1px solid #999999;
	background-attachment: scroll;
	background-image: url(../pic/BG2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #96DFFF;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 85%;
}

#footer a {
	text-decoration: none;
	font-weight: normal;
	color: #FF6600;
	 
}

#footer a:hover {
	text-decoration: none;
	color:#000000;
}

/* title for privacy legal copyright */
#title {                           
  	position: absolute;  
	top: 5px;
  	left: 0px;
  	display: block;           
  	background: #666666;      
  	padding: 0 20px 5px 20px;
  	font-size: 16px;
  	color:#ffffff;
  	font-weight:normal;
}
/*Privacy*/
#privacy {                     
	position: relative;  
  	background: #ffffcc # url(../pic/) repeat-x;            
  	background-position:top left;          
  	font-size:13px;
  	padding: 30px;
	margin:0 auto;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	width: 500px;
  	padding-top:20px;

}

#privacy ol{
	padding: 40px 5px 5px 10px;
	text-align: left;


}


#privacy ol li{
	padding: 0px 0 5px 0px;
	text-align: left;
	color: #000000;
	letter-spacing: 1px;
}

#privacy ul{
	padding: 0px 0 0px 27px;

}

#privacy ul li{
	padding:0;
	color: #666666;	
	letter-spacing: 1px;
}

#privacy ul.ula{
	padding: 0px 0 0px 14px;
	text-align: left;
	list-style-type: lower-roman;

}	


/*Legal*/
#legal {                     
	position: relative;  	
  	background: #ffffcc # url(../pic/) repeat-x;            
  	background-position:top left;          
  	font-size:13px;
  	padding: 20px;
	margin:0 auto;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	width: 500px;
  	padding-top:20px;

}

#legal  ol{
	padding: 0px 5px 5px 10px;
	text-align: left;
}


#legal  ol li{
	padding: 0px 0 5px 0;
	text-align: left;
	color: #666666;
	letter-spacing: 1px;
}

#legal  ul{
	padding: 0px 0 0px 15px;
	text-align: left;

}

#legal  ul li{
	padding:0;
	color: #000000;	
	letter-spacing: 1px;
	text-align: left;
}

#legal ul.ula{
	padding: 0px 0 0px 14px;
	text-align: left;
	list-style-type: lower-roman;

}	

#legal dir {
	font: 12px/24px Arial, Helvetica, sans-serif;
	width: 500px;	
	height: 350px; 
	background: # ;
	margin-left: 10px;
}


/*Copyright*/
#copyright {                     
	position: relative;  
  	background: #ffffcc # url(../pic/) repeat-x;            
  	background-position:top left;          
  	font-size:13px;
  	padding: 30px;
	margin:0 auto;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	width: 500px;
  	padding-top:20px;

}

#copyright ol{
	padding: 40px 5px 5px 10px;
	text-align: left;


}


#copyright ol li{
	padding: 0px 0 5px 0px;
	text-align: left;
	color: #000000;
	letter-spacing: 1px;
}

#copyright ul{
	padding: 0px 0 0px 27px;

}

#copyright ul li{
	padding:0;
	color: #666666;	
	letter-spacing: 1px;
}


/* index Page */

#index_page{
	width: 960px ;
	padding: 25px 0 0px 0;
	height: 820px;
	margin: 0 auto;
	background: #ffffff url(../pic/index.jpg) no-repeat;
	
}

/* Page */
#page {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0 30pX 0;
	text-align: center;
	position: relative;		
	 	 
}
#page h2 img{
	vertical-align: middle;
	padding: 0 8px;
}

#loginprofile{
	background-color: #ffffff; 	
	margin: 0 auto;
	width: 800px;
	text-align: left;
} 	 
#profiletf {
	margin: 0 auto;	
	width: 200px;
	text-align: center;
	background-color: #ffffff;	
} 

#profilec {
	margin: 0 auto;
	width: 700px;
	text-align: left;
	background-color: #ffffff;
	border-left: 1px dotted #3399cc;
	border-right: 1px dotted #3399cc;
	padding-left: 50px;
}

/* news page */
#newslist{
	position: absolute;
	left: -220px;
	top: 0px;
	width: 180px;
	background: # url(../pic/) no-repeat;
}

#newslist h1{
	height:30px; 
	background: # url(../pic/) 20% 20%  no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
}
#newslipanel {
	position: absolute;	
	width:180px; 
	padding: 0 0 0 0;
	left: 0px;
	top: 0px;
	background: # url(../pic/) no-repeat;
}
#newslipanel h1 {
	height:30px; 
	background: # url(../pic/ )   no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 15px;
	text-align: left;
	font-weight: bold;
	border-bottom: 2px solid #FF9900;
}
#newslipanel h2 {
	height:45px; 
	background:  url(../pic/left_h1.png) 0 0 no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
	font-weight: normal;
}
#newslipanel h3 {
	height:px; 
	padding:0px 40px 0 0px;
	background: # url(../pic/) 80% 80% no-repeat ;
	font-size: 12px; 
	color: #666666;
	text-align: right;
	font-weight: normal;
}

#newslipanel ul {
	font: 12px/24px Arial, Helvetica, sans-serif;
	padding: 10px 5px 5px 5px;
	width: 180px;
	background:# ;
}

#newslipanel ul li {
	background: # url(../pic/) left bottom repeat-x;
	padding:0;
	text-align: left;
	padding: 0 0 0 10px; 
	color: #000000;
}

#newslipanel ul li a {
	text-align: left;
	height:26px; 
	display:block; 
	padding: 0 0 0  0px; 
	color:#393939;
	background:#;
	color: #666666;

}

#newslipanel ul li a:hover {
	background: # url(../pic/) 3% 50% no-repeat; color:#FF0033;
	text-decoration: none;
	padding: 0 0 0 12px;
}

#newsbody {                     
  	position: relative;  
  	background: #ffffff # url(../pic/) repeat-x; 
  	background-position:top left;          
  	font-size:13px;
  	padding: 10px;
	margin:0 auto;
  	margin-bottom: 15px;
  	LINE-HEIGHT: 1.7em;
  	width: 500px;
  	padding-top:20px;

}

#newsdate {                           
  	padding: 5px 5px 5px 0;
  	text-align:right;
  	font-size: 11px;
  	margin-bottom:-8px;
  	color: #666666;
 	background: #cccccc # url(../pic/) repeat-x;      
  	background-position:bottom left;       
	border-bottom: 1px solid #cccccc;
}


#newstitle {                           
  	position: absolute;  
	top: 5px;
  	left: 0px;
  	display: block;           
  	background: #ffffff;      
  	padding: 0 20px 5px 20px;
  	font-size: 16px;
  	color:#000000;
  	font-weight:normal;
	border: 2px solid #333333;
}

#newsbody p{
	margin:0 ;
	text-align: left;

}

#newsbody img{
	position: center bottom;
	margin: 10px 0 10px 0;
} 


p.policy{
	margin: 0;
	text-align: left;
	padding:7px 0 0 5px;
	border-bottom: solid 2px #cccccc;
	padding-bottom: 10px;
}
p.policy2{
	margin: 0;
	text-align: left;
	padding: 7px 0 0 5px;
	
}
p.s1{
	font-size: 14px;
	font-weight:normal;
	color:  ;
	padding: 20px 0 0 5px;
	text-align: left;
}
p.s2{
	padding: 20px 0 0 5px;
	font-size: 14px;
	font-weight:bold;
	color: #000000 ;
	text-align: left;
}
p.s3{
	font-size: 14px;
	font-weight: bold;
	color:  ;
	padding: 20px 0 0 5px;
	text-align: left;
}
p.s4{   
	font-size: 14px;
	font-weight: normal;
	color:  ;
	padding:20px 0 0 5px;
	text-align: left;
	text-indent: 26px;
}	
p.s5{   
	font-size: 14px;
	font-weight: normal;
	color:  ;
	padding:20px 0 0 5px;
	text-align: left;
	text-indent: 52px;
}
p.s6{   
	font-size: 14px;
	font-weight: bold;
	color:  ;
	padding:20px 0 0 5px;
	text-align: left;
	text-indent: 26px;
}	
p.s7{   
	font-size: 14px;
	font-weight: bold;
	color:  ;
	padding:20px 0 0 5px;
	text-align: left;
	text-indent: 52px;
}

p.c1{
	margin: 0;
	text-align: left;
	padding:7px 0 0 5px;
	text-indent: 27px;
}

p.c2{
	margin: 0;
	text-align: left;
	padding:7px 0 0 5px;
}

p.c3{
	margin: 0;
	text-align: left;
	padding:7px 0 0 33px;
}

p.c4{
	margin: 0;
	text-align: left;
	padding:7px 0 0 58px;
}


/*Rightbox*/

#rightbox{
	position: relative;
	float: right;
	width: 200px;
	text-align: center;
	height: 160px;
	background: # url(../pic/) no-repeat;
	background-position: bottom;
	padding: 20px 0 20px 0;
}

#rightbox img{
	position: bottom;
}


/* login page */
#login {
	background-color: #ffffff; 
	height: 500px;		
	margin: 0 auto;
	width: 500px;
	text-align: center;
}
#login h1{
	padding-bottom: 20px;
}

#login p{
	padding-top: 5px;
	margin-bottom: 0.5em;

}

#inputtext3, #inputtext4 {
	width: 130px;
}
 

/* INDEX Login*/

#index_login{
	position: absolute;
	width: 180px;
	height: 125px;
	top: 15px;
	right: 50px;

}

#index_login h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0 5px 40px;
	color: #000000;

}

#index_login p{
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
	color: #000000;
	text-align: left;
	padding: 10px 0 5px 0px;
}

#index_login form {
}

#index_login fieldset {
	border: none;
	text-align: left;
	padding: 5px 0 5px 10px;
}

#index_login legend {
	display: none;
}

#index_login label {
	font-size: small;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding: 0px 0 5px 0px;
}

#index_login input {
	padding: 2px 5px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#inputtext1, #inputtext2 {
	width: 115px;
	margin-top: 5px;
}

#inputsubmit1 {
	float: right;
	background: #000000;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: normal;
	margin-right: 10px;
	margin-top: 10px;
}

/*Primary*/

#primary{
	float: right;
	width: 580px;
	margin-left: margin-right: -200px;
	background: # ;
	height: 800px;
	position: relative;	
	
}

#primary li{
}

#alpha{
	position: absolute;
	left: 0px;
	top: 30px;
	width: 380px;
	height: 485px;
	background:  url(../pic/alpha_bg.jpg) no-repeat;
}

#alpha h1{
	height:60px; 
	background: # url(../pic/) 20% 20%  no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
}




#beta{
	position: absolute;
	width: 380px;
	height: 300px;	
	background: url(../pic/beta_bg.jpg) no-repeat;
	left: 0px;
	top: 500px;
}

#beta li{
}
/*-------------------------------------------------------*/
#gama{
	position: absolute;
	width: 200px;
	height: 450px;	
	background: url(../pic/teacher.png) no-repeat;
	left: 380px;
	top: 200px;

}	
/*-------------------------------------------------------*/

/*newsrelease*/

#newsrelease{
	position: relative;
	float: left;
	width: 350px;
	background: # ;
	height: 330px;	
	left: 20px;
	top: 5px;
}


#newsrelease li{



}



/*leftbox*/

#leftbox{
	float: left;
	width: 320px;
	background: #;
	height: 150px;	
	margin-top: 10px;
	margin-left: 40px;
	padding:0 0 0px 0px;	
}
	
#leftbox h1{
	height:55px; 
	background:  url(../pic/leftbox_h1.jpg) 0 0 no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
	font-weight: normal;
}	
#bottombox{
	float: left;
	width: 320px;
	background: #;
	height: 150px;	
	margin-top: 15px;
	margin-left: 40px;
	padding:0 0 0px 0px;	
}
#bottombox h1{
	height:55px; 
	background:  url(../pic/bottombox_h1.jpg) 0 0 no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
	font-weight: normal;
}	

#leftpanel {
	position: absolute;	
	width:320px; 
	height: 300px; 
	padding:0 0 0px 10px;
	left: 20px;
	top: 26px;
	background:  url(../pic/news_bg.jpg) 10% 10%  no-repeat;
}
/**/
#leftpanel h1 {
	height:60px; 
	background: # url(../pic/) 90% 20%  no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 10px;
	text-align: left;
}
#leftpanel h2 {
	height:45px; 
	background:  url(../pic/left_h1.png) 0 0 no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
	font-weight: normal;
}
#leftpanel h3 {
	height:18px; 
	padding:0px 40px 0 0px;
	background: url(../pic/more_btn_botom.gif) 87% 50% no-repeat ;
	font-size: 12px; 
	color: #000000;
	text-align: right;
}

#leftpanel ul {
	font: 12px/24px Arial, Helvetica, sans-serif;
	padding:0px 4px 5px 20px;
	width: 250px;
	background:# ;
}

#leftpanel ul li {
	background:url(../pic/dotted_black_border.gif) left bottom repeat-x;
	padding:0;
}

#leftpanel ul li a {
	text-align: left;
	height:26px; display:block; 
	padding:0 0 0 30px; color:#393939;
	background:#;
	color: #000000;

}

#leftpanel ul li a:hover {
	background: url(../pic/buttom01.jpg) 3% 50% no-repeat; color:#FF0033;
}




/*-----------------------------------------------------------------------*/

#list{
	float: center;
	width: 680px;
	padding: 25px 0 0px 0;
	height: 460px;
	overflow: auto;
	margin: 0 auto;
	background: #ffffff url(../pic/duration_bg03.jpg) no-repeat;
}
#listsearch{
	float: left;
	width: 180px;
	height: 150px;
	text-align: left;
	background: #   url(../pic/) no-repeat;
	background-position: bottom;
	padding: 220px 0 20px 30px;
}

#listsearch img{
	position: bottom;
}



#listsearch h7{	
	padding: 10px 0 0 10px;
	font-size: 100%; 
	text-align: center;
	color: #000000; 
	font-weight: bold;
}


#listsearch h3 {
	height:20px; 
	padding:5px 45px 0 0px;
	background: url(../pic/more_btn_botom.gif) 75% 55% no-repeat ;
	font-size: 12px; 
	color: #000000;
	text-align: right;
}

#listsearch ul {
	font: 12px/24px Arial, Helvetica, sans-serif;
	width: 200px;
	background:# ;
	padding:0 ;
}

#listsearch ul li {
	padding: 5px 0 0 10px ;
}

#listsearch dir {
	font: 12px/24px Arial, Helvetica, sans-serif;
	width: 150px;	
	height: 60px; 
	background: # ;
	overflow: scroll;
	margin-left: 10px;
}

#listsearch dir li {
	padding: 0 0 0 10px  ;
	background: #  ;
}

#listsearch p{
 	color: #000000;
	width: 100px;
	background: #ffffff ;
}

/* Content */

#content {
	float: left;
	width: 940px;
}

/* colcenter */

#colcenter {
	margin-bottom: 20px;
}

/* Sidebar */
#sidebar {
	 
}


#sidebar .colright {
	width: 200px;
	float: right;
}

#sidebar .colleft {
	width: 10px;
	float: left;
	padding-right:00px;
}

/* NEWS BOX */
#newsalpha{
	position: absolute; 
	left: -220px;
	top: 120px;
	width: 200px;
	height: 200px;
	background: #cccccc # url(../pic/) no-repeat;
}

#newsalpha h1{
	height:60px; 
	background: # url(../pic/) 20% 20%  no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
}


#newsbeta{
	position: absolute;
	width: 200px;
	height: 200px;	
	background: #000000 # url(../pic/) no-repeat;
	left: -220px;
	top: 350px;
}

#newsbeta li{
}

#newsboxA{
	position: absolute; 
	right: -220px;
	top: 120px;
	width: 200px;
	height: 200px;
	background: #cccccc # url(../pic/) no-repeat;
}

#newsboxA h1{
	height:60px; 
	background: # url(../pic/) 20% 20%  no-repeat;
	font-size: 18px;
	color: #000000;
	padding: 5px 0 0 20px;
	text-align: left;
}


#newsboxB{
	position: absolute; 
	width: 200px;
	height: 200px;	
	background: #000000 # url(../pic/) no-repeat;
	right: -220px;
	top: 350px;
}

#newsboxB li{
}

/*natlist*/
#natbody {                     
  	position: relative;  
  	background: # url(../pic/) no-repeat;            
  	background-position:top left;          
  	font-size:13px;
  	padding: 10px;
	margin:0 auto;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	width: 500px;
  	padding-top:20px;

}


#natborder {                           
  	padding: 0 5px 0 0;
	height: 50px;
  	text-align:right;
  	font-size: 11px;
  	margin-bottom:-8px;
  	color: ;
 	background:  url(../pic/border.jpg)  no-repeat;      
  	background-position: top center;       
}

#nattitle1 {                           
  	position: absolute;  
	top:  5px;
  	left: 0px;
  	display: block;           
  	background: #FFFFFF;      
  	padding: 0px 20px 5px 20px;
  	font-size: 16px;
  	color:#000000;
  	font-weight:normal;
	border: 2px solid #333333;
}
#nattitle1 a {
	color: #000000;
}	
#nattitle1 a:hover {
	background: # url(../pic/) 3% 50% no-repeat; color:#666666;
	text-decoration: none;
}

#natpanel {
	position: absolute;	
	width:460px;	
	padding: 50px 0 0 20px;
	left: 0px;
	top: 0px;
	background: # url(../pic/) no-repeat;
}

#natpanel ul {
	font: 12px/24px Arial, Helvetica, sans-serif;
	padding: 10px 5px 5px 10px;
	width: 460px;
	background:# ;
}

#natpanel ul li {
	background: # url(../pic/)  no-repeat;
	padding:0;
	height:26px;
	text-align: center;
	padding: 10px 20px 0 20px; 
	color: #000000;
	border-bottom: 1px dotted #cccccc;

}


#natpanel ul li a {
	float: left;
	text-align: left;
	height:26px;
	width: 300px; 
	display:block; 
	padding: 0 0 0 20px; 
	color:#393939;
	background: url(../pic/bullet01.jpg) 0% 50% no-repeat; 
	color: #000000;

	
}
#natpanel ul li a:hover {
	background: url(../pic/bullet.jpg) 0% 50% no-repeat; 
	color:#FF0033;
	text-decoration: none;
}

#natpanel h3 {
	text-align: right;
	font-size: 14px;
		

}

/*baglist*/
#bagbody {                     
  	position: relative;  
  	background: # url(../pic/) no-repeat;            
  	background-position:top left;          
  	font-size:13px;
  	padding: 10px;
	margin:0 auto;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	width: 500px;
  	padding-top:20px;

}

#bagborder {                           
  	padding: 0 5px 0 0;
	height: 50px;
  	text-align:right;
  	font-size: 11px;
  	margin-bottom:-8px;
  	color: ;
 	background:  url(../pic/border.jpg)  no-repeat;      
  	background-position: top center;       
}

#bagtitle1 {                           
  	position: absolute;  
	top:  5px;
  	left: 0px;
  	display: block;           
  	background: #FFFFFF;      
  	padding: 0px 20px 5px 20px;
  	font-size: 16px;
  	color:#000000;
  	font-weight:normal;
	border: 2px solid #333333;
}

#bagtitle1 a {
	color: #000000;
}	
#bagtitle1 a:hover {
	background: color:#666666; # url(../pic/) 3% 50% no-repeat; 
	text-decoration: none;
}
#bagtitle2 {                           
  	position: absolute;  
	top: -15px;
  	left: 140px;
  	display: block;           
  	background: #FFCC00;      
  	padding: 5px 20px 5px 0;
  	font-size: 16px;
  	color:#000000;
  	font-weight:normal;
}
#bagtitle2 a {
	color: #000000;
	padding: 0 0 0 20px;
}	
#bagtitle2 a:hover {
	background: # url(../pic/) 3% 50% no-repeat; 
	color:#666666;
	text-decoration: none;
	padding: 0 0 0 20px;
}
#bagtitle3 {                           
  	position: absolute;  
	top: -15px;
  	left: 250px;
  	display: block;           
  	background: #FFCC00;      
  	padding: 5px 20px 5px 20px;
  	font-size: 16px;
  	color:#000000;
  	font-weight:normal;
}
#bagtitle3 a {
	color: #000000;
}	
#bagtitle3 a:hover {
	background: color:#666666; # url(../pic/) 3% 50% no-repeat; 
	text-decoration: none;
}
#bagpanel {	
	width:460px;	
	padding: 0px 0 0 20px;
	background: # url(../pic/) no-repeat;
}

#bagpanel ul {
	font: 12px/24px Arial, Helvetica, sans-serif;
	padding: 10px 5px 5px 10px;
	width: 460px;
	background:# ;
}
/********/
#bagpanel ul li {
	background: # url(../pic/)  no-repeat;
	padding:0;
	height:26px;
	text-align: center;
	padding: 10px 20px 0 20px; 
	color: #000000;
	border-bottom: 1px dotted #cccccc;

}

#bagpanel ul li a {
	float: left;
	text-align: left;
	height:26px;
	width: 300px; 
	display:block; 
	padding: 0 0 0 20px; 
	color:#393939;
	background: url(../pic/bullet01.jpg) 0% 50% no-repeat; 
	color: #000000;

	
}
#bagpanel ul li a:hover {

	background: url(../pic/bullet.jpg) 0% 50% no-repeat; 
	color:#FF0033;
	text-decoration: none;
}

#natpanel h3 {
	text-align: right;
	font-size: 14px;
		

}

/*loginframe input*/

#loginframe  input {
	padding: 4px 5px 3px 5px;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#inputsubmit1 {
	float: center;
	width: 50px;
	background: #666666;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 13px;
	font-weight: normal;
	margin-right: 10px;

}

#inputsubmit2 {
	float: center;
	width: 60px;
	background: #999999;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 13px;
	font-weight: normal;
	margin-right: 10px;

}

/* bg01 */

#bg01 {
  	position: relative;
	margin:0 auto;
  	font-size:13px;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	padding-top:0px;
  	background: #ffffff;
height: 400px;	
}

#bg02{                     
  	position: relative;
	margin:0 auto;
  	font-size:13px;
  	margin-bottom: 15px;
  	line-height: 1.7em;
  	padding-top:0px;
  	background: #ffffff;
height: 1100px;	

}

/* iexambar */

#iexambar {
	height: 44px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 5px;
	background: #8c8c8c;
vertical-align:middle; 
}

#iexambar ul{
      border:0;
      margin:0;
      padding:0;
      list-style-type:none;   
vertical-align:middle; 
}

#iexambar ul li{
      display:block;
      float:left;
      text-align:center;
      padding:0;
      margin:0;
      width:160px;
      height: 44px;
      background: url(../pic/menu01.png) no-repeat;  
vertical-align:middle; 
}

#iexambar ul li a{
      display: block;
      float: left;
      width:160px;
      height: 44px;
      display:block;
      line-height:2em; 	
      text-decoration: none;
      text-align: center;
vertical-align:middle; 
}

#iexambar a:hover {
      background: url(../pic/menu02.png) no-repeat; 
vertical-align:middle;  
}

/*rightq*/
#rightq{
height:30px;
width:400px;
background: #000000;
}

/*wrongq*/
#wrongq{
height:30px;
width:133px;
background: #000000;
}

/*skipq*/
#skipq{
height:30px;
width:133px;
background: #000000;
}

/*rightp*/
#rightp{
height:30px;
width:400px;
background: #B51412 url(./pic/point.png);
}

/* exam_Menu 

#exam_menu {
	position: relative;
	height: 30px;
	padding-bottom: 5px;
	background: #e2e2e2;
}

#exam_menu ul{
      border:0;
      margin:0;
      padding:0;
      list-style-type:none;   
}

#exam_menu ul li{
      display:block;
      float:left;
      text-align:center;
      padding:0;
      margin:0;
      width:110px;
      height:45px;
      background: url(../pic/exam_menu01.png) no-repeat;  
}

#exam_menu ul li a{
      display: block;
      float: left;
      width:110px;
      height:45px;
      display:block;
      line-height:2em; 	
      text-decoration: none;
      text-align: center;
}*/

#exam_menu a:hover {
      background: url(../pic/exam_menu02.png) no-repeat;  
}

/*exam_Menulist*/
#exam_menulist {
	margin: 0 auto;
	text-align: center;
	position: relative;
	left: 65px;
	top: 2px;
	width: px;
	height: 30px;
	background:  url(../pic/menu.jpg) repeat-x;
}
#exam_menulist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#exam_menulist li {
	float: left;
	width: 90px;
	margin: 0;
	background:  url(../pic/menu.jpg) repeat-x;
	padding: 5px;

}
#exam_menulist li a {
	color: #666666;
	background: # url(../pic/) no-repeat;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
#exam_menulist li a:hover {
	color: #EC8602;
	background:  url(../pic/bbullet.jpg) 0% 50% no-repeat;
}
#exam_menulist li.active a {
	background:  url(../pic/bullet1.jpg) 0% 50% no-repeat;
	color: #000000;
}

/* exam_Menu */

#exam_menu {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 0px;
	background: #;
	border-bottom: 1px solid #999999;
}

#exam_menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#exam_menu li {
	display: block;
	float: left;
	margin-right: 1px;
	padding: 0;
	background: #e2e2e2;
}

#exam_menu a {
	display: block;
	float: left;
	background: url(../pic/exam_menu01.png) no-repeat;
	text-decoration: none;
	color: #666666; 
        text-align: center;
}

#exam_menu a:hover {
	color: #3399ff;
}

#exam_menu b {
	display: block;
	float: left;
	height: 23px;
	padding: 7px 20px 0 20px;
	background: url(../pic/) no-repeat right top;
	cursor: hand;	
}

#exam_menu li.active {
	background: #ffffff ;
}

#exam_menu li.active a {
	background: url(../pic/) no-repeat right top;
	color: #C90404;
}

#exam_menu li.active b {
	background: url(../pic/img07.jpg) no-repeat;
}

/*exam_table*/
#exam_table{
position: relative;
left: 220px;
height:300px;
width:400px;
background: ;
}
/*exam_email*/
#exam_email{
position: absolute;
height:300px;
width:300px;
left: 650px;
top:100px;
background: ;
}

/*exam_analyze*/
#exam_analyze{
position: relative;

margin: 0 auto;
background:  ;
/*display: none;*/
}

/*exam_sheet*/
#exam_sheet{
position: relative;
top:50px;
background: ;
display: none;
}

/*exam_timer*/
#exam_timer{
position: relative;
top:110px;
background: ;
display: none;
}