/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background: #4B99DB url('../images/body_bg.jpg') repeat-x;
	margin: 0;
	padding: 0;
	color: #333;
}

a:active, a:focus {
	cursor: auto;
}

* html body {
	text-align: center;
}



body, p, li, div, span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body, p, blockquote, table, td, th, li, a, ul, ol, dd, dl, dt,
form, button, fieldset, label, select, option, input, textarea {
	/* font-size: 100%; */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

code, code span {
	font-size: 10.0pt;
	font-family: "Courier New", Courier, monospace;
}

.fontSize200 {
	font-size: 20.0pt;
}

.fontSize195 {
	font-size: 19.5pt;
}

.fontSize190 {
	font-size: 19.0pt;
}

.fontSize185 {
	font-size: 18.0pt;
}

.fontSize180 {
	font-size: 17.5pt; 
}

.fontSize175 {
	font-size: 17.0pt;
}

.fontSize170 {
	font-size: 16.5pt;
}

.fontSize165 {
	font-size: 16.0pt;
}

h1 {
	margin-top: 0;
}

h1, .h1Size, .fontSize160 {
	font-size: 15.0pt;
}

.fontSize155 {
	font-size: 14.5pt;
}

h2, .h2Size, .fontSize150 {
	font-size: 14.0pt;
}

.fontSize145 {
	font-size: 13.5pt;
}

h3, .h3Size, .big, .fontSize140 {
	font-size: 13.5pt;
}

.fontSize135 {
	font-size: 13.0pt;
}

h4, .h4Size, .fontSize130 {
	font-size: 13.0pt;
}

.fontSize125 {
	font-size: 12.0pt;
}

h5, .h5Size, .fontSize120 {
	font-size: 11.5pt;
}

.fontSize115 {
	font-size: 11.0pt;
}

h6, .h6Size, .fontSize110, h1.headline, h2.headline, h3.headline, h4.headline, h5.headline, h6.headline {
	font-size: 10.5pt;
}

.body2Bold, .bodyBold {
	font-weight: bold;
}

.fontSize105 {
	font-size: 10.0pt;
}

.fontSize100, .topPage {
	font-size: 10.0pt;
}

.fontSize95 {
	font-size: 9.5pt;
}

.fontSize90 {
	font-size: 9.0pt;
}

.mediumFont, .fontSize85 {
	font-size: 8.5pt;
}

.fontSize80 {
	font-size: 8.0pt;
}

.smallFont, .fontSize75 {
	font-size: 7.5pt;
}

.fontSize70 {
	font-size: 7.0pt;
}

a img {
	border: none;
}

/*=Layout
-------------------------------------------------------------------------------------- */
.core { padding: 10px; }

.page {
	width: 780px;
	background: #FFF;
	margin: 0 auto;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	width: 100%;
}


div.tooltip {
	border: 1px solid InfoText;
	background: InfoBackground;
	color: InfoText;
	font: message-box;
	padding: 2px 4px;
	text-align: left;
	position: absolute;
	width: auto;
	height: auto;
}

div.safetooltip {
	z-index: 21000;
	border: 1px solid #000;
	background-color: #ffc;
	color: #000;
	font: 0.85em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	text-align: left;
	position: absolute;
	width: auto;
	height: auto;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip {
	float: left;
}

div.cwm {
	text-align: right;
}

div.fip, div.cwm {
	position: relative;
	z-index: 1;
}
div.fip { z-index: 2; }

* html div.fip, * html div.cwm {
	position: static;
}

*:first-child+html div.fip, *:first-child+html div.cwm {
	position: static;
}

/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner, div.banner-eng, div.banner-fra, div.banner-lfcoa-eng, div.banner-lfcoa-fra {
	width: 760px;
	min-height: 6.27em;
	text-align: center;
	margin-top: 3.14em;
	position: relative;
	z-index: 1;
	background: url(../images/CHIN-Website-Banner-01.jpg) 0 50% no-repeat;
	background-color:#114a91;
}
div.banner1 { background-image: url(../images/CHIN-Website-Banner-01.jpg); }
div.banner, div.banner2 { background-image: url(../images/CHIN-Website-Banner-02.jpg); }
div.banner3 { background-image: url(../images/CHIN-Website-Banner-03.jpg); }
div.banner4 { background-image: url(../images/CHIN-Website-Banner-04.jpg); }
div.banner5 { background-image: url(../images/CHIN-Website-Banner-05.jpg); }

* html div.banner, * html div.banner-eng, * html div.banner-fra, * html div.banner-lfcoa-eng, * html div.banner-lfcoa-fra {
	position: static;
}

*:first-child+html div.banner, *:first-child+html div.banner-eng, *:first-child+html div.banner-fra, *:first-child+html div.banner-lfcoa-eng, *:first-child+html div.banner-lfcoa-fra {
	position: static;
}

div.banner-eng, div.banner-fra {
	min-height: 80px;
	padding-bottom: 0px;
	height: 80px;
}

div.banner-lfcoa-eng, div.banner-lfcoa-fra {
	min-height: 115px;
	padding-bottom: 0px;
	height: 115px;
	margin-top: 5px;	
}

img.coa, img.lf {
	width: 5.08em;
	height: 5.08em;
	margin-top: -2.74em;
	margin-bottom: -0.34em;
	padding: 0;
}

* html img.coa, * html img.lf {
	position: relative;
}

div.banner-lfcoa-eng img.coa, div.banner-lfcoa-eng img.lf, div.banner-lfcoa-fra img.coa, div.banner-lfcoa-fra img.lf {
	display: none;
}

div.banner p.main {
	font-family: "Century Gothic", sans-serif;
	font-weight: bold; 
	font-size: 17.5pt;
	margin: 0;
	padding: 0;
	color: #fff;
}

div.banner p.siteuri {
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	font-weight: lighter; 
	font-size: 10.5pt;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: 100;
}

div.banner-eng p.main, div.banner-eng p.siteuri, div.banner-fra p.main, div.banner-fra p.siteuri, div.banner-lfcoa-eng p.main, div.banner-lfcoa-eng p.siteuri, div.banner-lfcoa-fra p.main, div.banner-lfcoa-fra p.siteuri {
	height: 0; 
	width: 0; 
	overflow: hidden;
	float: right;
	font-size: 0;
	position: absolute;
	top: -100px;	
}
/* INSTUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */
div.navaid, p.navaid, h1.navaid, h2.navaid, .navaid {
	height: 0; 
	width: 0; 
	overflow: hidden;
	float: right;
	font-size: 0;
	position: absolute;
	top: -100px;
}
div.navaid a, p.navaid a, h1.navaid a, h2.navaid a, .navaid a {
color: #FFFFFF;
}
/*
div.page div.core div.navaid {
	font-size: 100%;
	float: none;
	overflow: visible;
	max-width: 50%;
	height: auto;
	top: 0;
	margin-left: 210px;
	margin-right: 200px;
	color: #FFF;
}
*/
*:first-child+html div.page div.core div.navaid {
	font-size: 90%;
}

div.page div.core div.navaid a {
	color: #FFF;
	border-color: #FFF;
	padding: 5px;
	font-size: 100%;
	line-height: 140%;
	vertical-align: middle;
	border-width: 1px 1px 1px 1px;
	border-style: none;
	white-space: nowrap;
	position: relative;
	z-index: 0;
}

div.page div.core div.navaid a:hover, div.page div.core div.navaid a:active, div.page div.core div.navaid a:focus {
	border-style: solid;
	text-decoration: underline;
	z-index: 2;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

div.navaid, p.navaid, h1.navaid, h2.navaid, .navaid {
	float: right;
	font-size: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: -100px;
	width: 0;
}

div.page div.core div.navaid {
color:#FFFFFF;
float:none;
font-size:100%;
height:auto;
left:auto;
margin-left:210px;
margin-right:200px;
max-width:50%;
overflow:visible;
top:0;
}



div.page div.core div.navaid {
padding-left:50px;
width:450px;
}
* html div.page div.core div.navaid {
padding-left:180px;
width:300px;
}
:first-child + html div.page div.core div.navaid {
padding-left:180px;
width:300px;
}
div.page div.core div.navaid a:hover, div.page div.core div.navaid a:active, div.page div.core div.navaid a:focus {
background-color:#0058AF;
border-color:#D8D8D8;
color:#fff;
}


/* COMMON MENU BAR CSS BEGINS | DEBUT DU CSS DE LA BARRE DE MENU COMMUNE */
div.fp, div.fpml {
	width: 100%;
	color: #FFF;
	background-color: #000; 
	padding: 0;
	float: left;
}

* html div.fp, * html div.fpml {
	float: none;
}

*:first-child+html div.fp, *:first-child+html div.fpml {
	float: none;
}

div.fp {
	min-height: 1.57em;
}

* html div.fp {
	height: 1.4em;
}

div.fpml {
	min-height: 2.82em; 
}

* html div.fpml {
	height: 2.7em;
}

ul.commonbar {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	border: none;
	top: 10px; 
	width: 100%;
}

li.fiptext, li.fiptexta, li.fiptextb, li.fiptextc {
	white-space: nowrap; 
	margin: 0;
	padding: 0;
	border: none;
	float: left; 
	color: #FFF;
	background-color: #000;
}

li.fiptext {
	width: 16.6%;
}

li.fiptexta {
	width: 16.7%;
}

li.fiptextb {
	width: 16.2%;
}

li.fiptextc {
	width: 16.8%;
}

li.fiptext div, li.fiptexta div, li.fiptextb div, li.fiptextc div {
	margin: 0;
	padding: 2px 0px 2px 3px;
	width: 95%;
}

li.fiptext div, li.fiptextb div, li.fiptextc div {
	border-left: 1px solid #FFF;
}

li.fiptext a, li.fiptexta a, li.fiptextb a, li.fiptextc a {
	color: #FFF;
	background-color: #000;
	text-decoration: none; 
	font-weight: bold; 
	width: 100%;
	padding: 0;
	border: none;
} 
/* COMMON MENU BAR CSS ENDS | FIN DU CSS DE LA BARRE DE MENU COMMUNE */

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */
p.breadcrumb {
	padding: 3px 0;
	vertical-align: middle;
	font-size: 77% !important;
	clear: both;
	margin: 0;
	min-height: 1.23em;
	text-align: left;
}

.breadcrumb a {
	color: #0058AF;
}
/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
ul.nav {
	list-style-type: none;
	margin: 4px 0 0 0;
	padding: 0 0 0 0;
}

ul.nav .navCurrent {
	text-decoration: underline;
	color: #242424;
}

ul.nav ul .navCurrent {
	text-decoration: underline;
	color: #242424;
}

ul.nav li span {
	color: #1c82e5;
	font-weight: bold;
	font-size: 12px;
}

ul.nav li ol {
	margin: 0 0 0 12px;
	padding: 0 0 0 12px;
}

ul.nav li {
	padding: 4px 0 5px 0;
	border-top: 1px solid #d8d8d8;
}

ul.nav li.last {
	border-bottom: 1px solid #d8d8d8;
	border-top-width: 15px;
}

ul.nav li a {
	font-weight: normal;
	text-decoration: none;
}

ul.nav li ul {
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #d8d8d8;
}

ul.nav li ul li {
	border: 0;
	padding-left: 10px;
}

ul.nav li ul li {
	border: 0;
	padding-left: 10px;
}

div.left div.h2nav, div.left p.h2nav {
	font-size: 10.0pt;
	font-weight: 100;
	line-height: 1.6em;
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}

div.right li div.nav, div.right li {
	margin-bottom: 10px;
	padding: 2px 5px 2px 12px;
}
div.right #login-prompt, div.right #logout-prompt {
	font-size: 77%;
	margin-top: 0;
	text-align: right;
	}

/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left, div.right {
	background-color: #FFF;
	min-width: 9.0em;
	text-align: left;
	position: relative;
}

div.right ul.nav2 {
	list-style: none;
	margin: -3px 0 0 0; 
	padding: 0;
	border: 0;
}

div.right ul.nav2 li {
	border: 0;
	padding: 0;
	margin: -2px 0 0 0;
}

div.right p#login-link {
	position: absolute; 
	top: -16px;
	right: 11px;
	margin: 0;
	color: #333;
	font-size: 77%;
}

div.right #login-link a {
	margin: 0;
	color: #333333;
	text-decoration: none;
}

