@import url("typo.css");
@import url("forms.css");
@import url("tools.css");

html, body {
	background: #FFF url('../images/ui/grey-tile.png') repeat-y center;
	height: 100%;
}
    
/* Header */
#headerWrapper{
	background: #FFF url('../images/ui/header-tile.png') repeat-x;
	height: 260px;
	overflow: hidden;
}
#header {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#logo{
	float: left;
	margin-top: 40px;
}
/* End Header */

/* Top Navigation */
#nav{
	width: 980px;
	margin-top: 20px;
}
#nav ul{
	margin-left: 0;
}
#nav li{
	float: left;
	padding: 7px 0px 4px 5px;
	margin: 0 9px 0 0;
}
#nav li a{
	padding: 7px 5px 4px 0px;
	font-size: 1.2em;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: #474902 1px 1px 2px;
	font-weight: bold;
}
#nav li a:hover{
	color: #000;
	text-shadow: none;
	text-decoration: none;
}
#nav li:hover, #nav li.sfhover{
	background: url(../images/ui/top-nav-left.png) no-repeat left top;
}
#nav li a:hover{
	background: url(../images/ui/top-nav-right.png) no-repeat right top;
}
#finder{
	float: right;
	margin-top: 25px;
	* padding-top: 8px;
	/*
		TODO Check this asterisk fix for IE7. It works in IE6
	*/
}
#breadcrumb{
	float: left;
	background: url('../images/ui/icon-home.png') no-repeat 0 50%;
	margin-top: 30px;
	margin-left: 3px;
	padding-left: 25px;
}
#breadcrumb ul{
	margin: 0;
}
/* End Top Navigation */

/* Content */
#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -140px;
}
#contentWrapper{
	background: url('../images/ui/whiteOut.png') no-repeat center top;
}
#main{
	width: 980px;
	margin: 0 auto;
	background: #FFF;
	overflow: hidden;
	position: relative;
}
#content {
	width: 980px;
	margin: 0 auto;
	background: #FFF;
	overflow: hidden;
	padding-bottom: 40px;
}
#contentLeft{
	width: 770px;
	float: left;
}
#contentRight{
	width: 210px;
	float: right;
}
#introColumn{
	width: 450px;
	float: left;
}
#newsColumn{
	width: 300px;
	float: right;
	margin-top: 32px;
}
#gatewayNewsColumn{
	width: 300px;
	float: right;
	margin-top: 0px;
}
.applyButton{
	float: right;
	margin-top: 36px;
}
.applyButton a{
	display: block;
	background: transparent url('../images/ui/btn-apply-now.png') no-repeat;
	width: 392px;
	height: 59px;
	background-position: bottom;
}
.applyButton a:hover{
	background-position: top;
}
.applyButton a span, .orderProspectus a span{
	display: none;
}
.orderProspectus a{
	display: block;
	background: transparent url('../images/ui/btn-order-prospectus.png') no-repeat;
	width: 416px;
	height: 59px;
	background-position: bottom;
}
.orderProspectus a:hover{
	background-position: top;
}
.orderProspectus li, .applyButton li{
	margin: 0 0 0 1px;
}
.introBanner{
	display: block;
	width: 414px;
	height: 137px;
	background: url('../images/ui/intro-column-banner-bg.png') no-repeat;
	margin: 15px 0 0 14px;
}
.studentStories{
	width: 100%;
	height: 100%;
	background: url('../images/holding/student-stories-photo.jpg') no-repeat left;
}
.gatewayStudentUnion{
	width: 100%;
	height: 100%;
	background: url('../images/holding/gateway-quote-photo.jpg') no-repeat left;
}
#language{
	float: left;
	margin-top: 30px;
}
#language ul{
	float: left;
	margin: 0 10px 0 0;
}
#language ul li{
	float: left;
	margin: 0 10px 0 0;
}
#searchBlock{
	display: block;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 8px solid #343e45;
}
#searchBlock form{
	margin-left: 7px;
}
#calendar thead th{
	padding-bottom: 15px;
}
#calendar th, #calendar td{
	width: 14%;
	float: left;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}
