body{
	padding-top: 1em;
	background:#ccd5dc url('Bg2.png') top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #222222;;
	margin: 0;
}

#wrap {
	width: 980px;
	background-color: White;
	margin:0px auto;
	padding-left: 15px;
	padding-right: 10px;
}

#header {
	padding: 5px 0 0 0;
}

#head1 {
	width: 30%;
	float: left;
}

#head2 {
	width: 55%;
	float: left;
	padding-left: 20px;
	margin-bottom: 40px;
}

#head3 {
	width: 10%;
	text-align: right;
	float: left;
	font-size: 0.8em;
}

#content {
	min-height: 400px;
	padding-top: 30px;
}

#footer {
	clear: both;
	background: #233238 url(../images/backgroundfooter.jpg) top repeat-x;
	width: 100%;
	height: 400px;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

#cssmenu ul {

	padding: 0;
	list-style-type: none;
	position: relative;
	display: block;
	height: 35px;
	/*text-transform: uppercase;*/
	font-size: 0.9em;
	text-align:center;



}
#cssmenu li {
	display: inline-block;
	/* float: left;*/
	margin: 0;
	padding: 0;
	border-right: 8px solid #ffffff;


}


#cssmenu li a {
	display: block;
	float: left;
	color: #ffffff;
	text-decoration: none;
	padding: 6px 20px 6px 20px;
	height: 24px;
	background-color: #242e37;
	border-radius:5px;
}



#cssmenu li a:hover, #cssmenu li a:focus, #cssmenu li a.active {

	background-color: #660000;
}


.backtop
{
	text-align: right;
	font-size: 0.8em;
	padding-right: 10px;
}

#questionssec {
	background: url('backquestions.jpg') top center no-repeat;
	min-height: 200px;
	padding-top: 10px;
	padding-left: 100px;
}



.questions li {
	list-style: none;
	font-size: 1em;
	padding-bottom: 8px;
}

.indentresponse {
	width: 90%;
	/*background-color: #EEEEEE;*/
	margin-left: 5%;
	margin-top: 5px;
	padding: 5px;
}

.clearall{
	clear: both;
}

table, td, th
{
	border-color: #000000;
	border-style: solid;
}

table
{
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;

}

td, th
{
	margin: 0;
	padding: 4px;
	border-width: 1px 1px 0 0;
}

caption {
	font-weight: 500;
	font-size: 1.1em;
	padding-bottom: 5px;
}

.widthFull {
	width: 98.5%;
}

table.white  {
	background-color: white;
}

.lightgreyBG {
	background-color: #E8E8E8;
}

.alignCenter {
	text-align: center;
}

.alignLeft {
	text-align: left;
}

.italic {
	font-style: italic;
}

@media screen and (max-width: 975px) {

	#wrap {
		width: 98%;
	}

	#cssmenu ul {
		padding-left: 0;
		margin-left: 0;
	}
	#cssmenu li  {
		width: 100%;
		border-bottom: 1px solid white;
		float:left;
	}

	#cssmenu li a {
		width: 100%;
		text-align: center;
		padding: 12px 10px 0 10px;
	}

	#cssmenu li a:hover, #cssmenu li a:focus {
		padding: 12px 10px 0 10px;
	}

}

@media screen and (max-width: 767px) {

	#questionssec {
		background: url('backquestions.jpg') top center no-repeat;
		min-height: 20px;
		padding-top: 10px;
		padding-left: 10px;
	}

	#head1 {
		float: none;
	}

	#head2 {
		width: 90%;
	}
	#head2 h1 {
		width: 100%;
		float: none;
		margin-bottom: 0px;
		text-align: center;
		font-size: 1.3em;
	}
}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 320px) {

}

/* ==========================================================================
   GE 43
   ========================================================================== */

	/* Odd adjustments
	   ========================================================================== */

		.pageEnd {
			padding-bottom: 3.38em;
		}

