@charset "utf-8";

/* CSS Document */

html, body {
	margin:0px;
	padding:0px;
	background:url(/images/bg.jpg) top left repeat-x;
}

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

div#container {
	margin:0 auto;
	width:900px;
	position:relative;
	border:0px solid #FF0000;
} 

div#header {
	position:relative;
	width:900px;
	height:170px;
	border:0px solid #FF0000;
}

div#colourful_language {
	position:absolute;
	top:5px;
	left:20px;
}

div#toronto_life {
	position:absolute;
	top:20px;
	right:30px;
}

div#logo {
	margin:0 auto;
	width:423px;
	border:0px solid #FF0000;
}

div#content {
	width:900px;
	overflow:auto;
	border:0px solid #FF0000;
}

div#main_home {
	width:485px;
	margin-left:15px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:155%;
	float:left;
	border:0px solid #FF0000;
}

div#main {
	overflow:auto;
	padding:10px;
	/*border-top:1px solid #CCC;*/
	background:#FFF;
	font:12px Arial, Helvetica, sans-serif;
	line-height:155%;
}

div#featured {
	width:455px;
	margin-left:15px;
	float:left;
	border:0px solid #FF0000;
}

div#nav {
	margin:10px auto 0px auto;
	width:866px;
	border:0px solid #FF0000;
}

div#footer {
	height:150px;
	margin-top:15px;
	text-align:center;
	background:url(/images/footer.jpg) top center no-repeat;
	border:0px solid #FF0000;
}

/*/////////////////// NAVIGATION ////////////////////*/

/* Mainnav */

div#nav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#nav li {
	float:left;
	padding-right:3px;
}

div#nav a {
	display:block;
	width:170px;
	height:30px;
	border:0px solid #FF0000;
	padding:0px;
	font:bold 12px/250% Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	text-align:center;
}

div#nav a:hover {
	text-decoration:underline;
}

#nav_red {
	background:#CC0000;
}

#nav_orange {
	background:#FF6600;
}

#nav_yellow {
	background:#D9AD00;
}

#nav_green {
	background:#84AA3F;
}

#nav_blue {
	background:#128DC9;
}

/* Footer */

div#footer p {
	padding-top:50px;
	text-align:center;
}

/*/////////////////// STYLES ////////////////////*/

div.green_seal {
	background-color:#84AA3F;
	border:1px solid #666666;
	width:auto;
	padding:10px;
	color:#fff !important;
	overflow:auto;
	height:100%;
	clear:both;
}

div#main h1 {
	font:bold 20px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	line-height:100%;
}

div#main h2 {
	font:bold 36px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:10px 0px 0px 0px;
	line-height:100%;
}

div#main h3 {
	font:bold 18px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:3px 0px 0px 0px;
	line-height:100%;
	color:#999999;
}

h5 {
	font:normal 24px Arial, helvetica;
	color:#ffffff;
	margin:0px;
	padding:10px 0px 0px 0px;
}

.blue { color:#128DC9 !important; }

.green { color:#84AA3F !important; }

.orange { color:#F58902 !important; }

.yellow { color:#D9AD00 !important; }

.red { color:#cc0000 !important; }


/*//////////////// CLASSES ////////////////*/

.box {
	width:197px;
	padding:0px 15px 0px 15px;
	float:left;
}

.box h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#EE7309;
}

.box p {
	font:12px Arial, Helvetica, sans-serif;
	line-height:155%;
}

.home_box {
	width:auto;
	overflow:auto;
	height:100%;
	padding:7px 0px;
}

.left {
	float:left;
	margin-right:15px;
}

.right {
	float:right;
	margin-left:15px;
}

.border {
	border:4px solid #CCCCCC;
}

img {
	border:0px;
}