/* CSS Document */

/**********************General********************/
body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}

#imageBanner{
	display:none;
}

#path {
	display:none;
}

#title-en{
	display:none;
}
#title-de{
	display:none;
}
#title-fr{
	display:none;
}

#bannerBackground {
		display:none;
}

li{ margin:0}

a{ text-decoration:none;}
a:hover{text-decoration:underline;}

img{border:none}

.separator{height:10px; background:url(/archives/growthandjobs_2009/images/separator-bg.gif) repeat-x; margin:0 30px; clear:left;}
.separator2{height:10px; background:url(/archives/growthandjobs_2009/images/separator-bg.gif) repeat-x; margin:0 0; clear:left;}
.clear{clear:both;}
.clearLeft{clear:left}
.clearRight{clear:right}
.noclear{clear:none}

#fontSize{ position:absolute;; padding:2px; right:0}

#title-en, #title-de, #title-fr{margin-top:-8px}

/**********************min width**************************/
.conteneur {  /* Conteneur du site */
	min-width: 980px;  /* largeur mini du site (sauf IE) */
	width: auto;  /* auto ou % */
}

/************************Central Col******************************/

#container{margin:0; padding:0; width:100%; font-size:85%; background:url(/archives/growthandjobs_2009/images/content-bg.gif) no-repeat top left; min-width:980px; }

.content {margin-left: 0;  font-size:95%; margin-right:0}
.c3{margin-right: 240px;}

/*Block 1 : Pixels division styles*/
#block1{ padding:20px 20px 0 20px; position:relative; zoom:1}
#block1 .sub-block-left{ margin-right:252px; min-height:300px;}
#block1 .sub-block-right{width:250px; float:right}

/*Block 2 : Percent division styles*/
#block2{ position:relative; zoom:1}
#block2 a{ color:#111; display:block;}
#block2 .sub-block-left{ width:49%; float:left; text-align:center; font-weight:bold }
#block2 .sub-block-right{width:49%; margin-left:50%;  text-align:center; font-weight:bold }

/*Block 3 : no division styles*/
#block3{padding:20px; zoom:1}
.best-practices{ border:solid 1px #d6d6d6; background-color:#f4f4f2; padding:4px;}
.best-practices img{ float:left; padding:3px 10px 3px 5px;}
#block3 h5{margin:0; color:#0082c8; font-style:normal; text-decoration:none; font-size:85%; margin-bottom:5px;}
#block3 h5 a, #block3 h5 a:link{color:#0082c8; text-decoration:underline;}
#block3 h5 a:hover{text-decoration:none;}
#block3 p {margin-bottom:0px;}
#block3 .text p {margin-bottom:16px;}

.related-link {border:solid 1px #d6d6d6; background-color:#f4f4f2; padding:6px 10px 0 10px;}

.related-link ul {
	padding:10px 0 10px 10px;
	margin:0;
}

.related-link li {
	background:url(/archives/growthandjobs_2009/images/indent.gif) top right no-repeat;
	font-size:85%;
	margin-bottom:12px;
}

/*general text styles*/
h3{padding:0 0 20px 0; margin:0; color:#f49343; font-size:18px;}
h4{ color:#111; font-weight:bold; font-style:normal;}
h5{margin:0; color:#0082c8; font-style:normal; text-decoration:underline; font-size:80% }

.gradient{background:url(/archives/growthandjobs_2009/images/rightnav-title-bg.jpg) repeat-x center}
.border-grey{border:solid 1px #d6d6d6; margin: 10px 0; padding:10px; font-size:11px}
.head-text{padding:0 50px 0 0; font-size:12px; font-weight:bold}
.head-nav{ padding:3px 0 5px 5px; font-size:11px; border:solid 1px #d6d6d6; background-color:#F9F9F9}

.text a{color:#0082c8; text-decoration:underline;}
.text a:hover{text-decoration:none;}
.text img.illuLeft{margin:0 15px 0 0; border:solid 1px #d6d6d6;}

.text h4{ color:#64a115; font-weight:normal}
.text h5, #block3 .text h5{ color:#333333; font-weight:bold; text-decoration:none; font-size:12px}
.text li{list-style:none; background:url(/archives/growthandjobs_2009/images/indent.gif) left bottom no-repeat; margin-left:-10px; padding-left:15px; margin-bottom:10px;}
.text ul{margin-top:10px; margin-bottom:0px;}


/************************Navigations******************************/

#leftNav {
	display:none;
}
#leftNav ul { padding:0; margin:0}
#leftNav ul li { list-style-type:none; background:url(/archives/growthandjobs_2009/images/leftnav-bg.jpg) center; border-right:solid 1px #e3e4dc; border-bottom:solid 1px #e3e4dc; }
#leftNav ul li a{ display:block; color:#454545; font-weight:bold; font-size:90%; padding:5px 5px 5px 10px;}

#home  {
	background:url(/archives/growthandjobs_2009/index_en.htm) top right;
}

#rightNav {width: 240px; float: right; padding:15px 5px 0 0 }
#rightNav h4{font-size:90%; padding:3px 0 5px 6px;}
#rightNav ul { padding:0; margin:0}
#rightNav ul li{list-style:none; font-size:80%; border-bottom:1px dashed #fbc595; padding:0 0 7px 10px; margin-bottom:5px}
#rightNav a{ color:#0082c8; text-decoration:underline;}
#rightNav a:hover{ text-decoration:none}
#rightNav p{color:#0082c8; font-weight:bold; margin:0; font-size:80%; padding-left:10px}
#rightNav p .section-bottom{margin-bottom:20px}

.video-box{ text-align:center; font-size:10px;}
#rightNav .video-box p{ color:#000; padding-bottom:4px}
.video-box p img{ margin-bottom:-4px;}

/***********************Footer***********************************/

.date { border:medium none;	color:#000000; font-size:70%; padding:10px 0 10px; clear:both;}

/************************Menu On/Off system**************************/
#container #leftNav ul li.pushed a{color:#FFF; background-image:none; background-color:#64a115;}
#container #leftNav ul li a:hover{color:#FFF; background-image:none; background-color:#64a115; text-decoration:none;}