/* CSS Document */

/* ----- Basic styles ----- */

body {
	padding: 0;
	min-height: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body #homepage {
	padding: 0;
	min-height: 1200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body #duhavre {
	padding: 0;
	min-height: 750px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {

	line-height: 1.5em;
	margin:1em 0;
	font-size: 10.5pt;
}

li {
	font-size: .9em;
	margin: .5m 0;
	line-height:1.25em;
}

p img {
	float: left;
	padding: 0 15px;
	border:0;
	margin-top:-1.75em;
	margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
	margin:1em 0;
	color:#B45626;
	clear: both;
}

strong { font-weight: bold; }

a {
	color:#067AB6;
	font-weight: bold;
}

.report {
	font-style:italic;
}
.copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #999;
	text-align: center;
}


/* ----- Sitewrapper ----- */
#site_wrapper {
	position: relative;
	padding-top:0;
	text-align: center;
	max-width: 780px;
}
/* ----- Utilities ----- */
#branding #utilities {
	position: absolute;
	top:5px;
	right:10px;
	color: #fff;
	font-size: .7em;
	font-weight: bold;
}

#utilities a {
	color:#fff;
	text-decoration: none;
	margin:0 .55em;
	font-weight: bold;
}

#utilities a:hover {
	color:#ebab21;
	text-decoration: underline;
}


/* ----- Branding ----- */

#branding {
	height:225px;
	background: transparent url(/images/header_aerial.jpg) no-repeat bottom left;
	position: relative;
}

#ottawa #branding {
	height:225px;
	background: transparent url(/images/header_1500.jpg) no-repeat bottom left;
	position: relative;
}

#moulin #branding {
	height:225px;
	background: transparent url(/images/header_moulin.jpg) no-repeat bottom left;
	position: relative;
}

#branding li {
	display: inline;
}

#branding #logo {
	position: absolute;
	top: 0px;
	left: 0px;
	
}

#toggle {
	text-align: right;
	height:20px;
	width: 780;
	background-color: #1c3c5e;
}

#toggle h2 {
	color: #FFF;
	background-color: #62AA45;
}

#toggle .click {
	float: right;
}

#branding #logo a {
	display: block;
	width: 780px;
	height: 60px;
	background: url(/images/header.gif) no-repeat left;
	text-indent: -9999px;
	
}

/* ----- Main content area ----- */

body #content_main {
	color: #666;
	clear: both;
	min-height: 500px;
	margin-left:255px;
	margin-top: 25px;
	margin-right:0;
}

body #duhavre #content_main {
	min-height: 700px;
}

body #homepage #content_main {
	min-height: 1500px;
}

#content_main #spacing {
	height: 600px;
}

#content_main #secondary_nav {
	font-size: 8pt;
}

#content_main #secondary_nav a {
	text-decoration: none;
}

#content_main ul li {
	padding-left:25px;
	background: url(/images/liBullet.gif) no-repeat left top;
}

#content_main ol.number {
	list-style-type: decimal;
	margin-left: 0px

}

#content_main ol.alpha {
	list-style-type: lower-alpha;
	position: relative; 
	left: 25px; 
	margin-right: 5px;

}

#content_main ol li {
	padding-left:0px;
	background: none;
	font-size: 10.5pt;
	line-height: 1.5em;
}

#content_main #privacy_list {
	padding-left: 25px;


}


#content_main #news li {
	padding-bottom:15px;
}


blockquote {
	padding: 1em 3.5em 1em 2.5em;
	margin: 2em 0 2em -1.5em;
	background: #e3e8ed url(/images/left-quote.gif);
	background-position: 10px 20px;
	background-repeat: no-repeat;
	border-left: 10px #1c3c5e solid;
}

blockquote #quote {
	padding-right: 0px;
	font-size: 1.2em;
}

blockquote a {
	font-weight: bold;
	text-align: right;
	padding-left: 20px;
	background: url(/images/liBullet.gif) no-repeat left;
}

blockquote #right-quote {
	text-align: right;
	padding-top:2em;
	margin-top: -1.25em;
	background: url(/images/right-quote.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.floatRight { float: right; 
	margin-top: -1.5em;
}

.clear {
	clear: both;
}

/* =FAQ */

#qanda li {
	background-image: none;
	padding-left:0;
}

#qanda li h3 {
	font-size: 1.35em;
	margin-bottom:0;
	color:#B45626;
}

#qanda li p {
	margin: -.25em 1em 2em 0;
	font-size: 1em;
}
/*-------*/

