/* MAIN.CSS v1.0
/* ©2007 MHC.ON.CA


/**********
 * LAYOUT *
 **********/

body {
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	font: normal bold 0.9em Tahoma, Arial, Helvetica, sans-serif;
}

#main-con {
	border-color: #217FBD;
	width: 994px;
	height: 854px;
	margin: 0 auto;
}

#left-con {
	float: left;
}



/**********
 * BORDER *
 **********/

#bg-tl {
	float: left;
	background-image: url(images/bg-tl.gif);
	width: 16px;
	height: 16px;
}

#bg-tm {
	float: left;
	background-image: url(images/bg-tm.gif);
	background-repeat: repeat-x;
	width: 962px;
	height: 16px;
}

#bg-tr {
	float: left;
	background-image: url(images/bg-tr.gif);
	width: 16px;
	height: 16px;
}

#bg-ml {
	float: left;
	position: relative;
	top: -1px;
	background-image: url(images/bg-ml.gif);
	background-repeat: repeat-y;
	width: 16px;
	height: 851px;
}

#body-con {
	float: left;
	position: relative;
	top: -1px;
	background-color: #217FBD;
	width: 962px;
	height: 851px;
}

#bg-mr {
	float: left;
	position: relative;
	top: -1px;
	background-image: url(images/bg-mr.gif);
	background-repeat: repeat-y;
	width: 16px;
	height: 851px;
}

#bg-bl {
	float: left;
	position: relative;
	top: -1px;
	background-image: url(images/bg-bl.gif);
	width: 25px;
	height: 45px;
}

#bg-bm {
	float: left;
	position: relative;
	top: -1px;
	background-image: url(images/bg-bm.gif);
	width: 944px;
	height: 45px;
}


#bg-br {
	float: left;
	position: relative;
	top: -1px;
	background-image: url(images/bg-br.gif);
	width: 25px;
	height: 45px;
}

/**********
 *  LOGO  *
 **********/

#logo-con {
	float: left;
	padding: 1px;
	position: relative;
	top: 1px;
	left: 1px;
	width: 194px;
	height: 177px !important;
	height: 176px;
	border-color: #217fbd;
	border: 1px;
	background-color: #FFF;
}

#logo-hdr {
	background-image: url(images/logo-hdr.gif);
	width: 194px;
	height: 33px;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
}

#logo-border {
	background-color: #217fbd;
	padding: 1px;
}

#logo-img {
	background-image: url(images/logo.gif);
	width: 192px;
	height: 129px;
}

.line-brk {
	position: relative;
	background-image: url(images/line-brk.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 6px;
	margin-bottom: 0px !important;
	margin-bottom: -12px;
}

/**********
 *  MENU  *
 **********/

#menu-con {
	float: left;
	clear: left;
	padding: 1px;
	position: relative;
	top: 11px;
	left: 1px;
	width: 194px;
	height: 649px !important;
	height: 651px;
	border-color: #63AD00;
	border: 1px;
	background-color: #FFF;
}

#menu-hdr {
	background-image: url(images/menu-hdr.gif);
	width: 194px;
	height: 33px;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
}

#menu-border {
	background-color: #63AD00;
	padding: 1px;
	padding-bottom: 1px !important;
	padding-bottom: 0px;
}

#menu-sect {
	background-image: url(images/menu-sect.gif);
	width: 192px;
	height: 17px;
}

#main-sect {
	background-image: url(images/main-sect.gif);
	width: 192px;
	height: 17px;
}

#menu-rest {
	background-image: url(images/menu-rest.gif);
	width: 192px;
	height: 293px !important;
	height: 296px;
}

.menu-btn {
	background-image: url(images/menu-btn.gif);
	background-repeat: repeat-x;
	width: 192px;
	height: 27px;
}

.menu-btn a:link, .menu-btn a:visited, .menu-btn a:active {
	float: left;
	position: relative;
	top: 8px;
	left: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	color: #838383;
}

.menu-btn a:hover {
	text-decoration: underline;
	color: #333333;
}

.menu-btn2 {
	background-image: url(images/menu-btn2.gif);
	background-repeat: repeat-x;
	width: 192px;
	height: 27px;
}

