html{
	background:url(../../../share/images//bkg.gif);
	height:100%;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}

body {margin:0;}

table {font-size:100%;}

a:link, a:visited {
	text-decoration:none;
	color:#0066CC;
}
a:hover, a:focus, a:active {
	text-decoration:underline;
	color:#b64745;
}


a img {border:none;}



.chlang a:link, .chlang a:visited, .bot_menu_btn a:link, .bot_menu_btn a:visited, 
.btn_yellow a:link, .btn_yellow a:visited{
	text-decoration:none;
	color:#555555;
}
.chlang a:hover, .chlang a:focus,  .bot_menu_btn a:hover, .bot_menu_btn a:focus,
.btn_yellow a:hover, .btn_yellow a:focus{
	text-decoration:underline;
	color:#b64745;
}

#wcag {
	
	height:40px;
	
	float:right;
	margin-top:10px;
	width:105px;
	/*background:#000;
	display:none*/
	}

#main-container{
	width:778px;
	height:435px;
	background:url(../../../share/images/index_frame.png) no-repeat #FFF;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-389px;
	margin-top:-217.5px;
}
#main-container>.inner:first-child{
	/*background:#0F0;*/
	margin:13px 11px 12px 14px;
}

#top {height:58px}

	#top_l {
		float:left;
		width:206px;
		height:55px;
		background: url(../../../share/images/index_top_l.png) no-repeat;
	}
		
		#epd_logo {
			margin-top:7px;
			margin-left:3px;
		}
	
	#top_r {
		float:right;
		width:	544px;
		height:55px;
		background: url(../../../share/images/index_top_r.png) no-repeat;
	}
		/* title is img*/
		/*#site_title {
			float: right;
			margin-right: 12px;
			position: relative;
			right: 0;
			top: 13px;
		}
		
		#top_menu {
			background: none repeat scroll 0 0 ;
			clear: right;
			float: right;
			
			position: relative;
			top: 11px;
			
		}*/
		
		#site_title {
			float: right;
			margin-right: 12px;
			position: relative;
			right: 0;
			top: 7px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.1em
		}
		
			#site_title.chi {
				top:3px; 
				font-weight:bold;
				font-family:"simhei";
			}
		
		#top_menu {
			background: none repeat scroll 0 0 ;
			clear: both;
			float: right;
			
			position: absolute;
			right: 12px;
    		top: 46px;
			font-size:16px; /*no ch*/
		}
			
			.chlang{
				display:inline;
				margin-left:10px;
				position:relative;
				top:-4px;
				}

			.chlang a {
				background: url(../../../share/images/index_dotdot.png) no-repeat center left;
				padding-left:7px;
				font-size:12px;
				margin-right:10px;
			}
			
	
	#title.none {
		width: 349px;
		height:41px;
		background: url(../../../share/images/index_header_none.png) no-repeat;
		height: 41px;
		left: 186px;
		position: relative;
		top: -9px;
		width: 349px;
		clear:both;
	}
	
	#title.show {
		width: 349px;
		height:41px;
		background: url(../../../share/images/index_header.png) no-repeat;
		height: 41px;
		left: 186px;
		position: relative;
		top: -9px;
		width: 349px;
		clear:both;
		z-index:999;
	}
	
		#title p {font-size:0.913em; text-align:center;line-height: 1.8em; font-weight:bold}

#mid { 
	border:#cccccc solid 1px;
	width:752px;
	height:318px;
	position:relative;
	top:0;
	left:0;
	/*overflow:auto;*/
	}

