/* Environment  version 1.0 */

/* CLF 2.0 TEMPLATE VERSION 1.02 | VERSION 1.02 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #ddd;
}
div.colLayout {
	background-color: #FFF;
	height: 100%;
}

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */


/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip, div.cwm {
	height: 22px;
}
div.cwm img {
	padding-top: 0px;
}
/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
	color: #FFF;
	background-color: #696;	
	background: #FFF url(../images/banner_ODOW.jpg) no-repeat center center;
}

/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
h2.nav, h2.nav a:link, h2.nav a:visited {
	background-color: #eef3e0;            /* TB default #696; */
	color: #000000;                       /* TB default #FFF; */
	text-decoration: none;
	font-weight : normal;                /* TB 700 at base.css */
}
h2.nav a:hover {
	text-decoration: underline;
}
div.right li ul.nav {
	border: 1px solid #000;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */




/*div.left li.menucontent, div.left div.menucontent {
	background-color: #eef3e0;
	 color: #000000;
	 border-top:1px solid #FFFFFF; 
	 padding:2px 0px;
	 margin:0;
}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	text-decoration:none;
	color: #000000;
	display: block;
	background-color: #eef3e0;
}
div.left a.menulink{
	display: block;
	text-decoration:none;
	padding: 4px 0px 3px 5px;
}
div.left a.menulink:hover{
	background-color: #628903 ;
	color: #FFFFFF;
	
}*/

div.right li.menucontent, div.right div.menucontent {
	color: #000;
	background-color: #FFF;
}
div.right a.menulink {
	color: #000;
	background-color: #FFF;
}

div.prodis {
	background-color: #696;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center h1, h2, h3, h4, h5, h6 {
	color: #000;
}
div.center a:link {
	color: #039;
}
div.center a:visited {
color: #003399;   /* TB : #663;  */
}
div.blackborder {
	border: solid #000 1px;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	background-color: #DDD;
}

p.breadcrumb a:link, p.breadcrumb a:visited, div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {
	color: #039;
	background-color: #ffffff;
}


/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

/*  Environment side navigation style */
div.left li{
	background-color: #eef3e0;
	 color: #000000;
	 border-top:2px solid #FFFFFF; /**/
	 padding:0px;
	 margin:0;
	 width: 97%;
}
div.left li a{
	text-decoration:none;
	color: #000000;
	display: block;
	background-color: #eef3e0;
	padding: 4px 0px 3px 5px; 
	width: 97%;
/*	font-size:.85em;  */
}
div.left li a:hover{
	/*background-color: #669900 ;*/
	
	background-color: #5C7810 /* #628903 */;
	color: #FFFFFF;
}
div#proactiveDisclosure {
/*	font-size: 0.95em;  */
	margin: 15px 0;
	padding: 0;
	text-align:center;
}

div#proactiveDisclosure a, div#proactiveDisclosure a:visited {
	color: #000000;
}

/* ---------------------------------------- */  
/* WxO  version 1.0 */
/* (note) remove font size defined by ODOW for left menu & proactive disclosure */ 

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #FFF;
}

img { 
	border: 0;
}

div.colLayout {width:63em;min-width:800px;max-width:900px ;} 
* html div.colLayout {width:800px;} 
* html div.center{padding-right: 0px; margin-right: 0px;}

fieldset { margin: 0 0 20px 0;}

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */


/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
	background: #FFF url(/clf2/images/banner_ODOW.jpg) top left repeat-y;
}

/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */

/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left li.dottedBlackTop {
	border-top: 1px solid  #999;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* EC FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */

div.ecfooter {
	background:transparent none repeat scroll 0%;
	clear:both;
	color:black;
	height:1em;
	padding:7px 2px 5px 160px;
	width:auto; 
}

div.cityfooter {
	background:transparent none repeat scroll 0%;
	clear:both; 
	color:black;
	height:1em;
	padding:7px 2px 5px 2px; 
	width:auto;
}


div.ecfooter, div.cityfooter { 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

div.ecfooter ul, div.cityfooter ul {
	margin:0;
	padding:0;
	text-align:center;
}

div.ecfooter li.format, div.cityfooter li.format { 
	display:block;
	float:left;
	font-weight:bold;
	font-size:95%;
	margin-right:50px;
	/* width:12em; */
}

li.format a, li.format a:visited  {
	background:transparent url(/clf2/images/toolbox_arrow.png) no-repeat scroll left center;
	color:#039;
	display:block;
	text-align:left;
	text-decoration:none;
	padding:0pt 0pt 0pt 20px;
	white-space:nowrap;
}

div.ecfooter li.format a:hover, div.cityfooter li.format a:hover {
	text-decoration:underline;
}
/*
div.footer div.ecfooter li.greyformat { 
	color: #DDD;
	display:block;
	font-weight:bold;
	font-size:90%;
	margin-right:10px;
	padding:0pt 0pt 0pt 160px;
	width:10em;
	float:left;		
} */
/* EC FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer { width:760px;}

/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */


/* PRINT CSS BEGINS | DEBUT DU CSS POUR L'IMPRESSION */
@media print {
	div.ecfooter {
		display: none;
	}

	div.colLayout {
		min-width:100%; width:auto;
   }

	div.footer { width:100%;}
	
	* html div.colLayout { width:auto;} 
}
/* PRINT CSS ENDS | FIN DU CSS POUR L'IMPRESSION */