/* =About */

#propDetail {
	margin-top: 1em;
}

#propDetail li {
	clear: both;
	background-image: none;
	position: relative;
	border-top: 1px #efefef solid;
	padding: 0 0 5px 0;
} 

#propDetail li:first-child {
	border-top: 0;
}

#propDetail h3 {
	font-size: 1.35em;
	color:#B45626;
	margin: .3em 0 .3em 0;
	padding-top:.4em;
}

#propDetail p {
	margin: -.5em 0 1em 0;
	font-size:1em;
}

#propDetail img {
	float: left;
	padding: 35px 15px 0px 0px;
}


#propDetail li ul li {
	padding-left: 20px;
	text-align: left;
	border-top: none;
	line-height:1.5em;
}

#propDetail li ul #www {
	background: url(http://www.clc.ca/images/www.gif) no-repeat left;
}

#propDetail li ul #fact {
	background: url(http://www.clc.ca/images/acrobat.gif) no-repeat left;
}



/* =Contact */

.vcard {
	margin: 1em 0;
	font-size: .9em;
}

.vcard * {
	margin:.25em 0;
}

.vcard .fn, .vcard .title {
	font-weight: bold;
	color:#666;
}


/* -------- */

/* =Left column */
#content_sub {
	width:230px;
	position: absolute;
	top: 245px;
	left: 0;
	padding:0;
	border-bottom: 20px;
	border-bottom-style: solid;
	border-color: #1c3c5e;
}

#sub_content {
	padding: 0;
	padding-top: -15px;
}

#sub_content li {
	background-color: #e3e8ed;	
	padding-bottom: .5em;
	padding-top: 4px;
	font-size:.8em;
	border-style: solid;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	border-color: #b45626
}

#sub_content li p {
	padding: .5em 1em;
	line-height: 1.25em;
	font-size: 10pt;
}

#sub_content li p img {
	clear: left;
	padding: 0 5px;
	border:0;
	margin-top:-0.25em;
	vertical-align:text-bottom;
}

#sub_content li h2 {
	margin: 0;
	padding: .6em 0 .5em 35px;
	color: #333;
}

#sub_content #thesis, #sub_content #presskit {
	border-color: #b45626
	padding-top: 4px;
	background: #e3e8ed url(/images/red_border.gif) repeat-x;
}

#sub_content #clc, #sub_content #smallcontact {
	border-color: #60AAD0
	padding-top: 4px;
	background: #e3e8ed url(/images/blue_border.gif) repeat-x;	
}

#sub_content #didyouknow {
	border-color: #ebab21
	padding-top: 4px;
	background: #e3e8ed url(/images/yellow_border.gif) repeat-x;	
}

#sub_content #newsroom {
	border-color: #62AA45
	padding-top: 4px;
	background: #e3e8ed url(/images/green_border.gif) repeat-x;	
}

#sub_content #thesis h2 {
	background: #e3e8ed url(/images/mnh_corner.gif) no-repeat top left;
}

#sub_content #clc h2 {
	background: #e3e8ed url(/images/clc_corner.gif) no-repeat top left;
}

#sub_content #didyouknow h2 {
	background: #e3e8ed url(/images/dyk_corner.gif) no-repeat top left;
}

#sub_content #presskit h2 {
	background: #e3e8ed url(/images/clc_corner.gif) no-repeat top left;
}

#sub_content #smallcontact h2 {
	background: #e3e8ed url(/images/contact_corner.gif) no-repeat top left;
}

#sub_content #newsroom h2 {
	background: #e3e8ed url(/images/news_corner.gif) no-repeat top left;
}


/* Primary Navigation */

#primary_nav ul#leftNav {
	background: #d8efd8 url(/images/green_border.gif) repeat-x;
	padding-top: 4px;
	font-size: 10pt;
	border: 0px #62AA45 solid;
	border-top: 4px;
}

#primary_nav ul#leftNav li {
	background-color: #d8efd8;
}

#primary_nav ul#leftNav a#nav_1500_en {
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 25px;
	background: url(/en/images/nav_bassins.gif) no-repeat left;
}

#primary_nav ul#leftNav a#nav_1500_fr {
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 25px;
	background: url(/fr/images/nav_bassins.gif) no-repeat left;
}

#primary_nav ul#leftNav a#nav_havre_en {
	text-indent: -9999px;
	display: block;
	width: 83px;
	height: 25px;
	background: url(/en/images/nav_havre.gif) no-repeat left;
}