div.right .vmc_expand {
	display: block;
	width: 185px;
	height: auto;
	background: #dd2571 url('../images/vmc_bg.gif') 0% 100% no-repeat;
	text-align: center;
	padding: 5px !important;
	font-size: 69%;
	color: #fff;
}
div.right .vmc_expand .visit {
	text-align: right;
	font-size: 123.1%;
	font-weight: bold;
	padding: 10px 0 1px 0;
	
	}

div.right .vmc_expand p {
	text-align: left;
	line-height: 10px;
	padding: 0 0 0 5px;
	margin:0;
}

div.right .vmc_expand a {
	text-decoration: underline;
	color: #fff;
}
div.right ul.nav2 h1 {
	font-size: 1em;
	}
#vmc-links {
	padding: 0.5em 0 0 0;
	margin: 0;
	}
#vmc-links li {
	margin: 0;
	border: 0;
	margin-bottom: 5px;
	padding-left: 30px;
	text-align: left;
	list-style-type: none;
	min-height: 25px;
	}
#vmc-links #vmc-labs {
	background: url(../images/gallery_25x25.jpg) no-repeat 0px 3px;
	}
#vmc-links #explore-vmc {
	background: url(../images/lab_25x25.jpg) no-repeat 0px 3px;
	}
#vmc-links #find-museums {
	background: url(../images/museum_25x25.jpg) no-repeat 0px 3px;
	}

