/* unset some browser default styles */
body, body * { margin:0; padding:0; font-family: Tahoma, Arial, Helvetica, sans-serif; }
p { margin: 0.8em 0; }
ul, ol { list-style:none }
h1, h2, h3, h4, h5, h6 { font-size:1.2em; margin: 0.8em 0; color: #8d0501; }
a { font-size: 1em; outline: none; }
a img, :link img, :visited img { border:none; }

/* set some global defaults */
body {
	text-align: center;
	font-size: 0.8em;
	background: #8a0000 url(../images/body-bg.jpg) top center no-repeat;
	color: #000;
}

a {
	color: #353535;
	text-decoration: underline;
}	

a:hover {
	text-decoration: underline;
	color: #8a0000;
}	

a.map {
    padding: 0 0 3px 20px;
    background: url(/site/images/map.gif) top left no-repeat;
}

a.pdf {
    padding: 0 0 3px 20px;
    background: url(/site/images/icon_pdf.gif) top left no-repeat;
}

h1 {
	font-size: 1.4em;
}

blockquote {
  background: url('/site/images/quote-left.png') top left no-repeat;
  padding: 5px 50px;
  font-style: italic;
}

cite {
  background: url('/site/images/quote-right.png') bottom right no-repeat;
  padding: 0 50px 15px;
  display: block;
}

img.top {
	vertical-align: top;
}

img.right {
	float: right;
}

img.left {
	float: left;
}

table {
  margin-bottom: 1em;
}

td {
  padding: 5px;
}

ul ul {
	margin-left: 0.3em;
	padding-left: 0.3em;
	font-size: 0.95em;
}

.clr:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#gallerydiv {display: none; margin-top: 20px;}
.gallery{float: right; width: 250px;}
.pika_main{width:600px;position: relative; float: left;}
.pika_subdiv img{border:3px solid #767676; max-width: 600px; max-heigh: 450px;}
.gallery li{float:left;display:block;position:relative;margin:0 5px;border:1px solid #151515;overflow:hidden;list-style:none; padding:0;}
.gallery li img{position:relative;cursor:pointer;}	
.pika_play{position:absolute;right:10px;z-index: 1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display:block;color:#151515;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation a{font-size: 12px;color:#151515;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;cursor:pointer;}
.pika_navigation{padding-top:10px;text-align:center; float: right; width: 250px;}
.pika_link{cursor:pointer;}

.imgright {
	float: right;
	margin: 0 0 10px 10px;
}

.clr {display: inline-block;}

div.infobox {
	margin-bottom: 10px;
}

div.infobox h2 {
	background: transparent url(../images/infobox-head.png) top left no-repeat;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
}

div.infobox p {
	margin-bottom: 5px;
}

div.infobox div.c {
	background: transparent url(../images/infobox-bg.gif) top left repeat-y;
	padding: 5px 10px;
}

div.infobox div.f {
	background: transparent url(../images/infobox-foot.png) bottom left no-repeat;
	height: 10px;
}

div.infobox table {
	margin-bottom: 0;
}

table.datatable td, table.datatable th {
	padding: 1px;
}

table.datatable th {
	background-color: #ebc78a;
}

table.datatable tr.alt td {
	background-color: #f9d8a1;
}

/* Hides from IE-mac \*/
* html .clr {height: 1%;}
.clr {display: block;}
/* End hide from IE-mac */

/* layout */
body {
  text-align: center;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

#wrapper2 {
  margin: 0;
	text-align: center;
  background: #e1e1e1 url('/site/images/footer-bg.gif') bottom repeat-x;
  min-height: 180px;
}

#header {
	background: transparent url(../images/header-bg.png) left bottom no-repeat;
	height: 150px;
}

#language {
		float: left;
		margin: 50px 0 0 385px;
		width: 35px;
}

#language ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#language li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#language li a {
	background-repeat: no-repeat;
	background-position: top left;
	border: 2px solid #B87019;
	display: block;
	margin: 0 0 10px 0;
	height: 23px;
	text-indent: -999px;
	width: 35px;
}

#language li.cn a {
		background-image: url(/site/images/flag-china.gif);
}

