@charset "utf-8";

html { min-height: 100%; margin-bottom: 1px;}



a {margin:0;padding:0;color:#314bbb;}

.blue {color:#314bbb;}

p {margin-top:3px;}

.news-events {color:#787878;}

h1 {

	font-family: "Times New Roman", Times, serif;

	font-size: 2.50em;

	color: #314bbb;

}



h2 {

	font-family: "Times New Roman", Times, serif;

	font-size: 2.00em;

	color: #314bbb;

	margin: 20px 0 0px 0;

}



h3 {

	font-family: "Times New Roman", Times, serif;

	font-size: 1.67em;

	color: #314bbb;

	padding-bottom: 0px;

	margin-bottom: 0px;

}



h4 {

	font-size: 1.67em;

	font-weight: bold;

	color: #314bbb;

}

h5 {

	font-family: "Times New Roman", Times, serif;

	font-size: 1.4em;

	color: #314bbb;

	padding-bottom: 5px;
	
	margin-bottom: 0px;
	
	text-align:center;

}

body {

	font: 12px Arial;

	background: #FFFFFF;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

}

#container {

	width: 1004px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

}

#header {

	background: url(../images/header_bg.gif) repeat-x; 

	height: 313px;

}

#mainContent {

	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	background: #FFFFFF;

}

#mainContentLeft{

	float: left;

	width: 260px;

	margin-top: 100px;

}

#mainContentRight{

	float: right;

	width: 720px;

	margin: 10px 20px 0px 0;

}

#footer {

	margin-top: 20px;

	padding: 5px 0px 0 90px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	height: 75px;

	background: url(../images/footer_bg.gif) repeat-x; 

}



#footer ul {

	padding: 0 0px 0 0px;

}



#footer ul li {

	display:inline;

	padding:0 5px 0 0px;

	color: #FFFFFF;

	margin: 0;

}



#footer span {

	padding:0 0px 0 585px;

	color: #FFFFFF;

}



#footer ul li a {

	color: #FFFFFF;

	text-decoration: none;

}



#footer ul li a:hover {

	text-decoration: underline;

}



.clearfloat { 

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0;

}



#menu {

	width: 276px;	

	float: left;

	margin: 140px 0 0 -10px;

	padding-top: 21px;

	position: absolute;	

	background: url(../images/menu_bg.png) no-repeat;

	text-align:center;	

}



#menu div {

	margin-left: 35px;

	border-bottom: 1px solid #3a2fb0;

	padding: 9px 0 9px 0;

	font-family: Arial Narrow;

	font-size: 1.67em;

	width:210px;

	color: #3a2fb0;

	line-height:80%;

}



#menu div a {

	color: inherit;

	text-decoration: none;

}



#menu div.active {

	color: #FFFFFF;

	background-color: #6d80d1; 

}



#menu div.hover {

	color: #FFFFFF;

	background-color: #6d80d1; 

}



.ontarioLogo {

	text-align:center;

	padding-top: 40px;	

}

#mainContentLeft_Nav{

	float: left;

	width: 212px;

	margin: 300px 15px 0px 0px;

	margin-left: 0px;


}

#text-size {
	float: right;	
}

#text-size div {
	float: left;
	padding-right: 5px;
	cursor: pointer;
	font-size:14px;
	color: #314bbb;
	font-weight: bold;	
}