/* 
Title:     Nsysu Nb main styles for screen media
Author:    yorenchang@gmail.com
Updated:   Aug 06 2007
*/

html{
	background: #E6E6E6 url(../img/bg.gif) 0 0 repeat-x;
}

body{
	background: transparent url(../img/bg_bottom.gif) 0 bottom repeat-x;
	margin: 0;
	padding: 0;
	font: normal .75em/1.5em Georgia, "Times New Roman", serif;
	color: #333;
}

img{
	border: 0;
}
img.left{
	float: left;
}
img.right{
	float: right;
}
h1, h2, h3{
	margin: 10px 5px 10px 20px;
}
h1{
	font-size: 1.3em;
	color: #A36209;
}
h2{
	font-size: 1.25em;
	color: #560101;
}
h3{
	font-size: 13px;
}

p.right{
	float: right;
	padding-right: 5px;
}
#content p.right, #r-sidebar p.right{	
	margin: 0;
	font: 1em/1.2em Georgia, serif;
	color: #A36209;
}
	p.right a:link, p.right a:visited{
		font-weight: bold;
		color: #A36209;
		text-decoration: none;
	}
		p.right a:hover{
			text-decoration: underline;
			color: #D59A00;
		}

a:link{
	color: #A36209;
}
a:visited{
	color: #534741;
}
a:hover{
	text-decoration: none;
	color: #D59A00;
}

/* block for layout
------------------------------------------------*/

#wrapper{
	width: 760px;
	margin: 0 auto;
	padding: 0;
	border-top: 10px solid #BC6C00;
}

	/* english version */
	
	#wrapper.en{
		font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	} 

/* header
------------------------------------------------*/

#header{
	width: 760px;
	height: 90px;
	background: url(../img/header.jpg) 0 0 no-repeat;
	color: #fff;
	font: normal .9em/1.5em Tahoma, Arial, sans-serif;
}
	#header img{
		display: none;
	}
	#header #home{
		float: left;
	}
		#header #home a{
			display: block;
			width: 300px;
			height: 90px;
		}
	#header #menu{
		width: 200px;
		padding: 8px 5px 0 0;
		float: right;
		text-align: right;
	}
		#header #menu a:link, #header #menu a:visited {
			padding: 5px;
			color: #fff;
			text-decoration: none;
		}
		#header #menu a:hover{
			text-decoration: underline;
		}

	/* english version  */
	
	.en #header{
		background: url(../en/img/header.jpg) 0 0 no-repeat;
	}

/* menu
------------------------------------------------*/

#navi{
	height: 30px;
	padding-left: 30px;
	background-color: #9A9A9A;
}
	
	/* english version  */
	
	.en #navi a:link, .en #navi a:visited {
		padding: 0 7px;
		color: #fff;
		text-decoration: none;
		font: bold 1.2em/2em "Times New Roman", serif;
		letter-spacing: 1px;
		display: block;
		height: 30px;
		float: left;
	}
	.en #navi a:hover{
		background-color: #a36209;
		color: #fff200;
	}
	.en #navi span{
		background-color: #a36209;
		color: #fff200;
		padding: 0 7px;
		font: bold 1.2em/2em "Times New Roman", serif;
		letter-spacing: 1px;
		display: block;
		height: 30px;
		float: left;
	}


/* pop-up menu
------------------------------------------------*/

/*basic menu styling*/
.menu {float:left;font-family: arial,verdana,sans-serif;width:100%;position:relative;font-size:11px;font-weight:bold;}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu ul li {float:left;position:relative;}

/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#000;width:auto;color:#666;padding:0px 0px 0px 0px;}
* html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}

/*hide sub nav items*/
.menu ul li ul {display:none;}

/*clear the main nav bg*/
.menu ul li ul li{background:none;}

/*style for table of sub nav items*/
table {margin:-3px;border-collapse:collapse;font-size:11px;}