#language li.en a {
		background-image: url(/site/images/flag-uk.gif);
}

#logo {
	position: absolute;
	top: 10px;
	left: 7px;
	z-index: 99;
}

#nav, #navcn {
  background: transparent url(../images/nav-bg.png) top left no-repeat;
  min-height: 30px;
  padding-top: 8px;
  clear: both;
}

#hero {
  background: transparent url(/site/images/hero-bg.jpg) no-repeat scroll 50% top;
  height: 90px;
  margin-bottom: 15px;
}

#bighead #hero {
  height: 170px;
  margin-bottom: 30px;
}

#hero h1 {
  float: left;
  margin: 20px 400px 0 30px;
  color: #fff;
  font-size: 250%;
}

#bighead #hero h1 {
  margin-top: 40px;
}

#main {
  background: transparent url(../images/content-bg.gif) 0 20px repeat-y;
  min-height: 430px;
}

#maintop {
  background: transparent url(../images/content-bg-top.png) top center no-repeat;
  padding: 3px;
  min-height: 500px;
}

#mainbottom {
	background: transparent url(../images/content-bg-bottom.png) bottom left no-repeat;
	height: 10px;
}

.twocol #main {
  background: #fff url('/site/images/main-bg-2col.gif') 50% bottom no-repeat;
}

.threecol #main {
  background: #fff url('/site/images/main-bg-3col.gif') 50% bottom no-repeat;
}

#content {
	clear: both;
	float: left;
	width: 570px;
	margin: 10px 0 10px 10px;
	font-size: 110%;
}

#content.wide {
	width: 932px;
}

.threecol #content {
  width: 48%;
  margin-left: 40px;
}

#sidebar,
#sidebar_home {
  float: right;
  margin: 10px 10px 10px 0;
  width: 350px;
}

#sidebar2 {
  float: left;
  margin-left: 30px;
  width: 19%;
}

#footer {
	color: #fff;
	clear:both;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding-top: 2px;
}

#footer a {
	color: #eee;
}

#footer a:hover {
	color: #000;
}

#vcard {
  font-size: 90%;
}

#vcard .org,
#vcard .type {
  display: none;
}

#vcard .adr {
  margin-top: 10px;
  line-height: 1.5;
}

#vcard p {
  margin: 0;
  line-height: 1.5;
}

#contact fieldset {
	border: 1px solid #c0c0c0;
	margin: 2em 0;
	padding: 1em;
	font-size: 0.9em;
  -moz-border-radius: 8px;
}

#contact legend {
	border: 1px solid #DA780A;
	background-color: #DA780A;
	color: #fff;
	margin-left: 1em;
	padding: 0.2em 0.5em;
}

#contact label {
	display: block;
	width: 18em;
  padding-left: 24px;
	float: left;
	clear: left;
}

#contact label.required {
  background: url('/site/images/asterisk_orange.png') 0 0 no-repeat;
}

#contact input,
#contact select,
#contact textarea {
	margin-bottom: 0.5em;
	color: #666;
	border: 1px solid #8a0000;
	padding: 2px 4px;
}

#contact input.button {
  padding: 0.3em 0.5em;
  font-size: 120%;
  cursor: pointer;
  float: right;
  -moz-border-radius: 8px;
}

#contact label.forcheck,
#contact label.forradio {
	width: 18em;
	margin-bottom: 1em;
	clear: none;
  padding-left: 0;
}

#contact label.forcheck input,
#contact label.forradio input {
	margin-bottom: 0;
	margin-right: 0.5em;
  width: 1.8em;
  height: 1.8em;
  border: 0;
}

#contact label.forradio {
	width: 7em;
}

#contact #reasonlist {
  padding-left: 20em;
}

