html {background:#707070 url(/images/bg-body.gif) repeat-x 50% 0;}
body{
	margin:0;
	color:#555;
	font:12px Arial, Helvetica, sans-serif;
	background:url(/images/bg-bogy.jpg) no-repeat 50% 0;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#8dbe3a;
	background:url(/images/sep-link.gif) repeat-x 0 100%;
}
a:hover{
	text-decoration:none;
	background:none;
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#container {
	margin:0 auto;
	width:859px;
	position:relative;
	padding:275px 0 0;
	overflow:hidden;
}
#header {
	width:859px;
	height:275px;
	padding:0;
	margin:0 -66px 0 0;
	position:absolute;
	z-index:20;
	left:0;
	top:0;
	background:url(/images/bg-header.jpg) no-repeat;
}
#header .holder {
	overflow:hidden;
	width:859px;
	padding:9px 66px 0 0;
}
.logo {
	background:url(/images/logo.gif) no-repeat;
	width:328px;
	height:105px;
	float:left;
	margin:24px 0 0;
	overflow:hidden;
	text-indent:-9999px;
}
.logo a {
	height:100%;
	display:block;
	background:none;
}
.form {float:right;}
.form label {
	float:left;
	font:11px/18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#717171;
	margin:3px 4px 0 0;
}
.field {
	float:left;
	background:url(/images/bg-field.gif) no-repeat;
	width:125px;
	height:23px;
	padding:2px 9px;
	margin:0 3px 0 0;
}
.field input {
	margin:0;
	padding:0;
	border:none;
	background:none;
	width:124px;
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#fff;
}
a.button {
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#707070;
	float:left;
	margin:4px 22px 0 0;
	background:url(/images/bg-submit.gif) repeat-x 0 100%;
}
a.button:hover {
	background:none;
	text-decoration:none;
}
.form select {
	float:left;
	/*width:90px;*/
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#4f5154;
}
.nav {
	width: 859px;
	position: relative;
	text-align: center;
}
.nav:after {
	content:"";
	clear:both;
	display:block;
}
.nav-holder {
	left: 50%;
	float: left;
	position: relative;
	text-align: center;
}
ul.navigation {
	list-style:none;
	padding:0;
	margin:98px 0 0;
	text-align:center;
	left: -50%;
	float: left;
	position: relative;
}
ul.navigation li {
	float:left;
	background:url(/images/nav-sep.gif) no-repeat;
	padding:0 18px 6px;
	font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	position:relative;
}
ul.navigation li a {
	color:#fff;
	background:none;
}
ul.navigation li:first-child {background:none;}
ul.navigation li a:hover, ul.navigation li:hover a, ul.navigation li.hover a, ul.navigation li.active a {
	border-bottom:1px dotted #fff;
	text-decoration:none;
}
ul.navigation ul {
	position:absolute;
	left:0;
	top:18px;
	width:115px;
	list-style:none;
	padding:30px 20px 20px;
	margin:0;
	background:#72a133;
	display:none;
	white-space:nowrap;
	z-index:10;
}
li:hover ul.navigation ul, li.hover ul.navigation ul {display:block;}
ul.navigation ul.sub-1 {
	left:-47px;
	padding:30px 0px 20px 38px;
	width:137px;
}
ul.navigation ul li {
	float:none;
	background:none;
	padding:0;
	margin:0 0 10px;
	white-space:normal;
	text-align:left;
}
ul.navigation li:hover ul, ul.navigation li.hover ul {display:block;}
ul.navigation li:hover ul a, ul.navigation li.hover ul a {border:none;}
ul.navigation ul li a:hover {
	border-bottom:1px dotted #fff;
	text-decoration:none;
}
#main {
	width:793px;
	background:#fff url(/images/bg-main.gif) no-repeat 0 100%;
	padding:0 32px 55px 34px;
	margin:0 32px 0 0;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.main-image {
	width:100%;
	overflow:hidden;
	background:#d6d6d6 url(/images/bg-top-img.jpg) no-repeat 0 100%;
}
.photo {
	float:left;
	width:281px;
	padding:0 7px 0 0;
	position:relative;
	background:url(/images/shadow-img.gif) no-repeat 100% 0;
}
.photo img {display:block;}
.mask {
	position:absolute;
	left:0;
	bottom:0;
	background:url(/images/mask.gif) no-repeat;
	width:7px;
	height:7px;
	overflow:hidden;
}
.main-info {
	float:right;
	width:442px;
	padding:22px 36px 0 0;
	font-size:19px;
	color:#005ea7;
}
.main-info h1 {
	font-size:44px;
	line-height:41px;
	color:#fff;
	margin:0 0 16px;
	font-weight:normal;
}
.main-info h1 strong {
	display:block;
	font-weight:normal;
}
.main-info p {margin:0;}
.info-box, .info-box-events  {
	width:780px;
	padding:0 13px 0px 0;
	overflow:hidden;
	margin:27px 0 0;
	line-height: 125%;
}
.info-box h2 a, .info-box h2 a:hover, .info-box-events h2 a, .info-box-events h2 a:hover  
{
    border-bottom: 0px;
    background: none;
    color: #fff;
}
.info-box-events { margin-top: 35px;}
.blogs {
	float:left;
	width:559px;
	background:url(/images/bg-info-box.gif) repeat-x 0 37px;
}
#main h2 {
	margin:0;
	font-size:24px;
	line-height:27px;
	color:#fff;
	background:#72a133 url(/images/bg-heading.gif) repeat-x;
	padding:6px 15px 4px;
	font-weight:normal;
}
#main .blogs h2 {width:241px;}
.program {
	width:180px;
	float: left;
	padding:15px 0 0;
	color:#005ea7;
    margin-right: 15px;
}
.program img {float:left; height: 129px;}
.program-info 
{
    /*clear:both;*/
	float:left;
	width:180px;
	padding: 10px 0px 0px 0px;
}
.blog {
	width:100%;
	padding:15px 0 0;
	color:#005ea7;
	height: 127px;
}

