/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

#wrapper_outer { 
	width: 1003px;
	margin: 0 auto;
	background: #FFF url(images/bg_top.jpg) left top no-repeat;
}

#wrapper_header {
	width: auto;
	margin: 0;
	padding: 0;
	height: 153px;
}

	#logo, #logo a {
		display: block;
		margin: 0;
		padding: 0;
		width: 211px;
		height: 77px;
	}

	#logo {
		position: absolute;
		top: 10px;
		left: 37px;
	}

	#logo a {
		background: url(images/logo.png) left top no-repeat;
		text-decoration: none;
		text-indent: -999em;
		cursor: pointer;
	}

	#strap {
		display: block;
		position: absolute;
		margin: 0;
		padding: 0;
		top: 20px;
		right: 38px;
		width: 507px;
		height: 35px;
		background: url(images/strap.png) left top no-repeat;
		text-indent: -999em;
	}

	#wrapper_search {
		background-color: #1B75BC;
		position: absolute;
		right: 38px;
		top: 66px;
		width: 226px;
		height: 37px;
		overflow: hidden;
	}

		#wrapper_search label {
			display: block;
			position: absolute;
			left: 7px;
			top: 12px;
			width: 34px;
			height: 10px;
			background: url(images/bg_label_search.gif) left top no-repeat;
			text-indent: -999em;
			overflow: hidden;
		}

		#wrapper_search #query {
			position: absolute;
			left: 55px;
			top: 7px;
			width: 164px;
			height: 1.5em;
			border: 0;
			background-color: #FFF;
			color: #1B75BC;
			padding: 2px 0;
			margin: 0;
		}

		#wrapper_search #submit {
			position: absolute;
			left: -999em;
			top: -999em;
			width: 100px;
			height: 100px;
			border: 0;
			background-color: #FFF;
			color: #1B75BC;
			padding: 0;
			margin: 0;
		}


#wrapper_columns {
	margin-bottom: 0;
	background: url(images/bg_right.jpg) right top no-repeat;
}

.body_pg_1 #wrapper_columns {
	padding-bottom: 66px;
}

/*#wrapper_right {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 367px;
	height: 551px;
	background: url(images/bg_right.jpg) left top no-repeat; 
	z-index: 45;
}*/

#wrapper_curve_bottom_right {
	position: absolute;
	top: 153px;
	right: 0px;
	width: 384px;
	height: 87px;
	background: url("images/wrapper_curve_bottom_right.png") left top no-repeat; 
	z-index: 48;
}