div.right .chin_expand {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	background-color: #fefefe;
	padding: 5px;
	}
.chin_expand p {
	margin: 0;
	font-size: 70%;
	padding-left: 5px;
	}
.chin_expand .discover {
	text-align: right;
	font-weight: bold;
	padding: 10px 0 1px;
	}
#chin-featured-movie {
	width: 175px;
	margin-left: 5px;
	}

div.right ul.nav2 div.kx_expand {
	display: block;
	width: 195px;
	height: 231px;
	background: url('../images/knowledge_btn_expand.gif') 0 0 no-repeat;
	margin-top: 0;
	font-size: 69%;
}
div.right ul.nav2 .kx_btn-container {
	margin: 0;
	}
div.right ul.nav2 div {
	padding-top: 0;
	margin-top: -2px;
	}
div.right ul.nav2 .kx_expand p {
	color: #fff;
	padding-top: 5px;
	margin: 0 5px 0 5px;
}

div.right .kx_expand a {
	font-weight: bold;
	color:#fff;
	text-decoration: underline !important;
}

li.menucontent, li.menucontent li, div.menucontent, div.menucontent li {
	font-size: 10.0pt;
	margin: 0;
	padding: 0 0 0 10px;
}

li.menucontent, div.menucontent {
	padding-right: 3px;
}

li.menucontent img {
	margin: 0;
	padding: 0;
}