#primary_nav ul#leftNav a#nav_havre_fr {
	text-indent: -9999px;
	display: block;
	width: 84px;
	height: 25px;
	background: url(/fr/images/nav_havre.gif) no-repeat left;
}

#primary_nav ul#leftNav a#nav_moulin_en {
	text-indent: -9999px;
	display: block;
	width: 107px;
	height: 25px;
	background: url(/en/images/nav_moulin.gif) no-repeat left;
}

#primary_nav ul#leftNav a#nav_moulin_fr {
	text-indent: -9999px;
	display: block;
	width: 107px;
	height: 25px;
	background: url(/fr/images/nav_moulin.gif) no-repeat left;
}

#primary_nav ul#leftNav a#nav_props_en {
	text-indent: -9999px;
	display: block;
	width: 133px;
	height: 25px;
	background: url(/en/images/nav_props.gif) no-repeat left;
}

#primary_nav ul#leftNav a#nav_props_fr {
	text-indent: -9999px;
	display: block;
	width: 198px;
	height: 25px;
	background: url(/fr/images/nav_props.gif) no-repeat left;
}

#primary_nav ul#lowerLeftNav {
	background: #f3f5f7 url(/images/yellow_border.gif) repeat-x;
	font-size: 10pt;
	padding-top: 4px;
	border: 0px #eaaa22 solid;
	border-top: 4px;	
}

#primary_nav ul#lowerLeftNav li { 	
	background-color: #f3f5f7;
}

#primary_nav ul#lowerLeftNav a#nav_about_en {
	text-indent: -9999px;
	display: block;
	width: 62px;
	height: 25px;
	background: url(/en/images/nav_about.gif) no-repeat left;
}

#primary_nav ul#lowerLeftNav a#nav_faq_en {
	text-indent: -9999px;
	display: block;
	width: 24px;
	height: 25px;
	background: url(/en/images/nav_faq.gif) no-repeat left;
}

#primary_nav ul#lowerLeftNav a#nav_contact_en {
	text-indent: -9999px;
	display: block;
	width: 52px;
	height: 25px;
	background: url(/en/images/nav_contact.gif) no-repeat left;
}

#primary_nav ul#lowerLeftNav a#nav_news_en {
	text-indent: -9999px;
	display: block;
	width: 65px;
	height: 25px;
	background: url(/en/images/nav_news.gif) no-repeat left;
}

#primary_nav ul#lowerLeftNav a#nav_about_fr {
	text-indent: -9999px;
	display: block;
	width: 36px;
	height: 25px;
	background: url(/fr/images/nav_about.gif) no-repeat left;
}

#primary_nav ul#lowerLeftNav a#nav_faq_fr {
	text-indent: -9999px;
	display: block;
	width: 24px;
	height: 25px;
	background: url(/fr/images/nav_faq.gif) no-repeat left;
}

#primary_nav ul#lowerLeftNav a#nav_contact_fr {
	text-indent: -9999px;
	display: block;
	width: 52px;
	height: 25px;
	background: url(/fr/images/nav_contact.gif) no-repeat left;
}

#primary_nav ul#lowerLeftNav a#nav_news_fr {
	text-indent: -9999px;
	display: block;
	width: 64px;
	height: 25px;
	background: url(/fr/images/nav_news.gif) no-repeat left;
}

#sub_content #primary_nav {
	top: 4;
	margin: 0;
	border: 0;
	padding: 0;
}

#primary_nav li{
	border: 0;
	line-height: .5em;	
	padding: 0 0 0 20px;
}

/*--------------------*/

/* ----- Footer ----- */

ul#footNav {
text-align: center;
margin-top: 40px;
}

ul#footNav li {
display: inline;
padding: 5px;
background: none;
}

ul#footNav a {
font-size: 8pt;
margin: 0;
background: none;
padding: 0;
}

ul#footNavBottom {
text-align: center;
margin-bottom: 20px;
}

ul#footNavBottom li {
display: inline;
padding: 5px;
background: none;
}

ul#footNavBottom a {
font-size: 8pt;
margin: 0;
background: none;
padding: 0;
}

ul#footer { 
	bottom: 0;
	height: 82px;
	background: #1c3c5e url(/images/footer_lines.jpg) no-repeat right ;
	text-align: center;
	margin-top:7em;
}

ul#footer li { display: inline; margin: 0 1.5em;}

ul#footer img { margin-top:10px; }

/* -------------------- */