#wrapper_left { 
	display: block;
	float: left;
	margin: 0;
	padding: 49px 35px;
	width: 160px;
	z-index: 50;
}

	#nav_left ul {
		position: relative;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	#nav_left ul li {
		position: relative;
		display: block;
		padding: 0;
		margin: 0;
		font-family: arial,helvetica,tahoma,verdana,calibri,Trebuchet MS,lucida sans,lucida grande,sans-serif;
	}

	#nav_left ul li a {
		display: block;
		width: 160px;
		height: 52px;
		padding: 0;
		margin: 0;
		background-repeat: no-repeat ! important;
		background-image: url("images/nav.gif") ! important;
		background-position: 0% 0%;
		border-bottom: 1px solid #CACBCC;
		text-indent: -999em;
	}

		/* COURSES */

		#nav_left ul li.nav_pg_2 a {
			background-position: 0px 0px;
		}

		#nav_left ul li.nav_pg_2:hover a, #nav_left ul li.nav_pg_2 a:hover, #nav_left ul li.nav_pg_2 a.selected {
			background-position: -160px 0px;
		}

		/* OLC CENTRE */

		#nav_left ul li.nav_pg_3 a {
			background-position: 0px -53px;
		}

		#nav_left ul li.nav_pg_3:hover a, #nav_left ul li.nav_pg_3 a:hover, #nav_left ul li.nav_pg_3 a.selected {
			background-position: -160px -53px;
		}

		/* INTERNATIONAL */

		#nav_left ul li.nav_pg_4 a {
			background-position: 0px -106px;
		}

		#nav_left ul li.nav_pg_4:hover a, #nav_left ul li.nav_pg_4 a:hover, #nav_left ul li.nav_pg_4 a.selected {
			background-position: -160px -106px;
		}

		/* WHY */

		#nav_left ul li.nav_pg_5 a {
			background-position: 0px -159px;
		}

		#nav_left ul li.nav_pg_5:hover a, #nav_left ul li.nav_pg_5 a:hover, #nav_left ul li.nav_pg_5 a.selected {
			background-position: -160px -159px;
		}

		/* ALUMNI */

		#nav_left ul li.nav_pg_6 a {
			background-position: 0px -212px;
		}

		#nav_left ul li.nav_pg_6:hover a, #nav_left ul li.nav_pg_6 a:hover, #nav_left ul li.nav_pg_6 a.selected {
			background-position: -160px -212px;
		}

		/* ABOUT */

		#nav_left ul li.nav_pg_7 a {
			background-position: 0px -265px;
		}

		#nav_left ul li.nav_pg_7:hover a, #nav_left ul li.nav_pg_7 a:hover, #nav_left ul li.nav_pg_7 a.selected {
			background-position: -160px -265px;
		}

		/* CONTACT */

		#nav_left ul li.nav_pg_8 a {
			background-position: 0px -318px;
		}

		#nav_left ul li.nav_pg_8:hover a, #nav_left ul li.nav_pg_8 a:hover, #nav_left ul li.nav_pg_8 a.selected {
			background-position: -160px -318px;
		}

		/* NEWS */

		#nav_left ul li.nav_pg_9 a {
			background-position: 0px -371px;
		}

		#nav_left ul li.nav_pg_9:hover a, #nav_left ul li.nav_pg_9 a:hover, #nav_left ul li.nav_pg_9 a.selected {
			background-position: -160px -371px;
		}


	#nav_left ul li ul {
		position: absolute;
		left: -999em;
		top: 0px;
		padding-left: 10px;
	}

	#nav_left ul li ul.subnav2 {
		top: -15px;
	}

	#nav_left ul li ul.subnav3 {
		top: -25px;
	}

	#nav_left ul li ul.subnav4 {
		top: -50px;
	}

	#nav_left ul li:hover ul, #nav_left ul li.hover ul {
		left: 160px;
	}

	#nav_left ul li ul li {
		position: relative;
		display: block;
		/*padding: 0 0 7px;*/
		padding: 0 0 4px;
		margin: 0;
	}

	#nav_left ul li ul li a {
		display: block;
		position: relative;
		width: 160px;
		height: auto;
		/*padding: 12px 24px;*/
		padding: 7px 12px;
		background-image: none ! important;
		background-color: #F3692A;
		border: 0;
		text-indent: 0px;
		color: #FFF ! important;
		font-size: 130%;
		font-style: italic;
		letter-spacing: -1px;
	}

	#nav_left ul li ul li a:hover, #nav_left ul li ul li a.selected {
		background-color: #1B75BC ! important;
		text-decoration: none ! important;
	}


#wrapper_content { 
	display: block;
	float: left;
	width: 430px;
	min-height: 443px;
	margin: 0;
	/*padding: 42px 165px 30px 0;*/
	padding: 46px 0 30px 0;
	color: #333;
	z-index: 49;
}


#wrapper_footer { 
	width: auto;
	clear: both;
	color: #FFF;
	background-color: #1C75BC;
	margin: 0 0 10px 0;
	padding: 15px;
	font-size: 90%;
}

#wrapper_footer a { 
	color: #FFF ! important;
}

	#nav_bottom {
		width: auto;
	}

	#nav_bottom ul {
		position: relative;
		float: right;
		padding: 0;
		margin: 0;
	}

	#nav_bottom ul li {
		padding: 0 5px 0 10px;
		margin: 0;
		list-style-type: none;
		/*display: inline;*/
		float: left;
		background: url(images/bullet.gif) 0px 55% no-repeat;
	}

	#nav_bottom ul li:first-child {
		background: none;
	}

	#nav_bottom ul li a {
		color: #FFF;
	}


	#nav_bottom .selected {
		font-weight: bold ! important;
	}

	#wrapper_ticker {
		position: absolute;
		left: 240px;
		top: 10px;
		width: 410px;
		height: 18px;
		background-color: #FFF;
		padding: 5px 0 5px 70px;
		overflow: hidden;
	}

		#wrapper_ticker h4 {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 44px;
			height: 14px;
			padding: 7px 10px 7px 8px;
			margin: 0;
			background: #FFF url(images/bg_ticker_label_news.gif) 8px 7px no-repeat;
			text-indent: -999em;
			overflow: hidden;
		}

		#ticker {
			position: relative;
			display: block;
			width: 410px;
			height: 28px;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}

		#ticker dd {
			visibility: hidden;
			position: absolute;
			left: 0px;
			top: 1px;
			margin: 0;
			padding: 0 100px 0 0;
			width: auto;
			white-space: nowrap;
		}

		#ticker a {
			font-weight: bold;
			color: #1C75BC ! important;
		}