#fullWidth{
	width: 980px;
}
#fullWidth #article{
	width: 972px;
	background: #FFFFFF url('../images/ui/page-tile-full-width.png') repeat-x top;
	height: 100%;
	overflow: hidden;
	border-left: 4px solid #FFF;
}
#article{
	width: 762px;
	background: #FFFFFF url('../images/ui/page-tile.png') repeat-x top;
	height: 100%;
	overflow: hidden;
	border-left: 4px solid #FFF;
}
#article img{
	float: right;
	padding: 2px;
	border: 1px solid #b6adad;
	margin: 1px 5px 5px 5px;
}
.articleHeaderImage{
	display: block;
	clear: both;
	width: 766px;
}
.articleHeaderImage img{
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.resultsController{
	display: block;
}
.resultsController .right{
	margin-right: 10px;
}
#newsColumn .newsfeed, #gatewayNewsColumn .newsfeed{
	float: left;
	margin-top: 1px;
	margin-left: 10px;
}
#newsColumn a.feedIcon, #gatewayNewsColumn a.feedIcon{
	display: block;
	width: 12px;
	height: 12px;
	background: url('../images/ui/icon-rss.png') no-repeat right center;
}
#flashWrapper{
	width: 770px;
	float: left;
}
#flashcontent{
	width: 770px;
}
.slideWrapper{
	position: absolute;
	top: 60px;
	left: 0;
	width: 980px;
}
#horizontal_slide{
	width: 970px;
}
/* Side navigation */
#homeNav{
	float: right;
	width: 210px;
}
/* Can the two be merged? ^ */
#sideNav, #homeNav{
	background: #FFF;
	border-top: 8px solid #343e45;
	border-bottom: 8px solid #343e45;
	position: relative;
}
/* ========================== */
/* = Why are we doing this? = */
/* ========================== */
#sideNav li, #homeNav li{
	margin: 0 0 1px 0;
}
#sideNav li li, #homeNav li li{
	margin: 0 0 0 0;
	cursor: pointer;
}
#homeNav li a{
	display: block;
	background: #c64786 url('../images/ui/bulletSideNavOff.png') no-repeat 96% 50%;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 13px 0 12px 7px;
}
#homeNav li li{
	float: left;
}
#homeNav li li a{
	background-image: none;
	font-weight: normal;
	padding-right: 12px;
}
#homeNav li.prospectives li a.prospective, #homeNav li.parents li a.parental, #homeNav li.students li a.studentInfo, #homeNav li.staff li a.staffInfo, #homeNav li.business li a.businessInfo{
	border-right: 1px solid #FFFFFF;
	font-weight: bold;
	font-size: 1em !important;
	padding-right: 12px;
}
#homeNav li.prospectives li a, #homeNav li.parents li a, #homeNav li.students li a, #homeNav li.staff li a, #homeNav li.business li a{
	font-size: 1.1;
}
#homeNav li.prospectives a{
	background: #c64786 url('../images/ui/bulletSideNavOff.png') no-repeat 96% 50%;
}
#homeNav li.prospectives ul, #homeNav li.prospectives li a{
	background: #c64786;
}
#homeNav li.parents a{
	background: #dc6428 url('../images/ui/bulletParentsNavOff.png') no-repeat 96% 50%;
}
#homeNav li.parents ul, #homeNav li.parents li a{
	background: #dc6428;
}
#homeNav li.students a{
	background: #1bc2f3 url('../images/ui/bulletStudentsNavOff.png') no-repeat 96% 50%;
}
#homeNav li.students ul, #homeNav li.students li a{
	background: #1bc2f3;
}
#homeNav li.alumni a{
	background: #7bba38 url('../images/ui/bulletAlumniNavOff.png') no-repeat 96% 50%;
}
#homeNav li.alumni li a{
	background: #7bba38;
}
#homeNav li.staff a{
	background: #ae1f41 url('../images/ui/bulletStaffNavOff.png') no-repeat 96% 50%;
}
#homeNav li.staff ul, #homeNav li.staff li a{
	background: #ae1f41;
}
#homeNav li.business a{
	background: #93386d url('../images/ui/bulletBusinessNavOff.png') no-repeat 96% 50%;
}
#homeNav li.business ul, #homeNav li.business li a{
	background: #93386d;
}
/*
#sideNav li ul, #homeNav li ul{
	position: absolute;
	z-index: 46000;
	width: 980px;
	left: -999em;
} 
#sideNav li.prospectives ul, #homeNav li.prospectives ul{
	right: 0;
	top: 0;
}
#sideNav li.parents ul, #homeNav li.parents ul{
	right: 0;
	top: 43px;
}
#sideNav li.students ul, #homeNav li.students ul{
	right: 0;
	top: 85px;
}
#sideNav li.staff ul, #homeNav li.staff ul{
	right: 0;
	top: 171px;
}
#sideNav li.business ul, #homeNav li.business ul{
	right: 0;
	top: 214px;
}
#sideNav li:hover ul, #homeNav li:hover ul{
	left: auto;
}
#sideNav li a{
	display: block;
	background: #b94d88 url('../images/ui/bulletSideNavOff.png') no-repeat 96% 50%;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 13px 22px 12px 7px;
}
#sideNav li a.doubleLine{
	padding: 6px 10px 6px 7px;
}
#sideNav li a:hover{
	background: #d485b3 url('../images/ui/bulletSideNavOver.png') no-repeat 96% 50%;
	text-decoration: none;
	color: #343e45;
}
#sideNav li a.on{
	background: #515d67 url('../images/ui/bulletSideNavOn.png') no-repeat 96% 50%;
	color: #FFF;
}
#sideNav li ul{
	border-top: 1px solid #FFF;
}
#sideNav li ul li a{
	background: #c0bfb6 url('../images/ui/bulletSideNavSub.png') no-repeat 7% 50%;
	color: #FFF;
	padding: 4px 0 4px 30px;
	font-size: 0.8em;
}
#sideNav li ul li a:hover{
	background: #c0bfb6 url('../images/ui/bulletSideNavSub.png') no-repeat 7% 50%;
}
#sideNav li ul li a.on{
	background: #c0bfb6 url('../images/ui/bulletSideNavSub.png') no-repeat 7% 50%;
	color: #343e45;
}
*/
/* Safari Fix for the right nav pop-out */
@media screen and (-webkit-min-device-pixel-ratio:0){
			#sideNav li.parents ul, #homeNav li.parents ul{
				top: 42px;
			}
			#sideNav li.students ul, #homeNav li.students ul{
				top: 84px;
			}
			#sideNav li.staff ul, #homeNav li.staff ul{
				top: 168px;
			}
			#sideNav li.business ul, #homeNav li.business ul{
				top: 210px;
			}
		}