/* module default settings */
#nav .mod_nav ul, #navcn .mod_nav ul {
	padding: 0 10px;
}

#nav .mod_nav ul li, #navcn .mod_nav ul li {
	display: inline;
	padding: 0;
}

#nav .mod_nav ul li a, #navcn .mod_nav ul li a {
	color: #000;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 10px;
	text-decoration: none;
}

#nav .mod_nav ul li a:hover, 
#nav .mod_nav ul li.active a,
#navcn .mod_nav ul li a:hover, 
#navcn .mod_nav ul li.active a {
	color: #cc0000;
}

#banner {
	float: right;
	margin: 20px 20px 0 0;
}

#content h2 {
  margin-top: 0;
}

#content p {
  line-height: 1.2;
}

#content .mod_promobox {
	width: 45%;
	float:left;
}

#content .mod_promobox img {
	float: left;
}

#content .mod_promobox h2,
#content .mod_promobox p {
  margin-left: 70px;
}

#content .mod_promobox p.promobox_img {
  margin-left: 0;
}

#content .mod_content ul,
#content .mod_content ol {
	margin-left: 2em; 
	list-style-type: disc;
}

#content .mod_content ol {
	list-style-type: decimal;
}

#content .mod_content ul li,
#content .mod_content ol li {
	margin-bottom: 0.5em;
}

#sidebar #buttons ul {
  margin-top: 15px;
}

#sidebar #buttons ul li {
  height: 56px;
  width: 184px;
  margin-bottom: 10px;
  background: url('/site/images/button-green.gif') 50% 50% no-repeat;
}

#sidebar #buttons ul li.first {
  background: url('/site/images/button-orange.gif') 50% 50% no-repeat;
}

#sidebar #buttons ul li.last {
  background: url('/site/images/button-black.gif') 50% 50% no-repeat;
}

#sidebar #buttons ul li a {
  font-size: 140%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
  line-height: 3;
  opacity: 0.8;
text-decoration: none;
}

#sidebar #buttons ul li a:hover {
  text-decoration: none;
  opacity: 1;
}

#sidebar2 ul {
  margin-top: 15px;
  margin-left: -18px;
  font-size: 110%;
}

/*#sidebar2 ul li {
  padding-left: 25px;
}*/

#sidebar2 ul li.active a,
#sidebar2 ul li.active a:hover,
#sidebar2 ul li a:hover {
  background: url('/site/images/nav-bullet.gif') 0 3px no-repeat;
  font-weight: bold;
  color: #999;
}

#sidebar2 ul li a:hover {
  font-weight: normal;
color: #666;
}

#sidebar2 ul a {
  text-decoration: none;
  color: #999;
  padding: 0.3em 0 0.8em 25px;;
  border-bottom: 1px dotted #EFEFEF;
  display: block;
}

#footer .mod_nav h3,
#footer .mod_content h3 {
  font-size: 120%;
}

#footer .mod_nav a {
  text-decoration: none;
}

.mod_nav ul li {
  margin-bottom: 0.3em;
}

p.crumbs {
  padding: 0.5em;
  margin: -1em 2em 3em 0;
  border: 1px dashed #c0c0c0;
}

/* FAQs */
#content .faqs dl {
  padding: 10px 0;
}

#content .faqs dt {
	background: transparent url(../images/question.gif) no-repeat scroll left 10px;
	line-height: 2.5;
	margin-top: 10px;
	padding-left: 30px;
}

#content .faqs dd {
	margin: 0.8em 0 0 30px;
	padding-left: 30px;
	background: transparent url(../images/answer.gif) no-repeat scroll left top;
	min-height: 30px;
}

#content .faqs dd p {
	margin-top: 0!important;
}

#content .faqs ul {
  list-style: disc;
  margin: 1em 2em;
}

#content .faqs h3 {
  padding-left: 10px;
}

.button { background: #8a0000; border: 0; padding: 5px 10px; font-size: 120%; font-weight: bold; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.button:hover { background: #c00; }