/*		ol.indentresponse,
		ol.outdentresponse {
			list-style-position: inside;

			width: 90%;
			margin-left: 5%;
			margin-top: 5px;
			padding: 5px;
		}

		ol.indentresponse li,
		ol.outdentresponse li {
			margin-bottom: 0.62em;
		}

		ol.outdentresponse {
			margin-left: 0;
			padding-left: 0;
		}
*/
		.nuOl {
			margin-left: 0;
			margin-bottom: 1.62em;
			padding-left: 0;
			list-style-position: inside;
		}

		body {
			line-height: 1.38;
		}

		#wrap {
			/*width: 90%;*/
			/*padding-left: 5%;*/
		}

		body {
			background:#ccd5dc url('bg-top-home.gif') top center no-repeat;
		}

		#cssmenu ul {
			/*text-align: left;*/
			margin-left: 5%;
			width: 90%
		}

		#cssmenu ul a {
			padding: 0;
			height: inherit;
			padding: 0.62em;
		}

		#cssmenu ul li {
			line-height: 1;
		}

		#head2 h1 {
			font-size: 190%;
			text-align: center;
		}

		#head2 h1 span {
			font-size: 62%;
			display: block;
		}


	/* table.enrHelpAb
	   ========================================================================== */

	   table.enrHelpAb caption {
	   	font-size: 100% !important;
	   }

	   table.enrHelpAb {
	   	background: white;
	   	margin-bottom: 1.25em;
	   }

	   table.enrHelpAb {
	   	width: 100%;
	   }

	   caption.bigcap {
	   	font-size: 1.3em;
	   	padding-bottom: 5px;
	   }

	   table.enrHelpAb thead,
	   table.enrHelpAb tfoot {
	   	background: whitesmoke;
	   	font-weight: bold;
	   }

	   table.enrHelpAb caption {
	   	font-size: 1.3em;
	   }

	   table.enrHelpAb th {
	   	vertical-align: bottom !important;
	   }

	   table.enrHelpAb thead th.black, table.enrHelpAb th.black  {
	   	background: #383838;
	   	color: white;
	   	font-weight: 200;
	   	font-size: 1.1em;
	   }

	   table.enrHelpAb thead tr th,
	   table.enrHelpAb thead tr td,
	   table.enrHelpAb tfoot tr th,
	   table.enrHelpAb tfoot tr td {
	   	padding: 0.5em 0.625em 0.625em;
	   	font-size: 1em;
	   	color: #222222;
	   	text-align: left;
	   }

	   table.enrHelpAb tr th,
	   table.enrHelpAb tr td {
	   	padding: 0.5625em 0.625em;
	   	font-size: 1em;
	   	color: #222222;
	   	vertical-align: top;
	   }

	   table.enrHelpAb tr.even, table.enrHelpAb tr.alt, table.enrHelpAb tr:nth-of-type(even) {
	   	background: #dcdcdc;
	   }

	   table.enrHelpAb thead tr th,
	   table.enrHelpAb tfoot tr th,
	   table.enrHelpAb tbody tr td,
	   table.enrHelpAb tr td,
	   table.enrHelpAb tfoot tr td {
	   	display: table-cell;
	   	line-height: 1.125em;
	   }

	   table.enrHelpAb .abProv,
	   table.enrHelpAb .abEd,
	   table.enrHelpAb .abRoName,
	   table.enrHelpAb .abRoAddr,
	   table.enrHelpAb .abRoNum {
	   	/**/
	   }

	   table.enrHelpAb .abRoNum {
	   	white-space: nowrap;
	   }

	   table.enrHelpAb .abRoAddr {
	   	max-width: 30%;
	   }

	   table.enrHelpAb caption {
	   	margin-bottom: 0.38em;
	   	font-weight: bold;
	   }

		/* Responsive adjustments
		   ========================================================================== */

			@media only screen and (max-width: 975px) {

				#cssmenu ul {
					width: 87.5%;
				}

				#cssmenu li a:hover, #cssmenu li a:focus {
					padding: 10px 10px 10px 10px;
					padding: 0.62em;
				}

/*
	#wrap {
		width: 98%;
	}

	#cssmenu ul {
		padding-left: 0;
		margin-left: 0;
	}
	#cssmenu li  {
		width: 100%;
		border-bottom: 1px solid white;
		float:left;
	}

	#cssmenu li a {
		width: 100%;
		text-align: center;
		padding: 12px 10px 0 10px;
	}

	#cssmenu li a:hover, #cssmenu li a:focus {
		padding: 12px 10px 0 10px;
	}
*/
			}/*/@media only screen and (max-width: 975px)*/

			@media only screen and (max-width: 800px) {

				table.enrHelpAb td {
					display: block !important;
					/*width: 100% !important;*/
				}

				table.enrHelpAb .abRoAddr {
					max-width: inherit;
				}

				table.enrHelpAb thead tr th,
				table.enrHelpAb tfoot tr th,
				table.enrHelpAb tbody tr td,
				table.enrHelpAb tr td,
				table.enrHelpAb tfoot tr td {
					display: table-cell;
					display: block;
				}

				table.enrHelpAb thead tr th,
				table.enrHelpAb tfoot tr th {
					display: none;
				}

				table.enrHelpAb .abProv {
					font-weight: bold;
				}

				.abNewProv td {
					border-top: none;
				}

				.abNewProv td.abProv {
					border-top: 32px solid rgba(144, 202, 249, 0.62);
				}

				table.enrHelpAb .backtop {
					position: absolute;
					top: -1.85em;
					left: auto;
					right: 0.62em;
					white-space: nowrap;
				}

				table.enrHelpAb .abEd:before,
				table.enrHelpAb .abEdNum:before,
				table.enrHelpAb .abMajCen:before {
					content: "...";
					display: inline-block;
					clear: both;
					background: rgba(144, 202, 249, 0.62);
					color: rgba(0, 63, 111, 1);
					padding: 0.2em 0.38em 0.2em 0.2em;
					border-radius: 0.38em 0 0 0.38em;
					border-right: 1px solid rgba(0, 63, 111, 1);
					margin-right: 0.62em;
					width: 10em;
					font-weight: normal;
					text-align: right;
					white-space: normal;
				}

				/*On narrow screens help identify each type of data*/
				:lang(en) table.enrHelpAb .abEd:before		{ content: "Major centre"; }
				:lang(en) table.enrHelpAb .abEdNum:before	{ content: "ED code"; }
				:lang(en) table.enrHelpAb .abMajCen:before	{ content: "Electoral district"; }

				:lang(fr) table.enrHelpAb .abEd:before		{ content: "Nom de centre majeur"; }
				:lang(fr) table.enrHelpAb .abEdNum:before	{ content: "Numero de circonscription"; }
				:lang(fr) table.enrHelpAb .abMajCen:before	{ content: "Circonscription"; }

			}/*/@media only screen and (max-width: 800px)*/

			@media only screen and (max-width: 560px) {

		        table.enrHelpAb .abEd:before,
		        table.enrHelpAb .abEdNum:before,
		        table.enrHelpAb .abMajCen:before {
		        	display: block;
		        	width: auto;
		        	margin-bottom: 0.2em;
		        	border-radius: 0.38em 0.38em 0 0;
		        	border-right: none;
		        }

			}/*/@media only screen and (max-width: 560px)*/

			@media only print {

				body {
					background: #fff;
				}

			}/*/@media only print*/













