/* BREADCRUMBS */

#breadcrumbs {
	margin: 0 0 1em;
	font-size: 85%;
}



/* BODY */


	.body_copy {
		padding: 0.5em 0 1.5em;
		/*font-style: italic;*/
	}

		.body_copy p, .body_copy li {
			line-height: 1.6em;
		}

	#images_other {
		float: right;
		text-align: right;
		z-index: 95;
	}

	#images_other {
		width: 200px;
	}

		#images_other img {
			margin-bottom: 1em;
		}


/* links at the bottom */

	#wrapper_links_bottom {
		padding: 3em 40px 1em 0;
		font-size: 85%;
	}

		#wrapper_links_bottom ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: center;
		}

		#wrapper_links_bottom ul li {
			display: inline;
			padding: 0 4px;
		}

		/*#wrapper_links_bottom ul li a {
			white-space: nowrap;
		}*/


/* HOME PAGE */

	#wrapper_logos {
		position: absolute;
		left: 20px;
		bottom: 70px;
		height: 60px;
		width: 800px;
		overflow: hidden;
	}

	#wrapper_logos ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		#wrapper_logos ul li {
			vertical-align: bottom;
			display: inline;
			margin: 0;
			padding: 0 10px 0 0;
			float: left;
		}

		#wrapper_logos ul li img {
			vertical-align: bottom;
		}

/* FACULTIES */
	
	#wrapper_faculties {
		padding: 0 0 1em;
	}

	#wrapper_faculties ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		#wrapper_faculties ul li {
			display: block;
			width: 200px;
			margin: 0;
			padding: 0 9px 0 0;
			float: left;
			height: 80px;
		}

	#wrapper_course_finder {
		padding: 13px;
		background-color: #1B75BC;
		width: 190px;
		height: 60px;
		margin: 10px 0 0 6px;
		overflow: hidden;
	}


	.floated_wrapper_course_finder #wrapper_course_finder {
		float: right;
		margin: 0 0 5px 10px;
	}


		#submit_search_courses {
			visibility: hidden;
		}

		#search_text_courses {
			width: 190px;
			font-family: Trebuchet MS,arial,helvetica,sans-serif; 
			height: 1.5em;
			border: 0;
			background-color: #FFF;
			color: #1B75BC;
			padding: 2px 0;
			margin: 0.5em 0 0;
		}

		.course_modules {
			font-size: 85%;
			font-style: italic;
		}


/* ARTICLES */

	.wrapper_articles .article_cat {
		font-size: 145%;
		font-weight: normal;
		font-style: italic;
		letter-spacing: -1px;
		margin: 1.5em 0 0.5em;
		color: #1B75BC;
	}

	.wrapper_articles ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		.wrapper_articles ul li {
			margin: 0;
			padding: 1em 0 2em;
		}

		.wrapper_articles_case ul li {
			padding: 0.5em 0 1em;
		}

			.wrapper_articles ul li img {
				float: right;
				margin: 0 0 5px 10px;
			}

			.article_date {
				font-size: 85%;
				font-weight: bold;
			}

			.wrapper_articles ul li p {
				padding: 0 0 1em;
			}

/* Courses */
	
	#wrapper_courses {
		padding-top: 0.5em;
	}

/* FORMS */

	.table_form {
		border-collapse: collapse;
		background: url(images/bg_form.png) left top repeat;
		padding: 8px 0 ! important;
	}

		.table_form td, .table_form th {
			padding: 4px 8px;
			color: #FFF ! important;
		}

		.table_form th {
			font-weight: normal;
			text-align: right;
			padding-left: 16px;
			padding-right: 0;
		}

		.table_form td.required {
			width: 1%;
			padding-left: 0;
			padding-right: 16px;
			white-space: nowrap;
		}


/* RELATED FILES */

.related_files {
	margin: 1em 0 2em;
}

	.related_files a {
		font-size: 100% ! important;
	}

.related_files h6 {
	font-size: 120% ! important;
}

.related_files ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	.related_files ul li {
		position: relative;
		margin: 0.5em 0 ! important;
		padding: 0.5em 0 0.5em 22px ! important;
	}

	.related_files ul li img {
		position: absolute;
		top: 0.5em;
		left: 0px;
	}