/*show drop-down list*/
.menu ul li:hover ul {display:block;position:absolute;top:30px;margin-top:0px;left:0;width:100%;border-top:0px solid #fff;}
/*drop-down on state*/
.menu ul li:hover ul li a {display:block;background:#e3e3e3;color:#333;height:auto;line-height:16px;padding:2px 8px 2px 8px;width:120px;border-top:0px solid #fff;}
/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {color:#fff;background: #B30000 no-repeat;background-position: 4px 8px;}


/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#000;width:auto;color:#666;padding:0px 0px 0px 0px;}
* html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}
/*hide sub nav items*/
.menu ul li ul {display:none;}

/*clear the main nav bg*/
.menu ul li ul li{background:none;}

.menu ul li a:hover {color:#B30000;background: #e3e3e3 bottom left repeat-x;}

/*positioning for sub nav*/
.menu ul li a:hover ul {display:block;position:absolute;top:30px;background:#fff;margin-top:0;marg\in-top:0px;border-top:0px solid #fff;}
/*drop-down on state*/
.menu ul li a:hover ul li a {display:block;background:#e3e3e3;color:#333;height:auto;line-height:16px;padding:2px 8px 2px 8px;width:120px;border-top:0px solid #fff;}
/*drop-down over state*/
.menu ul li a:hover ul li a:hover {color:#fff;background: #B30000 no-repeat;background-position: 4px 8px;}



/* photo
------------------------------------------------*/

.home #photo{
	width: 760px;
	height: 210px;
	background: #f9f9f9 url(../img/shadow.jpg) left bottom no-repeat ;
}
	.home	#photo img{
		padding: 10px;
	}
#photo{
	width: 760px;
	height: 110px;
	background: #f9f9f9 url(../img/shadow_single.jpg) left bottom no-repeat ;
}
	
/* main
------------------------------------------------*/

#main{
	width: 760px;
	background: url(../img/bg_main.gif) 0 0 repeat-y;
	float: left;
}

	/* left sidebar */
	
	#l-sidebar{
		width: 190px;
		height: 230px;
		float: left;
		background: #fff url(../img/bg_func.jpg) 10px 0 no-repeat;
	}
		#l-sidebar ul{
			margin: 30px 0 0 20px;
			padding: 0;
		}
			#l-sidebar ul li{
				margin: 0;
				padding: 0 0 0 14px;
				background: url(../img/blt_func.gif) 0 5px no-repeat;
				list-style: none;
			}
			#l-sidebar ul li a:link, #l-sidebar ul li a:visited{
				font-weight: bold;
				color: #fff;
				text-decoration: none;
			}
			#l-sidebar ul li a:hover{
				text-decoration: underline;
			}
	
	/* right sidebar */
	
	#r-sidebar{
		width: 170px;
		float: left;
		padding-bottom: 10px;
	}
		#r-sidebar img{
			margin: 0 5px 0 10px;
			border-bottom: 1px solid #999;
		}
		#r-sidebar ul{
			list-style: none;
			margin: 8px 5px 0 10px;
			padding: 0;
		}
			#r-sidebar ul li{
				padding-left: 13px;
				background: url(../img/blt_act.gif) 0 2px no-repeat;
				line-height: 1.3em;
			}
			#r-sidebar ul li a:link, #r-sidebar ul li a:visited{
				color: #444;
				text-decoration: none;
			}
			#r-sidebar ul li a:hover{
				text-decoration: underline;
			}
			
	/* submenu */
		
	#submenu{
		width: 170px;
		float: left;
		padding-bottom: 10px;
	}
		
		#submenu img.title{
			margin: 0 5px 0 10px;
			border-bottom: 1px solid #999;
		}
		
		#submenu ul{
			list-style: none;
			margin: 8px 0;
			padding: 0;
		}
			#submenu ul li{				
				color: Black;
				font-weight: bold;
				font-size: 13px;			
				text-indent: 10px;
				margin: 3px 0;
				padding: 0;
			}
			#submenu ul li a:link, #submenu ul li a:visited{
				display: block;
				margin: 0;
				padding: 5px 0 4px 0;
				color: #A36209;
				font-weight: normal;
				text-decoration: none;
				width: 170px;
			}
			#submenu ul li a:hover{
				background-color: #998675;
				color: #fff;
			}
				#submenu ul li img{
					padding-right: 4px;
				}
	
	/* english version */
	
	.en #submenu h1{
		color: #998675;
		margin: 10px 0 10px 10px;
	}
	
	/* Homepage content */
	
	.home #content{
		width: 400px;
		float: left;
		background-color: #fff;
		padding-bottom: 10px;
	}
		.home #content img{
			margin: 0 5px 0 10px;
			border-bottom: 1px solid #999;
		}
		.home #content dl{
			margin: 10px 5px 10px 10px;			
		}
			.home #content dt{
				color: #A36209;
				font-size: .8em;
				line-height: 1.2em;
			}
			.home #content dd{
				margin: 0 0 8px 0;
				line-height: 1.3em;
			}
			.home #content dd a:link, #content dd a:visited{
				color: #444;
				text-decoration: none;
			}
			.home #content dd a:hover{
				text-decoration: underline;
			}		
	
	/* Single page content */
	
	#content{
		width: 590px;
		float: left;
		background-color: #fff;
		padding-bottom: 10px;			
	}
		#content p{
			margin: auto 20px;
			font: 1.25em/1.6em Georgia, serif;
		}
		#content p#recordset{
			font: 1em/1.2em Tahoma, sarif;
		}
			#content p#recordset strong{
				color: #A36209;
			}
		#content dl#news{
			margin: 0 20px;
		}
			#content dl#news dt{
				color: #A36209;
				font-size: 1em;
				line-height: 1.2em;
			}
			#content dl#news dd{
				margin: 0 0 8px 0;
				font-size: 1.25em;
				line-height: 1.6em;
			}
			#content dl#news dd a:link, #content dl#news dd a:visited{
				color: #444;
				text-decoration: none;
			}
			#content dl#news dd a:hover{
				text-decoration: underline;
			}
		#content ul{
			font-size: 1.25em;
		}
		#content ul#info{
			margin: 0 20px 20px 20px;
			padding: 0;
			list-style: none;
		}
			#content ul#info li{
				margin: 0;
				padding: 0 0 0 15px;
				color: #666;
				background: url(../img/blt_arrow.gif) 0 -2px no-repeat;
				font-size: .8em;
			}
		#content img.d{
			padding: 0 20px;
		}
		
		#content table.t1{
			margin: 0 20px 20px 20px;			
		}
		#content table.t1, #content table.t1 td{
			border: 1px solid #ccc;
			border-collapse: collapse;
		}
			#content table.t1 th{
				color: #998675;
				background-color: #F9F1E4;
				padding: 5px;
				font: bold 1.25em/1.6em Tahoma, sans-serif;
			}
			#content table.t1 td{
				padding: 5px 10px;
				font: 1.25em/1.6em Tahoma, sans-serif;
			}
			#content table.t1 tr.odd{
				background-color: #f4f4f4;
			}
				#content table.t1 td a:link, #content table.t1 td a:visited{
					text-decoration: none;
				}
				#content table.t1 td a:hover{
					text-decoration: underline;
				}
		#content ul.links{
			margin: auto 20px;
			padding: 0;
			list-style: none;
		}
			#content ul.links li{
				padding: 0 0 0 19px;
				margin: 0;
				line-height: 2em;
				background: url(../img/blt_links.gif) 0 7px no-repeat;				
			}
			
	/* english version */
	
	.en #content p{
		line-height: 1.3em;
	}
	
/* footer */

#footer{
	border-top: 20px solid #BC6C00;
	background-color: #560101;
	width: 760px;
	height: 100px;
	clear: both;
	text-align: center;
}
	#footer div{		
		padding-top: 6px;
		color: #fff;
		font: normal .9em/1.5em Tahoma, Arial, sans-serif;
	}
		#footer div p{			
			margin: 0;
			padding: 0;
		}