.blog-image 
{
    float: left;
    width: 290px;
    height: 127px;
}
.blog-image .datemain
{
    margin-top: 10px;
}
.blog-info 
{
	float:right;
	width:238px;
	padding:0 24px 0 0;
}
.datemain {
	display:block;
	background:url(/images/arrow-blog.gif) 0px 2px no-repeat;
	font-weight:normal;
	padding:0px 0 13px 45px;
	font-size:14px;
	margin:0 0 2px;
	color:#005ea7;
}
.blog p {margin:0;}
.quiz {
	float:right;
	width:215px;
	padding:0 0 0 6px;
	color:#005ea7;
	line-height:125%;
}
#main .quiz h2 {
	width:215px;
	margin:0 0 15px -6px;
	position:relative;
	padding-bottom:5px;
}
.quiz p {margin:0;}
.answers {
	width:212px;
	padding:20px 0 0;
}
.answers h4 {
	margin:0 0 3px;
	padding:0 0 9px;
	font-size:14px;
	color:#005ea7;
	border-bottom:1px solid #72a133;
	font-weight:normal;
	text-transform:uppercase;
}
.row {
	width:198px;
	overflow:hidden;
	padding:13px 0 0;
}
.row input {
	float:left;
}
.row label {
	float:right;
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#005ea7;
	width:172px;
}
#main h2.events {width:241px;}
.enents-holder {
	width:780px;
	overflow:hidden;
	border-top:1px solid #72a133;
	line-height: 125%;
}
.event {
	float:left;
	width:190px;
	color:#005ea7;
	padding:11px 53px 0 12px;

}
.event p {margin:0;}
.event .datemain {
	background:none;
	padding:0;
	line-height:15px;
}
.event2 {padding-right:43px;}
.event3 {padding:11px 0 0 0;}
#footer {
	background:url(/images/bg-footer.gif) no-repeat;
	width:859px;
	/*padding:17px 0;*/
	overflow:hidden;
	font:12px Verdana, Arial, Helvetica, sans-serif;
    color:#fff;
}