/* End Content */

/* Tables */
table.infoTable{
	margin-left: 0px;
	width: 98%;
	border-bottom: 4px solid #343e45;
	background: #FFF;
}
table.aspTable{
	width: 100%;
	border: 1px solid #d6d6d6;
	border-bottom: 4px solid #343e45;
	background: #FFF;
	margin-top: 0px;
	margin-left: 0px;
}
table.infoTable thead, table.aspTable thead{
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	background: #666666;
}
table.infoTable thead th, table.aspTable thead th{
	font-size: 1.0em;
	color: #FFF;
	padding: 0px;
	border-right: 1px solid #7a7a7a;
}
table.infoTable tbody td {
	font-size: 1em;
	color: #666;
	padding: 10px;
	line-height: 1.4em;
	border: 1px solid #d6d6d6;
}
table.aspTable tbody td{
	font-size: 1em;
	color: #666;
	padding: 0px;
	line-height: 1.0em;
	border: 0px solid #d6d6d6;
}
table.examTable tbody td{
	font-size: 1em;
	color: #666;
	padding: 10px;
	line-height: 1.0em;
	border: 0px solid #d6d6d6;
}
table .lastRow{
	border-bottom: 2px solid #343e45 !important;
}
.qualification, .courseTitle{
	width: 25%;
}
.duration{
	width: 13%;
}
.thirdWidth{
	width: 33%;
}
/*.caoCode{
	
}
.internalCode{
	
}*/

