body {
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, Sans-serif;
}

html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #contents {
	height: auto;
}

#contents {
	position: absolute;
	top: 0;
	left: 0;
}

#header {
	border-top: 1px solid #778899;
	border-bottom: 1px dotted #B2BCC6;
	height: 85px;
}

#header .strapline {
	font: 120% Georgia, "Times New Roman", Sans-serif;
	color: #778899;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.5em;
}

#header .logo {
	margin-left: 15em;
	margin-top: 0.5em;
}

#nav {
	width: 30em;
}

#nav ul {
	list-style: none;
	margin-left: 1em;
	padding-left: 0;
}

#nav ul ul{
	list-style: disc;
}

#nav li {
	font-size: 100%;
	border-bottom: 1px dotted #B2BCC6;
	margin-bottom: 0.3em;
	padding-left: 5px;
}

#nav li li{
	font-size: 80%;
	border-bottom: 1px dotted #FFF;
}

#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #2A4F6F;
	background-color: transparent;
}

#nav a:hover {
	color: #778899;
}

#nav h2 {
	font: 110% Georgia, "Times New Roman", Sans-serif;
	color: #2A4F6F;
	background-color: transparent;
	border-bottom: 1px dotted #CCCCCC;
}

#content {
	margin-left: 15em;
	margin-right: 2em;
	margin-bottom: 3em;
}

#content h1 {
	background: url("./images/h1_back.gif") left center no-repeat ;
	padding: 8px 0px 0px 20px;
	font: 150% 標楷體, "Times New Roman", Sans-serif;
}

#content h2 {
	padding: 8px 0px 0px 0px;
	font: 120% 標楷體, "Times New Roman", Sans-serif;
}
#content h3 {
	background: url("./images/h3_back.gif") left center no-repeat ;
	padding: 8px 0px 0px 20px;
	font: 150% 標楷體, "Times New Roman", Sans-serif;
}
#content p {
	font-size: 95%;
	line-height: 1.8em;
	padding-left: 1.2em;
}

#content p strong {
	color: red;
}

blockquote {
	font: 110% 標楷體;
	width: 36em;
	background:#e8f7e8;
	border-left:2px solid #afcd70;
	color:#898D67;
	letter-spacing:.05em;
	margin-top:15px;
	margin-bottom:15px;
	padding:6px;
}

#footer {
	position: absolute;
	bottom: 0;
	clear:both;
	width: 100%;
	border-top: 1px dotted #AAAAAA;
	background-color: #CCCCCC;
	color: #626262;
	font-size: 70%
}

#footer p {
	margin: 0.5em 0 1em 2em;
	padding: 0;
}

#navbar {position: absolute;top: 8em;left: 1em;
font-family: Times, "Times New Roman", serif;font-size: 95%}

#navbar h2 {
	font-size: 110%;
	font-weight: bold;
	color: #2A4F6F;
	background-color: transparent;
	border-bottom: 1px dotted #CCCCCC;
}

#navbar ul {margin: 0px;padding: 0px;}

#navbar ul li {margin: 0px;padding: 0px;list-style-type: none; }

#navbar ul li a:link, #navbar ul li a:visited {
display: block;
width: 175px;
text-decoration: none;
color: #777;
background-color:#EE9900;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-top: 1px #ffe solid;
border-left: 1px #fff solid;
border-bottom: 1px #ccc solid;
border-right: 1px #aaab9c solid; 
}

#navbar ul li a:hover, #navbar ul li a.current {
color: #484751;
background-color: #cdeae1;
border-top: 1px #ccc solid;
border-left: 1px #aaa9bc solid;
border-bottom: 1px #ffe solid;
border-right: 1px #fff solid;
}

.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 90%;
}

.datatable td {
	border: 1px solid #D6DDE6;
	padding: 4px;
}

.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
}

.datatable caption {
	font: 1.1em 標楷體, "Times New Roman", verdana, Arial, Sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}

.datatable tr.altrow {
	background-color: #DFE7F2;
	color: 000000;
}

.datatable tr:hover, .datatable tr.hilite {
	background-color: #FFCCFF;
	color: 000000;
}

.datatable a:link, .datatable a:visited {
	text-decoration: none;
}

.left_img {
	float: left;
}

.contact {
	font-weight: bold;
	background: url(./images/addr_bak.gif) repeat-x top center;
}