.menu-btn2 a:link, .menu-btn2  a:visited, .menu-btn2  a:active {
	float: left;
	position: relative;
	top: 8px;
	left: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	color: #838383;
}

.menu-btn2 a:hover {
	text-decoration: underline;
	color: #333333;
}

.mgn-arrow {
	float: left;
	position: relative;
	top: 12px;
	left: 8px;
	background-image: url(images/gn-arrow.gif);
	background-repeat: no-repeat;
	width: 9px;
	height: 9px;
}

#mbl-arrow {
	float: left;
	position: relative;
	top: 12px;
	left: 8px;
	background-image: url(images/bl-arrow.gif);
	background-repeat: no-repeat;
	width: 9px;
	height: 9px;
}

/**********
 * HEADER *
 **********/

#flash-con {
	float: right;
	padding: 1px;
	padding-bottom: 0px;
	position: relative;
	top: 1px;
	left: 1px;
	width: 755px;
	height: 269px;
	background-color: #FFF;
}

#flash-hdr {
	background-image: url(images/flash-hdr.gif);
	width: 754px;
	height: 36px;
}

#flash-border {
	background-color: #000;
	padding: 0px;
	margin-bottom: -3px;
	width: 722px;
	height: 233px !important;
	height: 232px;
	border-left-style: solid;
	border-left-width: 1px;
	border-color: #217fbd;
}

/*************
 *  CONTENT  *
 *************/

#cont-con {
	float: left;
	padding: 1px;
	padding-top: 0px;
	position: relative;
	left: 10px !important;
	left: 10px;
	width: 510px;
	height: 570px !important;
	height: 571px;
	border-color: #217fbd;
	border: 1px;
	background-color: #FFF;
}


#cont-border {
	background-color: #217fbd;
	padding: 1px;
	padding-top: 0px;
}

#cont-area {
	background-image: url(images/body-top.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	* background-attachment: fixed;
	width: 508px;
	height: 569px !important;
	height: 570px;
}

#cont-head {
	background-color: #FFF;
	float: left;
	position: relative;
	top: -4px !important;
	top: 2px;
	margin-top: -3px !important;
	left: 3px;
	height: 31px !important;
	height: 23px;
	width: 319px;
	z-index: 1;
}

#cont-area h1 {
	background-color: #FFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	float: left;
	clear: right;
	position: relative;
	left: -3px;
	padding: 4px;
	padding-left: 8px;
	width: 300px;
	border-bottom-width: 1px;
	border-bottom-color: #ECECEC;
	border-bottom-style: solid;
}

#cont-text {
	position: absolute;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: 500;
	margin-top: 1px !important;
	left: 164px;
	padding-left: 18px;
	padding-right: 6px;
	padding-top: 32px;
	width: 321px;
	height: 535px !important;
	height: 536px;
	overflow: auto;
}

#cont-text a:link, #cont-text a:visited, #cont-text a:active {
	text-decoration: underline;
	color: #1f77b6;
}

#cont-text a:hover {
	text-decoration: underline;
	color: #333333;
}

#cont-icon {
	float: left;
	position: relative;
	top: 18px;
	width: 145px;
	left: 6px !important;
	left: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-color: #ECECEC;
	border-bottom-style: solid;
}

#cont-icon a:link, #cont-icon a:visited, #cont-icon a:active {
	text-decoration: underline;
	color: #1f77b6;
}

#cont-icon a:hover {
	text-decoration: underline;
	color: #333333;
}

#cont-icon img {
	position: relative;
	left: -7px;
}

#cont-limg {
	height: 556px !important;
	height: 558px;
	width: 155px;
	float: left;
	border-right-width: 1px;
	border-right-color: #ECECEC;
	border-right-style: solid;
	padding-top: 12px;
	padding-right: 6px !important;
	padding-right: 0px;
	margin-left: 6px;
}

/**********
 *  NEWS  *
 **********/

#news-con {
	float: right;
	padding: 1px;
	position: relative;
	top: -2px;
	width: 234px;
	height: 387px !important;
	height: 383px;
	background-color: #FFF;
}

