
/* General Structure */

	body, td, th, input, textarea { /* redundant rules for bad browsers  */
		font-family: Tahoma, Arial;
		font-size: 12px;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.2em 0;
		border-bottom: 1px #ccc;
		font-family: Tahoma, Arial;
	}
	li h1, li h2, li h3, li h4, li h5, li h6 {
		border: none;
	}

	h1 { font-size: 200%; font-weight: normal; }
	h2 { font-size: 180%; font-weight: normal; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; border: 0; }

   :link { color: #039; }
   :visited { color: #636; }
   :link:hover, :visited:hover { color: #333; }
   :link:active, :link:active { color: #000; }

	:link img,
	:visited img {
		border: 0;
	}
		
	a:link,
	a:visited {
		text-decoration: none;
		color: #000066;
	}
	a:hover {
		text-decoration: underline;
		color:#0000FF;
	}
		
	body {
		background: #E1E2E3;	
		position: absolute;
		color: #000;
		width: 845px;
		position: center;	
		text-align: center;	
		border: 0;
		font-family: Tahoma, Arial;
		padding: 0px;
	}
	
	table {											/*表格默认样式*/
		border: 0;
		border-collapse: collapse;
		border-spacing: 0px;
		padd:expression(this.cellPadding=0);
	}
	
	input[type="submit"] {
		font-weight: bold;
	}
	
	#header, #mybody {
		width: 895;								/*主体宽度*/
	}
	
	#header a {
		text-align: center;
		display:inline;
		padding: 2px 7px 2px 0px;
		font-weight: bold;
		font-size: 12px;
		color: #EFEFEF;						/*菜单项颜色*/			
		text-decoration: none;
		margin: 0; 
	}	
	#header a:hover { 
		text-align: center;
		display:inline;
		padding: 2px 7px 2px 0px;
		font-weight: bold;
		font-size: 12px;
		color: #FFCC00;		
		text-decoration: underline;
		margin: 0; 
	}	
	#header a:active { 
		text-align: center;
		display:inline;
		padding: 2px 7px 2px 0px;
		font-weight: bold;
		font-size: 12px;
		color: #FFCD21;
		text-decoration: underline;
		margin: 0; 
	}	
	
	#header ul a {
		float: left;
		width: 73px;
		text-align: center;
		display: block;
		padding: 4px 0px 4px 0px;
		background: transparent url("../images/header_tab.gif") 0% -600px no-repeat;
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		text-decoration: none;
		margin: 1; 
	}
	#header ul a:hover { background-position: 0% -400px; }
	
/* Search 框*/
	#search {
		top: 0;
		right: 0;
		padding: 0 0 0 0;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	#search label { color: #fff; font-size: 100%; }
	#search input { font-size: 85%; }
	
	#search #submit {
		font-size: 85%;
		background: #5564b9;
		color: #fff;
		padding: 1px 4px;
		border-right: 1px solid #283043;
		border-bottom: 1px solid #283043;
		border-top: 1px solid #9097A2;
		border-left: 1px solid #9097A2;
	}
	
	#search #q {
		width: 170px;
		font-size: 85%;
		border:	1px solid #9097A2;
		background: #D9DBE1;
		padding: 2px;
	}
	#search #q:hover, #header form #q:focus {
		background: #fff;
	}
		
/*TEXTBOX*/

	.textbox {
		background: #FFFFFF;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.textbox-header {
		background: url("../images/box_top_left.gif") no-repeat top left;
	}
	.textbox-inner-header {
		background: url("../images/box_top_right.gif") no-repeat top right;	
	}
	.textbox-title {
		border-bottom: 1px dashed #CCCCCC;
		padding: 5px;
		margin: 5px;
	}
	.textbox-title h2{
		display: inline;
		font-size: 18px;
		color: #666666;
	}
	.textbox-content {
		padding: 15px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.textbox-bottom {
		margin-top: 20px;
		height: 20px;
		background: url("../images/box_bottom_left.gif") no-repeat bottom left;
	}
	.textbox-inner-bottom {
		height: 20px;
		background: url("../images/box_bottom_right.gif") no-repeat bottom right;
	}

/* Sidebar Panel */

	.panel {
		background: #C0DCDC url("../images/panel_bg.gif") repeat-x top left;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.panel-middle{
		background: url("../images/panel_left.gif") repeat-y top left;
	}
	.panel-inner{
		background: url("../images/panel_right.gif") repeat-y top right;
	}
	.panel-header {
		background: url("../images/panel_top_left.gif") no-repeat top left;
		height: 20px;
	}
	.panel-inner-header {
		background: url("../images/panel_top_right.gif") no-repeat top right;	
	}
	.panel-title{
		padding: 8px, 0px, 5px, 10px;
	}
	.panel-title h4{
		display: inline;
		font-size: 12px;
		font-weight: bold;
		color: #767676;
	}
	.panel-content{
		padding: 4px 10px 4px 10px;
		padding-bottom: 4px;
	}
	.panel-content a{
		color: #000066;
		text-decoration: none;
	}
	.panel-content a:hover{
		color: #FF0000;
		text-decoration: underline;
	}
	.panel-content ul{
		padding: 0px;
		margin: 0px;
		margin-left: 16px;
	}
	.panel-content li{
		padding: 0px;
		margin: 0px;
		list-style: url('../images/list_dot.gif') outside;
	}
	.panel-bottom {
		background: url("../images/panel_bottom.gif") repeat-x bottom left;
	}
	.panel-middle-bottom {
		background: url("../images/panel_bottom_left.gif") no-repeat bottom left;
	}
	.panel-inner-bottom {
		background: url("../images/panel_bottom_right.gif") no-repeat bottom right;
	}
	
	/*FOOTER*/
	
	#footer {
		margin-top: 15px;
	}
	
	#footer a {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#counter {
	}
	
	/*Tutorial*/
	.tutorial_content {
		margin: 20, 50, 40, 50;
		font-size: 12px;
		font-weight: bold;
		color: #666;
		line-height: 18px;
	}
	
	.tutorial_flash {
		text-align: center;
	}
	
	.tutorial_navigator {
		color: #888;
	}	

	.tutorial_index {
		line-height: 18px;
	}
	
	.tutorial_navigator a{
		color: #66f;
	}