/* Controls hover states (right nav) */
a.menulink {
	text-decoration: none;
	margin: 0;
}

a.menulink:hover {
	text-decoration: underline;
	margin: 0;
}

a.kx_btn {
	font-family: verdana, sans-serif;
	display: block;
	width: 167px;
	height: 25px;
	background: url('../images/right-nav-btn-bg.jpg') 0 100% no-repeat;
	margin: 0;
	padding: 9px 0 0 28px;
	font-size: 75%;
	font-weight: bold;
}

a:hover.kx_btn {
	background-position: -195px 0;
	text-decoration: none;
}

a.kx_btn_selected {
	display: block;
	width: 195px;
	height: 34px;
	background: url(../images/knowledge_btn.gif) -195px 100% no-repeat;
}

div.prodis {
	height: 15px;
	min-height: 0.9375em;
	padding: 0;
	margin: 0;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center {
	background: #FFF;
	font-size: 100%;
	height: 100%;
	padding-top: 5px;
	text-align: left;
}

div.center h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0058af;
}

div.center h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0058AF;
	font-size: 117%;
}

div.center h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #242424;
	font-size: 108%;
}
div.center h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #242424;
	font-size: 100%;
}

div.center #leftColumn, div.center #rightColumn {
	float: left;
}

div.center #leftColumn li, div.center #rightColumn li {
	color: #0058af;
}

div.center #leftColumn {
	width: 191px;
	margin-right: 1px;
	padding: 0 0 30px 0;
}

div.center #rightColumn {
	width: 200px;
	padding: 0 0 30px 0;
}

div.center #leftColumn h2, div.center #rightColumn h2 {
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	min-height: 19px;
	margin: 0;
	padding: 2px 0 2px 20px;
}
div.center #leftColumn h2 a, div.center #rightColumn h2 a {
	color: #fff;
	text-decoration: underline;
	}
div.center #leftColumn h2 a:hover, div.center #rightColumn h2 a:hover {
	text-decoration: none;
	}
div.center #leftColumn h2 {
	width: 171px;
	background: url('../images/knowledge_bg.gif') 0 0 no-repeat #ec8300;
}

div.center #rightColumn h2 {
	width: 180px;
	background: url('../images/museum_bg.gif') 0 0 no-repeat #da2770;
}

div.center #leftColumn p {
	margin-right: 5px;
}

h1.headline, h2.headline, h3.headline, h4.headline, h5.headline, h6.headline, h1.compress, h2.compress, h3.compress, h4.compress, h5.compress, h6.compress, p.compress, ul.compress, ol.compress {
	margin-top: 0px;
	margin-bottom: 0px;
}

h1.headline a:link, h1.headline a:visited, h2.headline a:link, h2.headline a:visited, h3.headline a:link, h3.headline a:visited, h4.headline a:link, h4.headline a:visited, h5.headline a:link, h5.headline a:visited, h6.headline a:link, h6.headline a:visited {
	text-decoration: none;
}

h1.headline a:hover, h2.headline a:hover, h3.headline a:hover, h4.headline a:hover, h5.headline a:hover, h6.headline a:hover {
	text-decoration: underline;
}

.center ul, .center ol {
	padding: 0;
	margin: 12px 0 12px 25px;	
}
.center li { margin-bottom: 3px; }
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer {
	background: url('../images/utility_bg.gif') 0 100% repeat-x;
	width: 100%;
	clear: both;
	padding: 20px 0;
	margin: 0;
	text-align: left;
	color:#333;
	margin-bottom: 3px;
}

div.footer p {
	margin: 0;
	padding: 0;
}

div.footer a, div.footer li, div.footer form {
	color: #0058af;
	font-size: 0.9em;
}
div.footer a { font-size: 1em; }

div.footer ul.footer-items {
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
}

div.footer ul.footer-items li {
	background: url('../images/arrow_bullet.gif') 0 3px no-repeat;
	padding: 3px 0 5px 16px
}
div.footer ul.footer-items li.sub, div.footer_fr ul.footer-items li.sub {
	background-image: none;
	padding-left: 0;
}



div.footer a, div.footer_fr a {
	text-decoration: none;
}

div.footer div h2 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
div.footer h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	}
div.footer ul {
	margin: 0;
	padding: 0;
	}
div.footer .oval-btn {
	background: url(../images/oval-btn-bg-cap.gif) no-repeat top left;
	color: #31363B;
	padding: 3px 0 4px 10px;
	}
div.footer .oval-btn span {
	background: url(../images/oval-btn-bg-tail.gif) no-repeat top right;
	padding: 3px 22px 4px 0;
	}
div.footer .oval-btn:hover {
	background-position: bottom left;
	}
div.footer .oval-btn:hover span {
	background-position: bottom right;
	}

/* =Support ----------------------------------------------------*/
div.footer #support {
	padding-left: 12px;
	width: 170px;
}
div.footer #support h2 {
	margin-bottom: 6px;
	}

div.footer #support p, div.footer_fr #support p {
	color:#333;
}

div.footer #support .more-link  {
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 11px;
	text-align: right;
}

div.footer #support p.more-link a {
	text-decoration: none;
}