#news-border {
	background-color: #63AD00;
	padding-top: 0px;
	padding: 1px;
}

#news-area {
	background-color: #FFFFFF;
	width: 232px !important;
	height: 385px !important;
	height: 382px;
}

.news-item {
	background-color: #7bb6dd;
	padding-top: 0px;
	padding: 1px;
	width: 300px;
	height: 122px;
}

.news-date {
	background-color: #FFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	float: left;
	clear: both;
	width: 292px;
	height: 12px;
	border-bottom-width: 1px;
	border-bottom-color: #d9e9f2;
	border-bottom-style: solid;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 4px;
}

.news-col {
	background-color: #FFF;
	float: left;
	width: 15px;
	height: 73px;
	border-right-width: 1px;
	border-right-color: #d9e9f2;
	border-right-style: solid;
	padding-left: 5px;
	padding-top: 4px;
}

.news-desc {
	background-color: #FFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: left;
	clear: right;
	width: 273px;
	height: 95px !important;
	height: 93px;
	padding-left: 6px;
	padding-top: 2px !important;
	padding-top: 4px;
	overflow: hidden;	
}

.news-post {
	float: left;
	clear: both;
	width: 300px;
	padding-bottom: 6px;
}

.news-item2 {
	float: left;
	background-color: #7bb6dd;
	padding-top: 0px;
	padding: 1px;
	margin-left: 12px;
	width: 201px;
	height: 102px;
}

.news-date2 {
	background-color: #FFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	float: left;
	clear: both;
	width: 193px;
	height: 12px;
	border-bottom-width: 1px;
	border-bottom-color: #d9e9f2;
	border-bottom-style: solid;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 4px;
}

.news-desc2 {
	background-color: #FFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: left;
	clear: right;
	width: 174px;
	height: 75px !important;
	height: 73px;
	padding-left: 6px;
	padding-top: 2px !important;
	padding-top: 4px;
	overflow: hidden;
}

.news-btn {
	float: right;
	margin-right: 0px;
	margin-top: 4px;
}

.qnews-date a:link {
	font-size: 1.0em;
	text-decoration: none;
	color: #63ad00;
}

.qnews-date a:hover {
	text-decoration: underline;
	color: #000000;
}

.qnews-date a:visited {
	text-decoration: none;
	color: #63ad00;
}

.qnews-date a:active {
	text-decoration: none;
	color: #63ad00;
}

#qnews-btn1 {
	position: absolute;
	left: 139px;
	top:  103px;
}

#qnews-btn2 {
	position: absolute;
	left: 139px;
	top:  225px;
}

#qnews-btn3 {
	position: absolute;
	left: 139px;
	top:  347px;
}

.qnews-title {
	position: relative;
	padding-left: 6px;
	padding-top: 5px;
	padding-bottom: 3px;
	height: 15px;
	border-bottom-width: 1px;
	border-bottom-color: #ECECEC;
	border-bottom-style: solid;
}

.qnews-title b {
	position: relative;
	top: -2px;
}

.qnews-date {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	float: left;
	clear: both;
	width: 224px;
	height: 12px;
	border-bottom-width: 1px;
	border-bottom-color: #D6E6BB;
	border-bottom-style: solid;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 4px;
}

.qnews-col {
	float: left;
	width: 15px;
	height: 92px;
	border-right-width: 1px;
	border-right-color: #D6E6BB;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #D6E6BB;
	border-bottom-style: solid;
	padding-left: 5px;
	padding-top: 4px;
}

.qnews-desc {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: left;
	clear: right;
	width: 205px;
	height: 94px !important;
	height: 92px;
	border-bottom-width: 1px;
	border-bottom-color: #D6E6BB;
	border-bottom-style: solid;
	padding-left: 6px;
	padding-top: 2px !important;
	padding-top: 4px;
	overflow: hidden;
}

.qnews-desc a:link, .qnews-desc  a:visited, .qnews-desc  a:active {
	text-decoration: normal;
	color: #1f77b6;
}

.qnews-desc a:hover {
	text-decoration: underline;
	color: #333333;
}


