/* 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: #FFF;
	height: 143px;
	display: block;
	background-image: url(../images/topbanner2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

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


/* 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: #3399FF; /*#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: #006699;
}
div.center a:link {
	color: #039;
}
div.center a:visited {
color: #003399;   /* TB : #663;  */
}
div.blackborder {
	border: solid #FFF 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: #FFF;
}

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: #FFF;
}


/* 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: #3399FF; /*#eef3e0;*/
	padding: 4px 0px 3px 5px; 
	width: 97%;
/*	font-size:.85em;  */
}
div.left li a:hover{
	background-color: #FFCC00; /* #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 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;} 
}
.fontsize10 {
font-size: 10px;
} 

.sideimagetrees{
	background: #FFF url(../images/camels.jpg) no-repeat center center;
	height: 270px;
	width: 150px; 
	border-bottom: #FFF 1px solid;	
}
dt, dd {margin-bottom: 10px;}
dt {color: #006699;}
.colorblack {color:#000000;}
a.linktitle {text-decoration: none; color: #006699;}
a.linktitle:hover {text-decoration: underline; color: #006699;}
a:hover {text-decoration: none;}

.programBox {border: dashed #666666 1px; padding: 5px; margin-bottom: 10px;}
.calendarAlign {border:1pt solid #cccccc;width:210px;margin-left: -4px;}
html > body .calendarAlign {border:1pt solid #cccccc;width:210px;margin-left:-8px;}
.calendarMessage {width:210px;padding:0px;margin-left:0px;padding-bottom:5px;}
html > body .calendarMessage {width:210px;padding:0px;margin-left:-5px;padding-bottom:5px;}
.calendarNav {margin-left: 0px;}
html > body .calendarNav {margin-left:-5px;}
.rightCalendarBox {margin-right:-10px;}

/*=====Latest Headlines==*/
#rightHD
{
	width: 223px;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
}

html > body #rightHD {
	width: 223px;
	float: right;
	margin-right: 0px;
	margin-top: -10px;
}

#rightHD h2 
{
width: 198px;
height: 34px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 10px;
color: #ffffff;
background: url(../images/title.gif) repeat-x;

}
html > body #rightHD ul {
    list-style: none;
	margin-top: -10px;
	background: url(../images/title_back.gif) no-repeat top;
    background-position: 0px 0px;
}

#rightHD ul {
    list-style: none;
	margin-top: -17px;
	margin-left: 0px;
	background: url(../images/title_back.gif) no-repeat top;
    background-position: 0px 0px;
}



#rightHD li  {
margin-left: 0px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
}

html > body  #rightHD li  {
margin-left: -35px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
}

#rightHD a {
	color: #295C6F;
}
#rightHD a:visited {
	color: #295C6F;
}

#rightHD p
{
font-size: 10px;
}

/*========End Latest Headlines ===*/
/*=====Latest Headlines 2==*/
#rightHD2
{
	width: 223px;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
}

html > body #rightHD2 {
	width: 223px;
	float: right;
	margin-right: 0px;
	margin-top: -10px;
}

#rightHD2 h2 
{
width: 198px;
height: 34px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 10px;
color: #ffffff;
background: url(../images/title.gif) repeat-x;

}
html > body #rightHD2 ul {
    list-style: none;
	margin-top: -10px;
	background: url(../images/title_back.gif) no-repeat top;
    background-position: 0px 0px;
}

#rightHD2 ul {
    list-style: none;
	margin-top: -17px;
	margin-left: 0px;
	background: url(../images/title_back.gif) no-repeat top;
    background-position: 0px 0px;
}



#rightHD2 li  {
margin-left: 0px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
}

html > body  #rightHD2 li  {
margin-left: -35px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
}

#rightHD2 a {
	color: #295C6F;
}
#rightHD2 a:visited {
	color: #295C6F;
}

#rightHD2 p
{
font-size: 10px;
}

/*========End Latest Headlines 2 ===*/

#right
{
	width: 223px;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
}

html > body #right {
	width: 223px;
	float: right;
	margin-right: 0px;
	margin-top: -10px;
}