div.footer_fr #support p.more-link a {
	font-size: 11px;
	text-decoration: none;
}

div.footer #support .more {
	font-weight: 100;
	margin-left: 105px;
	font-size: 11px;
}

div.footer #support, div.footer #members {
	float: left;
	font-size: 77%;
}

/* =Members -----------------------------------------*/
div.footer #members {
	background: url('../images/map.gif') no-repeat 12px 20px;
	min-height: 95px;
	padding-left: 105px;
	width: 291px;
}

div.footer #members h2 {
	color: #242424;
	margin-bottom: 8px;
}

div.footer #members h3 {
	margin-bottom: 3px;
	}

div.footer ul.footer-items-members {
	list-style: none; 
	margin-bottom: 12px;
}

div.footer_fr ul.footer-items-members {
	list-style: none;
	margin: 0 0 10px 50px;
	padding: 0 0 0 50px;
	font-size: 11px;
}

div.footer ul.footer-items-members li {
	background: url('../images/arrow_bullet.gif') 0 3px no-repeat;
	padding: 2px 0 2px 16px;
	color: #333;
}

div.footer ul.footer-items-members li a {
	text-decoration: none;	
}


div.footer #members .findBy, div.footer_fr #members .findBy {
	margin: 8px 0 5px 100px;
	color: #333;
	font-weight: normal;
}
div.footer #members .oval-btn {
	position: relative;
	top: 24px;
}
.fr div.footer #members .oval-btn { top: 37px; }

/* =Subscribe ------------------------------------ */
div.footer #subscribe {
	font-size: 77%;
	float: left;
	padding-left: 12px;
	width: 170px;
}
div.footer div#subscribe h2 {
	margin-bottom: 9px;
	}
div.footer #subscribe h3 {
	margin-bottom: 3px;
	}
div.footer_fr #subscribe p, div.footer #subscribe p{
	padding-bottom:10px;
	margin-bottom:0;
}

div.footer_fr #subscribe form, div.footer #subscribe form {
	width: 200px;
	font-size: 93%;
	color: #333;
	padding: 0;
	margin: 0;
}

div.footer #subscribe form input {
	padding: 0;
	margin: 0;
}

div.footer #subscribe input.txtEmail, div.footer_fr #subscribe input.txtEmail {
	margin: 5px 0px 5px 4px;
	width: 180px;	
}

div.footer #subscribe .smallcheck, div.footer_fr #subscribe .smallcheck {
	width: 10px;
	height: 10px;
	margin: 0 0 5px 5px;
}

div.footer_fr #subscribe span.footer_form, div.footer #subscribe span.footer_form {
	display: block;
	float: left !important;
	clear: both;
	width: 170px;
	margin: -18px 0 9px 24px;
}

div.footer2 {
	width: 760px;
	height: 28px;
	line-height: 28px;
	font-size: 100%;
	color: #0058af;
	background: url('../images/footer_bg.gif') 0 0 no-repeat;
}

div.footer2 a {
	text-decoration: none;
}

div.version {
	text-align: right;
	font-size:80%;
	margin-top:2px;
}

div.foot1 {
	float: left;
	width: 33.25%;
	margin: 0;
	padding: 0;
	text-align: left;
}

div.foot1 p {
	padding: 0 0 0 20px;
	margin: 0;
}

div.foot2 {
	float: left;
	width: 33.25%;
	margin: 0;
	padding: 0;
	text-align: center;
}

div.foot2 a {
	background: url('../images/top_arrow.gif') 0 0 no-repeat;
	padding: 0 0 0 20px;
}

div.foot3 {
	text-align: right;
	float: left;
	width: 33.25%;
}

div.foot3 p {
	margin: 0;
	padding: 0 20px 0 0;
}

span.date {
	white-space: nowrap;
}

/* GENERIC UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE GENERIQUE */
.widthFull {
width: 98.5%;
}
.width95 {
width: 95%;
}
.width90 {
width: 90%;
}
.width85 {
width: 85%;
}
abbr, acronym, span.abbr {
cursor: help;
}
.width80 {
width: 80%;
}
.width75 {
width: 75%;
}
.width70 {
width: 70%;
}
.width65 {
width: 65%;
}
.width60 {
width: 60%;
}
.width55 {
width: 55%;
}
.width50 {
width: 50%;
}
.width45 {
width: 45%;
}
.width40 {
width: 40%;
}
.width35 {
width: 35%;
}
.width30 {
width: 30%;
}
.width25 {
width: 25%;
}
.width20 {
width: 20%;
}
.width15 {
width: 15%;
}
.width10 {
width: 10%;
}
.width5 {
width: 5%;
}
abbr, acronym, span.abbr {
cursor: help;
}
blockquote {
background-color: #CC9;
color: #000;
border: 1px solid #000;
font-style: italic;
}
div.gcinits {
float: left;
padding-bottom: 5px;
}
div.gcinit div {
width: 191px;
height: 5.16em;
border: 1px solid #000;
}
div.center div.gcinit div {
margin-right: 4px;
margin-bottom: 5px;
float: left;
}
div.gcinit a, div.gcinit a:visited {
width: 100%;
height: 100%;
float: left;
text-decoration: none;
}
div.srvMsgCol {
float: left;
margin: 0;
padding: 0;
width: 49%;
}
div.srvMsgCol div {
padding: 1.56em 10px 5px 0px;
}
/* GENERIC UTILITY CSS ENDS | FIN DU CSS D'UTILITE GENERIQUE */

