/* ------ Reset ------ */

@import url("reset.css");

/* ------ body ------ */

body { background-color: #c3d78c; background-image: url('../images/page_bg.png'); background-repeat: repeat-x; font: 100% "Trebuchet MS"; }

img.border { border: 3px solid #8ab227; }
img.align-right { float: right; margin: 0 0 0 5px; }
img.align-left { float: left; margin: 0 5px 0 0; }
#contact-info strong { color: #000; font-weight: bold; }

/* ------ divs ------ */

#wrap { width: 984px; margin: 0 auto; background-color: #fff; }
	#masthead-en { height: 275px; background-image: url('../images/masthead_en.jpg'); }
		#masthead-en #search { float: left; width: 200px; position: relative; top: 228px; left: 10px; }
		#masthead-en #access { float: left; width: 200px; position: relative; top: 228px; left: 30px; }
	#masthead-fr { height: 275px; background-image: url('../images/masthead_fr.jpg'); }
		#masthead-fr #search { float: left; width: 250px; position: relative; top: 228px; left: 10px; }
		#masthead-fr #access { float: left; width: 200px; position: relative; top: 228px; left: 30px; }
	#body { }
	.body-home { background-image: url('../images/home_page_bg.png'); }	
		#content { float: left; width: 770px; background-color: #dbe8b9; }
			#content-inner { padding: 0 10px; }
		#col-left { float: left; width: 200px; background-color: #fff; }
		#col-middle { margin: 0 14px 14px 14px; float: left; width: 556px; background-color: #dbe8b9; }
			#home-left { float: left; width: 265px; }
			#home-right { float: right; width: 265px; }
				#home-news { background-color: #c3d78c; padding: 10px; margin: 0 0 10px 0; }
		#col-right { float: right; width: 200px; }
			#navigation { margin: 0 0 14px 0; border-bottom: 15px solid #fff; }
			#contact-info { padding: 0 12px; }
	#footer { background-color: #668527; color: #3a530c; font: 70% Helvetica; }
		
/* ------ links ------ */		

a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

#content a:link, #content a:visited { color: #000; border-bottom: 1px solid #000; }
#content a:hover, #content a:active { color: #000; border-bottom: 0; }

#home-news a:link, #home-news a:visited { color: #000; border-bottom: 1px solid #000; }
#home-news a:hover, #home-news a:active { color: #000; border-bottom: 0 }

#home-news a.read-more:link, #home-news a.read-more:visited { color: #597919; border-bottom: 1px solid #597919; }
#home-news a.read-more:hover, #home-news a.read-more:active { color: #597919; border-bottom: 0; }

#access a:link, #access a:visited { color: #fff; border-bottom: 1px solid #fff; }
#access a:hover, #access a:active { color: #fff; border-bottom: 0; }

#footer a:link, #footer a:visited { color: #fff; border-bottom: 1px solid #fff; }
#footer a:hover, #footer a:active { color: #fff; border-bottom: 0; }

/* ------ nav ------ */		
	
ul#navlistvertical { background-image: url('../images/nav_bg.png'); }
ul#navlistvertical li { }
ul#navlistvertical li a { display: block; width: 176px; padding: 5px 12px; color: #242f0a; font-size: 80%; border: 0; }
ul#navlistvertical li a:hover { color: #cbdd99; background-color: #597919; border: 0; }

ul#navlistvertical li ul li a { display: block; width: 164px; padding: 5px 12px 5px 24px; color: #242f0a; font-size: 80%; border: 0; }

ul#navlistvertical li a.active { color: #cbdd99; background-color: #597919; border: 0; }

/* ------ h's ------ */

h1 { color: #fff; background-color: #7ca71c; padding: 5px 15px; margin: 0 0 10px 0; font-size: 130%; }
h2 { margin: 0 0 10px 0; font-size: 120%; }
	#home-news h2 { margin: 0; color: #688724; }
h3 { margin: 0 0 5px 0; font-size: 100%; }
h4 { }
	#home-news h4 { margin: 5px 0; font-size: 80%; }

/* ------ p's ------ */

#access p { font-size: 80%; color: #fff; padding: 5px 0 0 0; }
#content p { margin: 0 0 10px 0; font-size: 80%; color: #22182f; line-height: 1.3; } 
#home-news p { margin: 0; color: #597919; }
#col-middle p { margin: 0 0 10px 0; font-size: 80%; } 
#contact-info { color: #fff; font-size: 75%; line-height: 1.4; margin: 0; }
#footer p { text-align: center; padding: 10px 0; }

/* ------ formss ------ */

input.search { background-color: #3a530c; border: 1px solid #9cb757; width: 150px; font-size: 90%; color: #fff; }