#right h2 
{
width: 198px;
height: 34px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 10px;
color: #ffffff;
background: url(../images/title.gif) repeat-x;

}
html > body #right ul {
    list-style: none;
	margin-top: -10px;
	background: url(../images/title_back.gif) no-repeat top;
    background-position: 0px 0px;
}

#right ul {
    list-style: none;
	margin-top: -17px;
	margin-left: 0px;
	background: url(../images/title_back.gif) no-repeat top;
    background-position: 0px 0px;
}



#right li  {
margin-left: 0px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
}

html > body  #right li  {
margin-left: -35px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
}

#right a {
	color: #295C6F;
}
#right a:visited {
	color: #295C6F;
}

#right p
{
font-size: 10px;
}
/*=================Calendar Box=============*/
#rightSec
{
	width: 223px;
	float: right;
	margin-right: -7px;
	margin-top: -10px;
}

html > body #rightSec
{
	width: 223px;
	float: right;
	margin-right: 0px;
	margin-top: -10px;
}

#rightSec h2 
{
width: 198px;
height: 34px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 10px;
color: #ffffff;
background: url(../images/title.gif) repeat-x;

}

#rightSec ul {
    list-style: none;
	margin-left: 0px;
	margin-top: -17px;
	background: url(../images/title_back.gif) no-repeat top;
    background-position: 0px 0px;
}

html > body #rightSec ul {
    list-style: none;
	margin-top: -10px;
    background: url(../images/title_back.gif) no-repeat top;
    background-position: 0px 0px;
}

#rightSec li  {
margin-left: 0px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
}

html > body #rightSec li  {
margin-left: -35px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
}


#rightSec a {
	color: #295C6F;
}
#rightSec a:visited {
	color: #295C6F;
}

#rightSec p
{
font-size: 10px;
}

/*========End Calendar Box===============*/

.newslastline{
padding-bottom: 5px;
}

.imagecaption {float: right; padding-left: 10px;}
.imagecaptionLeft {float: left; padding-right: 10px;}
.width306 {width: 306px;} 
.width220 {width: 220px;} 
.boxright {
margin-left: 10px;
float: right; 
padding-left: 10px; 
padding-right: 10px;
padding-bottom: 10px;
padding-top: 5px; 
border: solid 1px #333333;
background-color: #CCCCCC;
font-size: 10px;}

.fullbar {
border: dashed 1px #666666; padding: 5px;
}
.margintop10 {margin-top: 10px; _margin-top: -7px;}

.marginbottom10 {margin-top: 10px;}

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}
#navlist li {
display: block;
background-color: transparent;
background-image: url(../images/video-play-25x14.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0px 3px;
padding-left: 37px;
padding-bottom: 10px;
}

.color9900 {color: #990000;}
.marginLeft8 {margin-left:-3px;}
html > body .marginLeft8 {margin-left:-8px;}
.marginLeft5 {margin-left: 5px;}
.marginRight5 {margin-right: 5px;}
.floatLeft {float: left;}
.width25F {width: 25%; display:block; margin-bottom:10px;}
.width75F {width: 75%; display:block; margin-bottom:10px;}
.classlegend {font-weight: bold;color: #3399FF;}
.errorbox{border: 1px #FF0000 solid; padding: 5px; width: 95%; color:#FF0000; background-color:#FFCCCC;}
.clearboth {clear:both;}
.fieldsetpadding {padding-left:5px; padding-bottom: 5px;}

.programBox {border: dashed #666666 1px; padding: 5px; margin-bottom: 10px;}
.calendarAlign {border:1pt solid #cccccc;width:210px;margin-left: -4px;}
html > body .calendarAlign {border:1pt solid #cccccc;width:210px;margin-left:-4px;}
.calendarMessage {width:210px;padding:0px;margin-left:0px;padding-bottom:5px;}
html > body .calendarMessage {width:210px;padding:0px;margin-left:-0px;padding-bottom:5px;}
.calendarNav {margin-left: 0px;}
html > body .calendarNav {margin-left:-5px;}
.rightCalendarBox {margin-right:-10px;}
#displayAudio {display: none;}
a.audioArchiveh2 {color:#295C6F; text-decoration: underline;}
a.audioArchiveh2:hover  {text-decoration: none;}
.archiveBox {text-align: left; border: #3399FF 1px solid; padding: 0 5px;}