/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* Geography CSS BEGINS | DEBUT DU CSS DE LA Geography */
/* replaces geo.css, 2column.css, 2columnTable.css,3column.css */

/* 1 - headings, backgrounds, bullets */
/* 2 - lists, alignments, font styles */
/* 3 - columns */
/* 4 - RH nav bar */

/* 1 - headings, backgrounds, bullets */

.geoh2 h1 { font-style: bold; background: rgb(204,225,252) }
.geoh2 h2 { font-style: bold; background: rgb(204,225,252) }

div.geohighlights1 {
	background-image: url(../images/geoHighlights_Background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

div.geohighlights2 {
	border: 2px solid rgb(0,0,255);
	background: #E3F5FF;
	padding:.25em;
}

div.geolistbullet {
	background-image: url(../images/Bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

div.box01{border:1px solid #C0C0C0;margin:0;padding:.25em;}

div.intro p{ text-align:left; margin:.7em 0; }
	
/*	Replaced by standard css for h1
	#intro h1{
	font-size:120%;
        width: 100%
	}
	*/
/* Format yellow column headings */

.geoyellowheading h2{
	background:rgb(246,207,77) url(/clf2/images/scheme-v101/bgsb07.gif) repeat-y 50% 0;
	margin:0 0 .5em 0;
	padding:0;
	font-weight:bold;
	letter-spacing:0.1ex;
	padding:0.25em 10px;
	}

/*	
.geoyellowheading h1{
	background:rgb(246,207,77) url(/Framework/Images/scheme-v101/bgsb07.gif) repeat-y 50% 0 ;
	margin:0 0 .5em 0;
	letter-spacing:0.1ex;
	padding:0.25em 10px;
        width:100%;
	}
.geoinnerbox ol {
	margin: 0 .25em .5em 2em;
	padding: 1em .1em 0em .1em;
	background: #fff;
	}

*/
.geoblkquote  {
	margin: 0 2em 0 2em;
	}

/* 2 - lists, alignments, font styles */
span.u {text-decoration:underline;}
.alignrt {text-align:right;}
.alignlt {text-align:left;}
.alignct {text-align:center;}
ol.I {list-style-type: upper-roman;}
ol.i {list-style-type: lower-roman;}

img.floatLeft { float: left; margin: 4px; }
img.floatRight { float: right; margin: 4px; }
img.noBorder { border: 0px none }
img.noBorderLeft { float: left; margin: 4px; border: 0px none }
img.noBorderRight { float: right; margin: 4px; border: 0px none }


/* COLUMN DEFINITIONS ******************************************** */
/* 3-column 50-50 with box layout */
div.twocolumn-50-50 { margin: 0; padding: 0; }
div.twocolumn-50-50.col1_50 { float: left; width: 50%; }
div.twocolumn-50-50.col2_50 { float: left; width: 50%; }
div.twocolumn-50-50.col1_50 .innerbox { margin-left: .25em; }
div.twocolumn-50-50.col2_50 .innerbox { margin-right: .1em; }

/* 2-column 7-93 split with box layout */
div.twocolumn { margin: 0; padding: 0; }
div.twocolumn.col1 { float: left; width: 7%; }
div.twocolumn.col2 { float: left; width: 93%; }
div.twocolumn.col1 .innerbox { margin-left: .25em; }
div.twocolumn.col2 .innerbox { margin-right: .1em; }

/* 2-column 20-80 split with box layout */
div.twocolumnFSA { margin: 0; padding: 0; }
div.FSAcol1 { float: left; width: 20%; }
div.FSAcol2 { float: left; width: 79%; }
div.FSAcol1 .innerbox { margin-left: .25em; }
div.FSAcol2 .innerbox { margin-right: .1em; }

/* 2-column 45-55 split with box layout */
div.twocolumn2FSA { margin: 0; padding: 0; }
div.FSA2col1 { float: left; width: 45%; }
div.FSA2col2 { float: left; width: 55%; }
div.FSA2col1 .innerbox { margin-left: .25em; }
div.FSA2col2 .innerbox { margin-right: .1em; }

/* Two columns with a little space in between */
div.twocolumnAF { margin: 0; padding: 0; }
div.twocol1 { float: left; width: 48%; }
div.AFdivide { float: left; width: 4%; }
div.twocol2 { float: left; width: 48%; }
div.twocol1 .innerbox { margin-left: .25em; }
div.twocol2 .innerbox { margin-right: .1em; }

/* 2-column 5-95 split with box layout */
div.twocolumnLI { margin: 0; padding: 0; }
div.LIcol1 { float: left; width: 5%; }
div.LIcol2 { float: left; width: 95%; }
div.LIcol1 .innerbox { margin-left: .25em; }
div.LIcol2 .innerbox { margin-right: .1em; }

/* 2-column box layout */
div.twocolumn_60_40 { margin: 0; padding: 0; }
div.twocolumn_60_40.col1_60_40 { float: left; width: 60%; }
div.twocolumn_60_40.col2_60_40 { float: left; width: 40%; }
	


/* 4.3. Two column image/text display */
.col02imgtxt01 {margin:0;}
 
.col02imgtxt01 img {
	left:-70px;
	margin-bottom: 45px;
	border:none;
}
/*	margin-bottom: 20px;*/
/*	margin-bottom: 35px; */

.col02imgtxt01 p {
	color: div.000099;
	font-weight: bold;
	margin-bottom: 35px; 
}
/*	margin-bottom: 40px;*/
/*	margin-bottom: 35px; */

/* 3-column 25-25-50 split with box layout */
div.threeRFcolumn { margin: 0; padding: 0; }
div.colRF1 { float: left; width: 25%; }
div.colRF2 { float: left; width: 25%; }
div.colRF3 { float: left; width: 49%; }
div.colRF1 .innerbox { margin-left: .25em; }
div.colRF2 .innerbox { margin-right: .1em; }
div.colRF3 .innerbox { margin-left: .25em; }

/* 3-column 33-33-33 split with box layout */
div.threeRFCcolumn { margin: 0; padding: 0; }
div.colRFC1 { float: left; width: 33%; }
div.colRFC2 { float: left; width: 33%; }
div.colRFC3 { float: left; width: 33%; }
div.colRFC1 .innerbox { margin-left: .25em; }
div.colRFC2 .innerbox { margin-right: .1em; }
div.colRFC3 .innerbox { margin-left: .25em; }

/* 3-column 20-60-15 */
div.threeWPcolumn { margin: 0; padding: 0; }
div.colWP1 { float: left; width: 20%; }
div.colWP2 { float: left; width: 60%; }
div.colWP3 { float: right; width: 15%; }

/* 3-column 18-38-38 */
div.threeWP2column { margin: 0; padding: 0; }
div.colWP21 { float: left; width: 18%; }
div.colWP22 { float: left; width: 38%; }
div.colWP23 { float: right; width: 38%; }

/* 3-column box layout */
div.threecolumn { margin: 0; padding: 0; }
div.threecolumn.col1_33 { float: left; width: 33%; }
div.threecolumn.col2_33 { float: left; width: 33%; }
div.threecolumn.col3_33 { float: left; width: 33%; }
div.threecolumn.col1_33.innerbox { margin-left: .25em; }
div.threecolumn.col3_33.innerbox { margin-right: .25em; }
div.col1_33 { float: left; width: 33%; }
div.col2_33 { float: left; width: 33%; }
div.col3_33 { float: left; width: 33%; }

/* 3-column 33-33-34 split with box layout */
div.threebcolumn { margin: 0; padding: 0; }
div.colb1 { float: left; width: 20%; }
div.colb2 { float: left; width: 40%; }
div.colb3 { float: left; width: 40%; }
div.colb1 .innerbox { margin-left: .25em; }
div.colb3 .innerbox { margin-right: .25em; }

/* 4-column 25-25-25-25 split */
div.fourcolumn { margin: 0; padding: 0; }
div.col4_1 { float: left; width: 24%; }
div.col4_2 { float: left; width: 24%; }
div.col4_3 { float: left; width: 24%; }
div.col4_4 { float: left; width: 24%; }

/* 4-column 57-10-12-20 split */
div.fourbcolumn { margin: 0; padding: 0; }
div.col4b_1 { float: left; width: 57%; }
div.col4b_2 { float: left; width: 10%; }
div.col4b_3 { float: left; width: 12%; }
div.col4b_4 { float: left; width: 20%; }



/* =====  4. RH nav bar =====*/
.menu20 {
	font-size:90%;
	}
	
ul.menu20 li
{margin:.1em -5px;}
ul.menu20 li a
{padding:0;}


/* Geography CSS ENDS | FIN DU CSS DE LA Geography */