@charset "utf-8";
/* CSS Document */

a:link {color:#004B8D; text-decoration:none}
a:visited {color:#004B8D; text-decoration:none}
a:hover {color:#00ADE5; text-decoration:none}
a:active {color:#00ADE5; text-decoration:none}

a.tanya:link {color:#000000; text-decoration:underline}
a.tanya:visited {color:#000000;text-decoration:underline}
a.tanya:hover {color:#FFFFFF; text-decoration:underline}
a.tanya:active {color:#FFFFFF; text-decoration:underline}

body {
	border:none;
	margin:0;
	padding:0;
	color:#393944;
	font-family:"Myriad Pro",sans-serif;
	font:"Myriad Pro";
	font-size:100.01%;
	background-color:#004B8D;
}

h5 {
	margin:0;
	padding:0;
/*	font-size:14px; */
	font-size:medium;
	font-weight:bold;
}

/* Fix For Firefox and Google Chrome so that paragraph spacing at top like IE */
p {
	margin:0;
	padding:0;
}

ul {
	margin-top:10px;
	margin-bottom:10px;
	line-height:1.1em;
	font-size:0.8em;
	color:#097C76;
}

.chinese {
/*	font-size:14px; */
	font-size:0.9em;
}

.english {
/*	font-size:13px; */
	line-height:1.1em;
	font-size:0.8em;
}

.english_small {
	font-size:0.7em;	
}

div#shadow_container {
	position:absolute;
	border:none;
	padding:0;
	width:718px;
	height:444px;
	top:50%;
	left:50%;
	margin-top:-213px;
	margin-left:-350px;
	background:transparent url(../images/drop_shadow_layer.jpg) no-repeat;
/*	background-color:#D9C498;*/
	background-color:#004B8D;
	overflow:hidden;
}

div#container {
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;
	width:700px;
	height:426px;
	background-color:#FFFFFF;
	overflow:hidden;
}

/* margin preferred over padding where background image is used */
/* Use padding to prevent margin collapse between vertically adjacent margins */
/* Generally margins for floated boxes are not collapsed */
div#logo {
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;
	width:300px;
	height:54px;
}

div#top_bar {
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;
	width:400px;
/* Split 54px between top padding and box height to correctly align text near the bottom of the 54px height area*/
	padding-top:37px;
	height:17px;
	text-align:right;
}

div#button_bar {
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;
	width:700px;
	height:38px;
}

div#print_bar {
	display:none;
}

/* button needs to be a class and not an ID as it is used multiple times (i.e. for each button) */
div.button {
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;
	width:172px;
	height:17px;
	overflow:hidden;
}

div#main {
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;
	width:700px;
	height:317px;
}

div#main_text {
	position:absolute;
	border:none;
	margin:0;
	margin-top:10px;
	padding-left:13px;
	top:0px;
	left:0px;
	width:650px;
	height:100%;
	z-index:2;
}

div.main_column {
	position:absolute;
	border:none;
	margin:0;
	padding:0;
	width:650px;
}

div#picture_box {
	position:absolute;
	border:none;
	margin:0;
	padding:0;
	width:255px;
	height:255px;
	bottom:20px;
	right:7px;
}

div#language_link {
	position:absolute;
	border:none;
	margin:0;
	padding:0;
	width:55px;
	height:14px;
	bottom:5px;
	right:5px;
	text-align:right;
	z-index:2;
	overflow:hidden;
	font-size:0.8em;
}

div#language_link_chinese {
	position:absolute;
	border:none;
	margin:0;
	padding:0;
	width:55px;
	height:14px;
	bottom:5px;
	right:5px;
	text-align:right;
	z-index:2;
	overflow:hidden;
	font-size:0.9em;
}

div#bottom_bar {
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;
	width:700px;
	height:17px;
}

div#bottom_bar_link {
	position:absolute;
	border:none;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	width:695px;
	height:17px;
	text-align:right;
	line-height: 17px;
	font-size:xx-small;
	z-index:2;
	color:#000000;
}

div.bar_text {
	position:absolute;
	border:none;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	width:700px;
	height:17px;
	text-align:center;
/*	font-weight:bold; */
	letter-spacing:10px;
	color:#928868;
	line-height:17px;
/*	font-size:12px; */
	font-size:0.8em;
}

div.bar_text_chinese {
	position:absolute;
	border:none;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	width:700px;
	height:17px;
	text-align:center;
	letter-spacing:10px;
	color:#928868;
	line-height:17px;
/*	font-size:14px; */
	font-size:0.8em;
}

div#index_container {
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;
	width:700px;
	height:426px;
	background-color:#FFFFFF;
	overflow:hidden;
}

div#index_button_english {
	position:absolute;
	top:236px;
	left:65px;
	border:none;
	margin:0;
	padding:0;
	width:45px;
	height:14px;
	z-index:2;
	text-align:center;
/*	font-size:12px; */
	font-size:small;
}

div#index_button_chinese {
	position:absolute;
	top:236px;
	right:110px;
	border:none;
	margin:0;
	padding:0;
	width:45px;
	height:14px;
	z-index:2;
	text-align:center;
/*	font-size:14px; */
	font-size:medium;
}