/* Search Pages */
.searchWrapper{
	width: 750px;
	margin-top: 40px;
}
.searchWrapper .left{
	width: 150px;
}
.searchWrapper .right{
	width: 600px;
}
.row{
	/*float: left;*/
	clear: both;
	/*margin-bottom: 25px;*/
}
.searchWrapper .row .left{
	width: 300px;
}
.searchWrapper .row .right{
	width: 300px;
}
.row .drop{
	float: left;
	margin-right: 15px;
}
.hr-dots{
	display: block;
	background: url('../images/ui/hr-dots.png') repeat-x;
	height: 1px;
	width: 96%;
	clear: both;
	margin: 0 auto;
}
/* The Lozenge */
.cb h3{
	text-transform: uppercase;
	color: #FF3399;
	margin-left: 0;
}
#article .cb ul, #introColumn .cb ul{
	margin: 0;
}
#article .cb li, #introColumn .cb li{
	margin-left: 0;
	color: #FF3399;
}
#article .cb img, #introColumn .cb img{
	float: right;
	padding: 2px;
	margin-top: 5px;
	border: 1px solid #c6c6c6;
	background: #FFF;
}
/* Extra Settings */

.clear{
	clear: both;
}
.push{
	height: 140px;
}
.left{
	float: left;
}
.right{
	float: right;
}
.noMargin{
	margin: 0;
}
.searchRowLowMo{
	padding-bottom: 10px;
	overflow: hidden;
} 
  
/* Footer */

#footer {
	width: 980px;
	height: 140px;
	margin: 0 auto;
	border-top: 5px solid #343e45;
}
#footer li {
	float: left;
}
#footerRss, #footerLinks{
	padding-top: 15px;
}
#footerLinks{
	float: left;
}
#footerRss{
	float: right;
}
#footerRss .feedIcon{
	background: url('../images/ui/icon-rss.png') no-repeat right center;
	padding-right: 20px;
}
/* End Footer */

/* New styles */

div#contacter {
	margin: 0px;
	color: #000000;
}

div#contacter li {
	margin-left: 3px;
	color: #343E45 !important;
	margin-bottom: .5em !important;
	line-height: 1.2em;
}

#mapp {
	width: 762px;
	background: #FFFFFF url('../images/ui/page-tile.png') repeat-x top;
	height: 100%;
	overflow: hidden;
	border-left: 4px solid #FFF;
}

/* Contact form */

.contactWrapper{
	width: 750px;
	margin-top: 0px;
	padding: 30px 0px 0px 0px;
}
.contactWrapper .left{
	width: 200px;
}
.contactWrapper .right{
	width: 750px;
}
.contactRow {
	clear: both;
	height: 20px;
	padding: 10px;
}
.contactWrapper .contactRow .left{
	width: 315px;
}
.contactWrapper .contactRow .right{
	width: 340px;
}
.contactRow .contactDrop{
	float: left;
	margin-right: 15px;
}
.contactWrapper .contactRow .query{
	width: 730px;
}
.contactRowQuery {
	clear: both;
	height: 145px;
	padding: 10px;
}
.contactWrapper .rightCountry{
	width: 750px;
}
.contactWrapper .contactRow .rightCountry{
	width: 340px;
}
.rightCountry{
	  float: right;
}
.smaller {
	font-size: 12px;
}
.leftMessage{
	  float: left;
	  margin: 0px 0px 0px 46px;
}
.signNewsletter {
	  text-align: left;
	  width: 150px;
	  float: left;
	  margin: 0px 0px 0px 48px;
}
#article ul.resultsList li{
	margin-left: 0;
}
/*Stretching containers */
#accordion {
	float: none;
	width: 734px;
	margin-left: 12px;
}
.extendingContainer {
	position: relative;
	width: 734px;
	margin-bottom: 2px;
	background: #FFF;
}
.extendingContainer .content{
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	padding-bottom: 20px;
}
#article .extendingContainer img {
	float: right;
	margin: 20px 8px 0px 10px;
}
/* Accordion */
.toggler {
	margin: 0;
}
h1.toggler {
	display: block;
	cursor: pointer;
}
.ui-state-default {
	background: #666666 url(../images/ui/courseToggleBtnOpen.png) no-repeat 99% 50%;
	height: 15px;
}
.ui-state-active {
	background: #999999 url(../images/ui/courseToggleBtnClose.png) no-repeat 99% 50%;
	height: 15px;
}