#bot {
	margin-top:5px;
	height: 30px;
	}
	
	#bot_l {
		width:718px;
		height:26px;
		border:#cccccc solid 1px;
		float:left;
		background:#f0f0f0;
	}
	
		.bot_menu {
			vertical-align:middle;
			height:100%;
			padding: 0 8px;
			width:100%;
		}
		
		.bot_menu td {font-size:16px; /*no ch*/}
		
			.bot_menu_btn {
					background: #dce1e7 url(../../../share/images/btn_bg.png) repeat-x top; /* Old browsers */
					background: -moz-linear-gradient(top, #b7c1cb 0%, #f4faff 99%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7c1cb), color-stop(99%,#f4faff)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #b7c1cb 0%,#f4faff 99%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #b7c1cb 0%,#f4faff 99%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #b7c1cb 0%,#f4faff 99%); /* IE10+ */
					background: linear-gradient(to bottom, #b7c1cb 0%,#f4faff 99%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7c1cb', endColorstr='#f4faff',GradientType=0 ); /* IE6-9 */
					
					border: 1px solid #C7CBCF;
					display: inline-block;
					line-height: 0.875em;
					white-space:nowrap;
					
					font-size:16px; /*no ch*/
			}
			
			.bot_menu_btn_on {
					background: #b7c1cb url(../../../share/images/btn_bg_on.png) repeat-x top; /* Old browsers */
					background: -moz-linear-gradient(top, #f4faff 0%, #b7c1cb 99%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4faff), color-stop(99%,#b7c1cb)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #f4faff 0%,#b7c1cb 99%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #f4faff 0%,#b7c1cb 99%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #f4faff 0%,#b7c1cb 99%); /* IE10+ */
					background: linear-gradient(to bottom, #f4faff 0%,#b7c1cb 99%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4faff', endColorstr='#b7c1cb',GradientType=0 ); /* IE6-9 */
			}
			
				.bot_menu_btn a{
					background: url(../../../share/images/index_dotdot.png) no-repeat center left;
					padding-left:7px;
					font-size:0.75em;
					margin-right:5px;
					margin-left:4px;
					
				}
				
			.btn_yellow {
					background: #fff996 url(../../../share/images/yellow_btn.png) repeat-x top; /* Old browsers */
					background: -moz-linear-gradient(top, #ffcc00 0%, #fff996 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#fff996)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #ffcc00 0%,#fff996 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #ffcc00 0%,#fff996 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #ffcc00 0%,#fff996 100%); /* IE10+ */
					background: linear-gradient(to bottom, #ffcc00 0%,#fff996 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#fff996',GradientType=0 ); /* IE6-9 */
					
					border: 1px solid #C7CBCF;
					display: inline-block;
					line-height: 0.875em;
					white-space:nowrap;
					
					font-size:16px; /*no ch*/
			}
			
			.btn_yellow_on {
					background: #ffcc00 url(../../../share/images/yellow_btn_on.png) repeat-x top; /* Old browsers */
					background: -moz-linear-gradient(top, #fff996 0%, #ffcc00 99%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff996), color-stop(99%,#ffcc00)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #fff996 0%,#ffcc00 99%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #fff996 0%,#ffcc00 99%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #fff996 0%,#ffcc00 99%); /* IE10+ */
					background: linear-gradient(to bottom, #fff996 0%,#ffcc00 99%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff996', endColorstr='#ffcc00',GradientType=0 ); /* IE6-9 */
			}
			
				.btn_yellow a{
					font-weight:bold;
					font-size:0.75em;
					margin-right:5px;
					margin-left:5px;
					
				}
			
			#chapter_menu { min-width:265px; *width:265px;  font-size:1em;}
			#chapter_menu.chi  { min-width:365px; *width:365px;}
				
			#chapter_text { display:none; }
			
			.chapter {
				list-style:none;
				margin:0;
				padding: 0 10px;
				position:relative;
				top:0;
				left:0;
			}
				.chapter li { float:left; margin:0 3px;}
				.chapter li a div.ch_no { 
					display:block; 
					border: 1px solid #C7CBCF;
					padding: 0 3px;
					font-size:12px; /*no ch*/
					}
				.chapter li a:link div.ch_no, .chapter li a:visited div.ch_no {
					text-decoration:none;
					font-weight:normal;
					color:#555555;
				}
				.chapter li a:focus div.ch_no, .chapter li a:hover div.ch_no {
					font-weight:bold;
					color:#b64745;
					background:#FFFFFF;
				}
				
				#chapter1.active a:link div.ch_no{ background: none repeat scroll 0 0 #b9cfe0; }
				#chapter2.active a:link div.ch_no{ background: none repeat scroll 0 0 #f4b990; }
				#chapter3.active a:link div.ch_no{ background: none repeat scroll 0 0 #f8e0a7; }
				#chapter4.active a:link div.ch_no{ background: none repeat scroll 0 0 #e3b78e; }
				#chapter5.active a:link div.ch_no{ background: none repeat scroll 0 0 #baa3f8; }				
				#chapter6.active a:link div.ch_no{ background: none repeat scroll 0 0 #a0cda1; }
				#chapter7.active a:link div.ch_no{ background: none repeat scroll 0 0 #f6a4a5; }
				
				.chapter li a:link div.home, .chapter li a:visited div.home {
					width:10px; min-height:15px; 
					background:url(../../../share/images/home.png) no-repeat center center;
				}
				.chapter li a:hover div.home, .chapter li a:focus div.home {
					background:url(../../../share/images/home_on.png) no-repeat center center #ffffff;
				}
				
				
				.chapter li a div.ch_title{ 
					height: 1px;
					left: 0;
					overflow: hidden;
					position: absolute;
					bottom: 0px;
					width: 1px;}
				.chapter li a:hover div.ch_title, .chapter li a:focus div.ch_title{  
					background: none repeat scroll 0 0 #FFFFFF;
					opacity:0.8;
 					filter:alpha(opacity=80);
					border: 1px solid #CCD5DD;
					bottom: 3px;
					display: block;
					padding:0 10px;
					left: 13px;
					position: absolute;
					white-space: nowrap;
					text-decoration:none;
					color:#555555;
					font-weight:bold;
					font-size:0.688em;	
					
					overflow:visible;
					top:auto;
					width:auto;	
					min-width:170px;
					text-align:center;
					height:auto;
				}
				
	
	#bot_r {
		background:url(../../../share/images/index_sound_bg.png) no-repeat;
		height:27px;
		width:29px;
		float:right;
	}

.landing{
	background:url(../../../share/images/epd_index_book.gif) no-repeat center center;
}

.loading{
	background:url(../../../share/images/loading.gif) no-repeat center center;
}

#content_container {position:relative; top:0; left:0}

.bg {
	position:relative; display:none; width:752px; height:315px; 
	background-repeat:no-repeat; background-position:center center;
}


.accessContent, .hidden {
	height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -5000px;
    width: 1px;
	}

#skiptocontent {
	left: 50%;
	margin-left: -6.5em;
	margin-top: 0;
	padding: 0 0.5em;
	position: absolute;
	width: 12em;
	z-index: 50;
	}

#skiptocontent #skipwrapper { 
	background: #444;
	background: rgba(0,0,0,0.6);
	color: #fff;
	display: block;
	line-height: 2;
	padding: 0;
	text-align: center;
	text-decoration: none;
}


#skiptocontent a:link, #skiptocontent a:visited {color: #fff; text-decoration::none;}
#skiptocontent a:hover,  #skiptocontent:focus {color: #fff; text-decoration:underline;}

.jump2bottomMenu{background: none repeat scroll 0 0 #FFFFFF; border:solid 1px #FFFFFF; font-size:0.813em; position:absolute;}
 .jump2top {background: none repeat scroll 0 0 #FFFFFF; border:solid 1px #FFFFFF; font-size:0.813em; position:absolute;}
 
.wrap{
	-ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto
}

.nowrap {white-space:nowrap}