.news-btn {
	padding-top: 2px !important;
	padding-top: 1px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	float: right;
	padding-right: 6px;
}

.news-btn a:link, .news-btn a:visited, .news-btn a:active {
	color: #808080;
}

/*****************
 * RECENT IMAGES *
 *****************/

#recent-thumbs {
	position: relative;
	top: 4px;
	left: 8px;
}

.recent-pic {
	margin-left: 8px;
	float: left;
	background-color: #FFF;
	padding: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #E7E7E7;
}

/***********
 * CONTACT *
 ***********/

#contact-con {
	float: right;
	padding: 1px;
	position: relative;
	top: 8px;
	left: 2px;
	width: 236px;
	height: 172px !important;
	height: 171px;
	border-color: #217fbd;
	border: 1px;
	background-color: #FFF;
}

#contact-hdr {
	background-image: url(images/contact-hdr.gif);
	width: 234px;
	height: 33px;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
}

#contact-border {
	background-color: #217fbd;
	width: 232px;
	padding: 1px;
}

#contact-area {
	background-color: #FFF;
	width: 218px;
	height: 116px !important;
	padding: 7px !important;
	padding-top: 6px;
	padding-bottom: 0px;

}

#contact-area u {
	left: 2px;
	position: relative;
	font-size: 0.9em;
}

#contact-area b {
	left: 18px;
	top: 12px;
	position: relative;
	font-size: 0.8em;
}

#contact-icon {
	float: left;
	position: relative;
	top: 8px;
	left: 4px;
	background-image: url(images/logo-sm.gif);
	width: 55px;
	height: 55px;
}

#contact-numb {
	font-size: 0.8em;
	float: left;
	position: relative;
	left: 2px !important;
	left: -54px;
	top: 14px !important;
	top: 30px;
	width: 170px;
	height: 38px
}

#contact-numb u {
	position: absolute;
	margin-left: 72px;
	text-decoration: none;

}

#contact-numb b {
	margin-right: 0px;
	position: absolute;
	margin-top: 5px;
	margin-left: 56px;
}



#contact-phone {
	float: right;
	position: relative;
	top: 8px !important;
	top: 41px;
	left: 0px !important;
	left: 47px;
	right: -3px;
	background-image: url(images/phone.gif);
	width: 40px;
	height: 40px;
	margin-bottom: -10px;
}

.bl-arrow {
	float: left;
	position: relative;
	top: 3px;
	padding-right: 6px;
	background-image: url(images/bl-arrow.gif);
	background-repeat: no-repeat;
	width: 9px;
	height: 9px;
}

.gn-arrow {
	float: left;
	position: relative;
	top: 3px;
	padding-right: 6px;
	background-image: url(images/gn-arrow.gif);
	background-repeat: no-repeat;
	width: 9px;
	height: 9px;
}

.gw-arrow {
	float: left;
	position: relative;
	top: 1px;
	padding-right: 10px !important;
	padding-right: 7px;
	background-image: url(images/gw-arrow.gif);
	background-repeat: no-repeat;
	width: 9px;
	height: 9px;
}

.dot {
	float: left;
	position: relative;
	top: 4px;
	padding-right: 10px !important;
	padding-right: 8px;
	background-image: url(images/dot.gif);
	background-repeat: no-repeat;
}

/**********
 * FOOTER *
 **********/

#footer-privacy {
	position: relative;
	float: left;
	left: -8px;
}

#footer-chk {
	position: relative;
	float: right;
	top: -1px;
}

#footer-mhc {
	position: relative;
	float: right;
	top: -1px;
	margin-right: 10px;
	left: 3px;
}


#footer-2007 {
	position: relative;
	float: right;
	right: -4px;
}

#safe-culture {
	float: left;
	padding-left: 15px;
	padding-bottom: 6px;
}


#div-logo {
	color: #454545;
	float: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	padding-right: 20px;
	padding-bottom: 15px;
}

#div-logo a:link, #div-logo  a:visited, #div-logo  a:active {
	text-decoration: underline;
	color: #1f77b6;
}

#div-logo a:hover {
	text-decoration: underline;
	color: #333333;
}