.address {
	width:350px;
	float: left;
	overflow:hidden;
	padding: 7px 0px 0px 46px;
	line-height: 125%;
}
.ads {
	width:414px;
	float: right;
	overflow:hidden;
	padding:17px 31px 16px 0;
}
.ads ul {
	list-style:none;
	padding:0;
	margin:0;
	float:right;
	width:auto;
}
.ads ul li {
	display:inline;
	vertical-align:baseline;
	padding:0 18px 0 0;
}
.ads ul li a {background:none;}
* html .ads ul li {display:inline;}
* +html .ads ul li {display:inline;}
.footer-left
{
    float: left;
    width: 250px;
    height: 100px;
    text-align: left;
    font-size: 10px;
}
.footer-left img
{
    background-color: #fff;
}
.right
{
	text-align:right !important;
	float: right;
    width: 600px !important;
    clear: none !important;
    padding: 0px !important;
}
ul.footer-nav 
{
    clear: both;
	list-style:none;
	padding:10px 0px 0px 0px;
	margin:0;
	width:100%;
	text-align:center;
	height: 30px;
}
ul.footer-nav li {
	display:inline;
	background:url(/images/sep-footer.gif) no-repeat 0 2px;
	padding:0 6px 0 7px;
}
ul.footer-nav li a {
	background:none;
	color:#fff;
}
ul.footer-nav li a:hover {background:url(/images/dotted-nav.gif) repeat-x 0 100%;}
ul.footer-nav li:first-child {background:none;}
.sponsoredBy
{
    padding: 10px 0px 15px 0px;
    font-size: 10px;
    float: left;
    width: 490px;
    margin: 0px auto;
    background: url("/images/patrimoine-canadien.jpg") right 3px no-repeat;
}
/*inner page*/
#sub-main {
	width:825px;
	overflow:hidden;
	padding:0 0 131px 34px;
	background:#fff url(/images/bg-sub-main.gif) no-repeat 0 100%;
}
.content {
	float:right;
	width:614px;
	padding:0 10px 0 0;
	background:url(/images/bg-content.gif) no-repeat 100% 59px;
	line-height: 125%;
}
.main-box, .main-box-form, #htmlfromcms {
	float:left;
	width:382px;
	padding:25px 0 0;
	line-height:125%;
	z-index: -1 !important;
}
.main-box h1 {
	margin:0 0 15px;
	font-size:19px;
	line-height:21px;
	color:#005ea7;
	font-weight:normal;
}
.main-box p {margin:0 0 16px;}
.main-box h2 {
	font-size:16px;
	line-height:16px;
	margin:0 0 14px;
	color:#005ea7;
	font-weight:bold;
}
.blogs-box {
	float:right;
	width:189px;
	padding:29px 3px 0 0;
	color:#005ea7;
}
.blogs-box h3 {
	margin:0;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	color:#fff;
	background:#8dc63f;
	padding:2px 10px 5px;
}
.blogs-box .blog {padding:10px 0 12px;}
.blogs-box .blog .datemain {
	background:url(/images/arrow-blog-mini.gif) no-repeat;
	padding:0 0 0 20px;
	margin-bottom:15px;
}
.quiz-box {
	padding:45px 0 0;
	line-height:15px;
}
.blogs-box .quiz-box h3 {margin-bottom:18px;}
.quiz-box p {margin:0;}
.blogs-box .answers {
	float:none;
	width:192px;
	margin:0 -3px 0 0;
	padding-top:11px;
}
.blogs-box .answers h4 {
	margin:0 0 3px;
	font-size:14px;
	padding:0 0 8px;
	color:#005ea7;
	border-bottom:1px solid #72a133;
	font-weight:normal;
	text-transform:uppercase;
}
.side-nav {
	background:url(/images/bg-side-nav.gif) repeat-y;
	width:184px;
	float:left;
	padding:24px 0 0;
}
.side-nav .inner {
	background:url(/images/bg-side-nav-bottom.jpg) no-repeat 0 100%;
	padding:0 0 32px;
}
.side-nav ul {
	list-style:none;
	padding:0;
	margin:4px 18px 0 13px;
	width:153px;
	border-top:1px solid #707070;
}
.side-nav ul li {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #707070;
	padding:5px 0 4px;
}
.side-nav ul li a {
	background:none;
	color:#707070;
}
.side-nav ul li a:hover, .side-nav ul li.active a {color:#005ca5;}

#updateProgress
{
    position: absolute;
    z-index: 10;
    margin:35px 0px 0px 75px;
    background: #fff;
    padding: 20px;
}

.noborder
{
    border: 0px;
    background:none;
}


@-moz-document url-prefix() {
    .main-box-form {
	    float:left;
	    width:382px;
	    padding:25px 0 0;
	    line-height:125%;
	    z-index: -1 !important;
	    margin-left: 40px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    .main-box-form {
	    float:left;
	    width:382px;
	    padding:25px 0 0;
	    line-height:125%;
	    z-index: -1 !important;
	    margin-left: 40px;
    }
}