/* ALIGNMENT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE D'ALIGNEMENT */
.alignRight {
text-align: right;
}
.alignCenter {
text-align: center;
}
.alignLeft {
text-align: left;
}
.alignTop {
vertical-align: top;
}
.alignBottom {
vertical-align: bottom;
}
.alignTopRight {
text-align: right;
vertical-align: top;
}
.alignTopCenter {
text-align: center;
vertical-align: top;
}
.alignTopLeft {
text-align: left;
vertical-align: top;
}
.alignBottomRight {
text-align: right;
vertical-align: bottom;
}
.alignBottomCenter {
text-align: center;
vertical-align: bottom;
}
.alignBottomLeft {
text-align: left;
vertical-align: bottom;
}
.floatRight {
float: right;
}
.floatLeft {
float: left;
}
.image-left { 
float: left;
vertical-align: text-top;
}
.image-right {
float: right;
vertical-align: text-top;
margin-left: 10px;
}
.indent1 {
padding-left: 18px;
}
.indent2 {
padding-left: 36px;
}
.indent3 {
padding-left: 54px;
}
.indent4 {
padding-left: 72px;
}
.indent5 {
padding-left: 90px;
}
/* ALIGNMENT UTILITY CSS ENDS | FIN DU CSS D'UTILITE D'ALIGNEMENT */

/* LIST UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE LISTE */
ul.noBullet {
list-style-type: none;
}
ul.disc {
list-style-type: disc;
}
ul.square {
list-style-type: square;
}
ul.circle {
list-style-type: circle;
}
ol.lower-alpha {
list-style-type: lower-alpha;
}
ol.upper-alpha {
list-style-type: upper-alpha;
}
ol.lower-roman {
list-style-type: lower-roman;
}
ol.upper-roman {
list-style-type: upper-roman;
}
/* LIST UTILITY CSS ENDS | FIN DU CSS D'UTILITE DE LISTE */

/* TEXT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE TEXTE */
.noWrap {
white-space: nowrap;
}
.doubleLineSpace {
line-height: 24.0pt;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.black {
color: #000000;
background-color: transparent;
}
.white {
color: #FFFFFF;
background-color: transparent;
}
.red {
color: #FF0000;
background-color: transparent;
}
.blue {
color: #0000FF;
background-color: transparent;
}
.green {
color: #009933;
background-color: transparent;
}
.grey {
color: #999999;
background-color: transparent;
}
.deepyellow {
color: #FFCC33;
background-color: transparent;
}
.blackBG {
background-color: #000000;
}
.whiteBG {
background-color: #FFFFFF;
}
.redBG {
background-color: #FF0000;
}
.blueBG {
background-color: #0000FF;
}
.greenBG {
background-color: #009933;
}
.lightgreyBG {
background-color: #CCCCCC;
}
.deepyellowBG {
background-color: #FFCC33;
}

.warning {
color: red;
margin: 10px 0 1px 0;
}

div.highlight, p.highlight {
border: 1px solid #030;
background-color: #9F9;
padding: 5px;
}
div.center div.wrapContainer {
float: left;	
width: 99.5%;
}
div.left div.wrapContainer, div.right div.wrapContainer {
float: left;	
width: 100%;
}
* html div.center h1.wrap {
width: auto;
}
/* TEXT UTILITY CSS ENDS | DEBUT DU CSS D'UTILITE DE TEXTE */


.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 0;
    height: 0;
}

html>body .clearfix {
    height: auto;
}

.clear {
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    font-size: 1px;
    margin: 0;
    padding: 0;
}

/*=RSS PAGE
**************************************************************************/
p.feedsListing{
font-size:80%;
margin-top:0;
}
h2.feedsListingTitle{
	margin-bottom:0;
}
div.rssListing{
	padding:0px;
	background:#f1f1f1;	
margin-bottom:20px;
}

div#chinFeeds h3{
	background:#4098d9;
}

div#professionalFeeds h3{
	background:#e17808;
}

div#vmcFeeds h3{
	background:#dc2771;
}


div.rssListing h3{
	margin:0;
	padding:5px 5px 8px 5px;
	border-bottom:1px solid #FFF;
	color:#fff;

}

div.rssListing a.backTop{
		color:#fff;
		float:right;
		font-size:80%;
		display:block;
		margin-top:2px;
		font-weight:normal;
}

div.rssListing a.rssLink{
	display:block;
	margin-bottom:12px;	
	font-size:80%;
}

div.rssListing a.backTop:hover{
	text-decoration:none;
}


div.rssListing ul, div.rssListing li{
	list-style:none;
	margin:0;
	padding:0;
}

div.rssListing li{
	display:inline;
}

div.rssListing li.listTitle{
	margin-bottom:15px;
	font-size:80%;	
	display:block !important;
}