/* Course Paginator */
#article .paginator{
	padding: 0 0 6px 0px;
	width: 100%;
	clear: both;
	height: 20px; /* Safari needs this */
}
#article .paginator ul{
	margin-bottom: 20px;
	margin-left: 0;
}
#article .paginator ul li{
	float: left;
	color: #999999;
	margin: 0 0.5em 0 0;
}
.hidden{
	display: none;
}
.satNav {
    background: url('../images/holding/google-map-icon.jpg') no-repeat; 
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 4px 23px;
	line-height: 1.2em;
}
.campus {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 8px 10px;
	padding: 8px 0px 0px 3px;
	font-weight: bold;
	color: #333;
}
.offCampus {
    background: url('../images/holding/parking-icon.jpg') no-repeat; 
	margin: 0px 0px 4px 12px;
	padding: 0px 0px 0px 23px;
	line-height: 1.2em;
}

/* Table location */

table.locationTable{
	margin: 10px 0px 0px 10px;
	width: 97.5%;
	background: #FFF;
}
table.locationTable tbody td {
	font-size: 1em;
	color: #333;
	padding: 10px;
	line-height: 1.4em;
	border: 1px solid #d6d6d6;
}
.buses {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 8px;
	font-weight: bold;
	color: #333;
}
div#flashhold {
	 width: 654px;
	 height: 450px;
	 margin: 0px 0px 0px 15px;
	 padding: 2px;
	 border: 1px solid #666;
}
div#flashhold2 {
	 width: 654px;
	 height: 424px;
	 margin: 0px 0px 0px 15px;
	 padding: 2px;
	 border: 1px solid #666;
}
div#thumbgrid {
	 width: 655px;
	 height: 722px;
	 margin: 0px 0px 0px 14px;
	 padding: 2px;
	/* border: 1px solid #666; */ 
}

/*==================SideNav temporary solution==================*/
#sideNav {
	background: #FFF;
	border-top: 8px solid #343e45;
	border-bottom: 8px solid #343e45;
}
#sideNav li {
	margin: 0 0 1px 0;
}
#sideNav li a{
	display: block;
	background: #b94d88 url('/media/bulletSideNavOff.png') no-repeat 96% 50%;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 13px 0 12px 7px;
}
#sideNav li a.doubleLine{
	padding: 6px 10px 6px 7px;
}
#sideNav li a:hover{
	background: #d485b3 url('/media/bulletSideNavOver.png') no-repeat 96% 50%;
	text-decoration: none;
	color: #343e45;
}
#sideNav li a.on{
	background: #515d67 url('/media/bulletSideNavOn.png') no-repeat 96% 50%;
	color: #FFF;
}

#sideNav li ul{
	border-top: 1px solid #FFF;
}
#sideNav li ul li a{
	background: #c0bfb6 url('/media/bulletSideNavSub.png') no-repeat 7% 50%;
	color: #FFF;
	padding: 0 0 0 30px;
	font-size: 0.8em;
}
#sideNav li ul li a:hover{
	background: #c0bfb6 url('/media/bulletSideNavSub.png') no-repeat 7% 50%;
}
#sideNav li ul li a.on{
	background: #c0bfb6 url('/media/bulletSideNavSub.png') no-repeat 7% 50%;
	color: #343e45;
}

/*=================end sideNav temporary solution===========================*/