@charset "UTF-8";

/* General */
body {
	margin:0;
	padding:0;
	color:#000;
	background-color:#fff;
	font-family:Verdana, Arial, sans-serif;
	font-size:small;
}
p {
	margin-top:5px;
}
small {
	font-size:90%;
}

/* Main Structure */
#wrapper {
	border:1px solid #006699;
	border-top:0;
	border-bottom:0;
	width:900px
}
#header {
	height:66px;
	background:url('../media/img/ngonngu.png') left no-repeat;
	background-color:#006699;
	border-bottom:1px solid silver;
}
#content {
	padding:0 4px 1em 5px;
	background-color:#fff;
}
#left {
	padding-bottom:1em;
	width:15%;
	background-color:#eee;
	text-align:left;
}
#right {
	width:20%;
	padding:3px 3px 0 0;
	background-color:#fff;
	text-align:left;
}

/* Main components */
#topMenuBar {
	text-align:right;
	vertical-align:top;
	color:silver;
	white-space:nowrap;
}
#mainMenu {
	padding:2px 0 25px 0;
	cursor:default;
}
#content #maintext {
	padding:0 10px 1px 10px;
	max-width:600px;
	text-align:left;
}
#copyleft {
	margin:0;
	background-color:#09509A;
	text-align:right;
	font-size:x-small;
}

/* Header */
#header h1 {
	margin:0;
	position:relative;
	display:none;
}
#sitename {
	width:180px;
	cursor:pointer;
}

/* Left :: Menu */
#menuName {
	text-align:center;
	color:#999;
	font-weight:bold;
	border-bottom:1px solid silver;
}
#left p.menu_name {
	margin:0;
	padding:0;
	text-indent:0;
	white-space:nowrap;
	font-size:11px;
	font-weight:bold;
}
#mainMenu ul {
	margin:0 0 4px 0;
	padding:0 3px 0px 3px;
	background-color:#e6e6fa;
}
#mainMenu ul ul {
	padding:1px 0;
	border-bottom:0;
}
#mainMenu ul li {
	margin:0;
	padding:2px 2px 1px 8px;
	list-style-type:none;
	background:url('../media/img/bt3.png') 0% 0.6em no-repeat;
	font-size:90%;
	letter-spacing:-0.05em;
	white-space:nowrap;
}
#mainMenu ul li.menuSelected {
	background:url('../media/img/bt3h.png') 0% 0.4em no-repeat;
}
#mainMenu ul ul li {
	font-family: Verdana, sans-serif;
	background:url('../media/img/bt32.png') 0% 0.6em no-repeat;
	padding:1px 2px 0 8px;
	font-size:x-small;
}

/* Left :: Misc */
p.rightcap {
	margin:1em 0 3px 0;
	border-top:1px solid silver;
	text-align:left;
	text-indent:0;
	font-size:x-small;
	font-weight:bold;
	color:#444;
}
#nnnx {
	margin:2px;
	padding:0px 8px 1em 2px ;
	font-size:x-small;
	text-align:justify;
	color:silver;
}
#nnnx:hover {
	color:blue;
}
#newbooks {
	padding:2px;
	font-size:x-small;
}
#newbooks ul {
	margin:2px 2px 2px 13px;
	padding:0;
}
#quiz {
	margin:2px;
	padding:2px;
	color:#444;
	font-size:x-small;
}
#blackHole {
	text-align:center;
	background-color:#eee;
	color:#444;
	font-size:x-small;
}

/* Center :: Index */
#update {
	text-align:left;
	color:#999;
	font-size:11px;
}
#update b {
	color:#000;
}
.update_end {
	padding-top:1em;
	text-align:left;
	color:gray;
	font-size:11px;
}
#indexNav {
	padding-right:50px;
	background:url('../media/img/indexnav.png') center no-repeat;
	font-weight:bold;
	font-size:x-small;
}
#currentpath {
	margin:15px 0 0 0;
	text-align:left;
	white-space:nowrap;
}
#currentpath span {
	padding-right:50px;
	background:#daeaf5 url('../media/img/cpend.png') right repeat-y;
}
#content #forprint {
	padding-top:.5em;
	text-align:right;
	font-weight:bold;
	font-size:x-small;
}

/* Center :: Boxes */
.notice {
	padding-bottom:5px;
	width:300px;
	border:1px solid gray;
	background-color:#eee;
}
.notice h2 {
	margin:0;
	padding:2px;
	background-color:#336699;
	color:#fff;
	font-size:11px;
}

/* Right :: Lists */
#right div {
	padding:1px;
}
#right div.rlist {
	padding-bottom:3px;
	border:1px solid gray;
	font-size:x-small;
	background-color:#eee;
}
.rlist h2, .rlist h3 {
	padding:2px;
	padding-left:3px;
	margin:0;
	white-space:nowrap;
}
.rlist h2 {
	background-color:#336699;
	color:#fff;
	font-size:11px;
}
.rlist h3 {
	background-color:#ccc;
}
#right ul, #right ol {
	margin:0;
	padding:.3em 0 .5em 20px;
	font-size:11px;
}
#right ol {
	margin-left:5px;
}
/* Right :: Boxes */
#SearchBox {
	margin-bottom:5px;
	border:1px solid gray;
	background-color:#eee;
}
#SearchBox form {
	margin:0;
	padding-bottom:10px;
	text-align:center;
}

/* Bottom */
#endlinks {
	background-color:#fff;
	border-top:2px solid #006699;
	text-align:center;
	white-space:nowrap;
}
#endlinks p {
	margin:5px;
	text-align:center;
	text-indent:0;
}
#copyleft span {
	background-color:#fff;
}
/* Links */
a:link, a:visited {
	color:#003399;
	text-decoration:none;
}
#content a:visited, #right a:visited {
	color:#0070dd;
}
a:hover, #content a:hover, #right a:hover {
	color:#ff0000;
}
#content #forprint a {
	height:20px;
	padding-left:18px;
	background:url('../media/img/printing.jpeg') left no-repeat;
	text-decoration:underline;
}
#content a[href ^="http://"], #right li a[href ^="http://"] {
	background:url('../media/img/external.png') center right no-repeat;
	padding-right:13px;
}
#topMenuBar a {
	padding:0 3px;
	text-decoration:none;
}
#topMenuBar a#hl {
	color:#ffa500;
}
#left p.menu_name a {
	display:block;
	padding:3px 3px 2px 3px;
}
#hl_menu_name a {
	background-color:#4178ed;
}
#mainMenu li a:hover {
	color:#0070dd;
}
#currentpath a {
	padding-left:10px;
	background:url('../media/img/arrow.gif') left no-repeat;
	font-weight:bold;
	font-size:x-small;
}
#endlinks a {
	color:#0071e1;
	font-size:x-small;
	font-weight:bold;
}
#endlinks a:hover {
	color:#ff0000;
}

/* Text color */
#hl_menu_name a,
#headline div.notice h2 a,
#right div.rlist h2 a {
	color:#fff;
}
#topMenuBar a,
#hl_menu_name a:hover {
	color:#eee;
}
#topMenuBar a:hover,
#right div.rlist h2 a:hover,
#headline div.notice h2 a:hover {
	color:lime;
}

/* Wrapping */
.nowrap {
	white-space:nowrap;
}