div.rssListing ul{
	padding:5px;	
}

ul.rssUrl span{
	display:block;
	padding-left:18px;
	background:url(../images/rss-icon.gif) 0 0 no-repeat;
	padding-bottom:3px; 
}


/*=left nav sub menu(s)
-------------------------*/
ul.nav li ul {
	display: none;
	list-style-type: none;
}
ul.nav li li ul { border-top: 0; }
.membership ul.nav li.membership a.main,
.about ul.nav li.about a.main,
.jobs ul.nav li.jobs a.main,
.disclosure ul.nav li.disclosure a.main,
.investment ul.nav li.investment a.main,
.glossary ul.nav li.glossary a.main,
.news ul.nav li.news a.main,
.directories ul.nav li.directories a.main,
.sitemap ul.nav li.sitemap a.main {
	color: #242424;
	text-decoration: underline;
}
.membership ul.nav li.membership ul,
.about ul.nav li.about ul,
.jobs ul.nav li.jobs ul,
.disclosure ul.nav li.disclosure ul,
.investment ul.nav li.investment ul,
.glossary ul.nav li.glossary ul,
.news ul.nav li.news ul,
.directories ul.nav li.directories ul { display: block; }

.membership ul.nav li.membership li ul,
.about ul.nav li.about li ul,
.jobs ul.nav li.jobs li ul,
.disclosure ul.nav li.disclosure li ul,
.investment ul.nav li.investment li ul,
.glossary ul.nav li.glossary li ul,
.news ul.nav li.news li ul,
.directories ul.nav li.directories li ul { display: none; }

.membership ul.nav li.membership li.current ul,
.about ul.nav li.about li.current ul,
.jobs ul.nav li.jobs li.current ul,
.disclosure ul.nav li.disclosure li.current ul,
.investment ul.nav li.investment li.current ul,
.glossary ul.nav li.glossary li.current ul,
.news ul.nav li.news li.current ul,
.directories ul.nav li.directories li.current ul { display: block; }

.membership ul.nav li.membership li.current li ul,
.about ul.nav li.about li.current li ul,
.jobs ul.nav li.jobs li.current li ul,
.disclosure ul.nav li.disclosure li.current li ul,
.investment ul.nav li.investment li.current li ul,
.glossary ul.nav li.glossary li.current li ul,
.news ul.nav li.news li.current li ul,
.directories ul.nav li.directories li.current li ul { display: none; }

.membership ul.nav li.membership li.current li.current ul,
.about ul.nav li.about li.current li.current ul,
.jobs ul.nav li.jobs li.current li.current ul,
.disclosure ul.nav li.disclosure li.current li.current ul,
.investment ul.nav li.investment li.current li.current ul,
.glossary ul.nav li.glossary li.current li.current ul,
.news ul.nav li.news li.current li ul,
.directories ul.nav li.directories li.current li.current ul { display: block; }

ul.nav li ul li { font-size: 77%; }
ul.nav li ul li li { font-size: 100%; }

ul.nav li ul li.current a,
ul.nav li ul li.current li.current a,
ul.nav li ul li.current li.current li.current a {
	text-decoration: underline;
	color: #242424;
}
ul.nav li ul li.current li a,
ul.nav li ul li.current li.current li a {
	text-decoration: none;
	color: #0058af;
}


/*=Job Results
********************************************************************/
ul#resultTabs{
	margin:30px 0 0 0;
	padding:0;

}

ul#resultTabs li{
	float:left;
	list-style:none;
	font-size:85%;
}

ul#resultTabs li a{
	display:block;
	background:#e6e1dd;
	padding:2px 6px 2px 6px;
	text-decoration:none;	
	color:#333;
	border:1px solid #CCC;
	margin-right:4px;
}


ul#resultTabs li a:hover{
	background:#fff;
}

ul#resultTabs li a:hover{
	color:#0058AF;
}

ul#resultTabs li#firstTab{
	background:#FFF;
	padding:2px 10px 2px 5px;
}


ul#resultTabs li.active{
		border:0;
}


ul#resultTabs li.active a{
	background:url(../images/tab-active-left.gif) 0 0 no-repeat;
	color:#0058AF;	
	border-left:0;
	border-right:0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding:8px 0px 8px 9px;
	margin-top:-12px;
}

ul#resultTabs li.active a span{
	background:url(../images/tab-active-right.gif) 100% 0 no-repeat;
	padding:8px 11px 8px 2px;
}

.results{
border:1px solid #CCC;
margin-top:-1px;
margin-bottom:20px;
}

.resultsLegend, .newsLegend {
	background: #fff;
	padding:10px 5px 5px 5px;
	font-size:75%;
	color:#666;
}


.resultsLegend .showing,
.newsLegend .showing {
	float:left;
	width:195px;


}

.resultsLegend .page,
.newsLegend .page {
	float:right;
	width:auto;
	text-align:right;
	margin: 1em 0;
}
.resultsLegend .page li,
.newsLegend .page li {
	display: inline;
	list-style: none;
	margin: 0 0 0 8px;
}

.result{
padding:13px 10px;
}

.odd{
background:#edf3fe;
}


.result a.memberTitle, .result a.memberLocation{
display:block;
}

.result a.memberLocation{
font-size:75%;	
}

.result p{
margin:0;
font-size:85%;
padding:0;
margin-top:3px;
}

div.addJob{
	padding:9px 0 ;
	margin-bottom:10px;
}


div.addJob a{
background:url(../images/apply-button-left.gif) 0 0 no-repeat;
width:auto;
height: 34px;
/*padding:9px 0 9px 30px;*/
margin:0;
text-decoration:none;
float: right;
}

div.addJob a span{
background:url(../images/apply-button-right.gif) 100% 0 no-repeat;
cursor: pointer;
padding:9px 20px 9px 30px;
display: block;
height: 16px;
}

div.addJob a:hover{
background:url(../images/apply-button-left.gif) 0 -44px no-repeat;
}

div.addJob a:hover span{
background:url(../images/apply-button-right.gif) 100% -44px no-repeat;
}


/*News pages*/


div.newsbox{
padding:0;
background:#F1F1F1 none repeat scroll 0 0;
margin-bottom:20px;
}

div.newsbox h2{
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
margin:0 0 5px 0;
padding:5px 5px 8px;
}

div#newsFromCHIN h2{
background:#4098D9 none repeat scroll 0 0;
}


div#heritageNews h2{
	background:#E17808 none repeat scroll 0 0;
	margin-bottom: 0;
}

.newsItem{
margin:5px 10px;
border-bottom:1px solid #CCC;
padding:10px 0;
}

div.newsbox img{
	float:left;	
}

div#newsFromCHIN a.newsTitle, div#newsFromCHIN span.newsDate, div#newsFromCHIN p.newsTeaser {
	clear:right;
	float:right;
	width:322px;	
}

div.newsbox a.newsTitle{
	font-size:110%;	
	display:block;
}

 div.newsbox p.newsTeaser, #heritageNews span.newsDate {
 	font-size:85%;
 }

#heritageNews a.newsTitle{
font-size:100%;
}

.more{
	padding:10px 10px 20px 10px;
}


.newsStories h3, .newsStories p, .newsStories span.newsDate {

}


/**********=SITE FEEDBACK**********/
#chff_toplevel {
	border: 0;
	margin: 0;
	padding: 0;
}
#chff_toplevel legend { display: none; }
#chff_toplevel ul { margin: 0 !important; }
#chff_toplevel ul li {
	list-style: none;
	margin-bottom: 5px;
}
#chff_toplevel label {
	display: block;
	margin-bottom: 2px;
}
#chff_toplevel #chfo_Submit { margin: 10px 0; }


/*=subscribe/share
-------------------*/
.subscribeShare {
	border: 1px solid #d8d8d8;
	border-width: 1px 0;
	padding: 1px 1px 2px;
}
.subscribeShare .sub {
	float: left;
	font-size: 77%;
	margin: 0;
	padding-top: 2px;
}
.subscribeShare .bookmark { float: right; }
.subscribeShare .bookmark img { vertical-align: middle; }

/*=edit account
----------------*/
.editAcct h2 { margin-bottom: 14px; }
.editAcct #sideContent { display: none; }
.editAcct #contentWrapper #mainContent {
	padding-left: 20px;
	width: 90%;
}
.editAcct .createAcct { width: 100%; }
.editAcct .createAcct td { padding-bottom: 12px; }
.editAcct .createAcct td.tip {
	padding-bottom: 0;
	vertical-align: top;
}


/*=approved proposals
----------------------*/
.investment *.years {
	margin: 12px 0;
	text-align: center;
}
.years li {
	display: inline;
	margin: 5px;
}
.investment *.proposal {
	border-bottom: 1px dotted #d8d8d8;
	margin-bottom: 12px;
}
.investment *.proposal *.head { margin-bottom: 2px; }
.investment *.proposal h3 {
	float: left;
	margin: 0;
	width: 300px;
}
.investment *.proposal *.budget {
	float: right;
	text-align: right;
	width: 100px;
}
.investment *.proposal *.delivery {
	margin-top: 0;
	text-align: right;
}
.investment *.proposal *.cm_title {
	float: left;
}
.investment *.proposal *.cm_delivery {
	float: right;
}
.investment *.proposal h3.cm {
	float : none;
}

/*=forum summary
-----------------*/
#forumSummary table.summary { font-size: 85%; }
#forumSummary .summary th, #forumSummary .summary td {
	padding: 2px 0;
	vertical-align: top;
}
#forumSummary .summary th { padding-right: 5px; }


/*=basis form css
------------------*/
input.basisInputTag, textarea.basisInputTag,
textarea#chfi_comment, input#chfi_fromemail { width: 290px; }

/*=data tables
---------------*/
table.dataTable {
	border-collapse: collapse;
	margin-bottom: 15px;
	width: 100%;
}
.dataTable td {
	border: 1px solid #000;
	border-collapse: collapse;
	padding: 5px;
	vertical-align: top;
	width: 33%;
}
.dataTable td p { margin: 0; }



.actInputFields {
	width: 215px;
}
