@charset "utf-8";
@import url("reset.css"); /*CSS RESET*/
/*MAIN STYLES*/
body {
	font: 62.5% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #e6e6e6;
}
a:link, a:visited { color: #666666; }
a:hover {
	color: #ed1b2d;
	text-decoration: none;
}
a:active { color: #333333; }
h1, h2, h3, h4, h5, h6 { 
	font-weight: normal;
	margin-bottom: 6px;
}
h1 {
	color: #ed1b2d;
	font-size: 24px;
}

h2, h2 a:link, h2 a:visited, #calendar h3.title, .program h5 {
	font-size: 20px;
	color: #191919;
}
	#home h2 {
		font-size: 20px;
		color: #ed1b2d;
	}
h3, h3 a:link, h3 a:visited, #calendar p.course-title, .program h6 {
	color: #ed1b2d;
	font-size: 16px;
	text-decoration: none;
}

h4, h4 a:link {
	font-size: 15px;
	color: #33333;
	font-weight: bold;
}
	#timetable h4 {
	margin-top: 18px;
}
h5, h5 a:link {
	font-size: 14px;
	color: #4c4c4c;
	font-weight: bold;
}
	.program h5, .program h5 b, .program h5 strong {font-weight: normal;}
h6, h6 a:link {
	font-size: 13px;
	color: #666666;
	font-weight: bold;
}
.program h6, .program h6 b, .program h6 strong {font-weight: normal;}

#arts h1,#arts h3 { color: #93CD43; }
#busi h1,#busi h3  { color: #FFAF0B; }
#design h1,#design h3 { color: #0C2D83; }
#hort h1,#hort h3 { color: #01654A; }
#sci h1,#sci h3 { color: #014E61; }
#health h1,#health h3 { color: #547CB9; }
#qs h1,#qs h3 { color: #02A0C6; }
#trades h1,#trades h3 { color: #A94300; }

ul ul, ol ol, ul ol, ol ul {padding-bottom: 0;}
p, ul, ol, blockquote { padding-bottom: 18px; }

ul, ol, blockquote { margin-left: 36px; }
	#sidebar ul { margin-left: 18px; }
ul li {
	list-style: square;
	
}
ol li {
	list-style: decimal;
}
li {
	padding-top: 3px;
	padding-bottom: 3px;
}

hr {
	color: #FFFFFF;
	background: #FFFFFF;
	border-bottom: 1px dotted #999999;
	margin: 0 0 19px;
	padding: 0;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	clear: both;
}

#nojs {
	background: #FFFF99;
	border-bottom: 1px solid #FFCC00;
	font-size: 12px;
	padding: 5px 0;
	width: 100%;
}
#nojs p {
	margin: 0 auto;
	padding: 3px 0 0 30px;
	font-weight: bold;
	background: url(../images/js-warn.png) no-repeat;
	height: 17px;
	width: 430px;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	background: #FFFFFF;
}
#header {
	background: #ed1b2d url(../images/header.gif) repeat-x;
	position: relative;
}
	#header h1 {
		margin: 0;
		padding: 20px 0 20px 10px;
	}
	#logo {
		margin: 0;
		padding: 20px 0 20px 10px;
	}
	#header h1 a {
		height: 50px;
		width: 143px;
		background: url(../images/logo.png) no-repeat;
		display: block;
		text-indent: -9999em;
	}
#location {
	font-size: 11px;
	font-weight: bold;
	padding: 10px 5px 5px;
	clear: both;
	float: left;
	color: #ed1b2d;
	width: 950px;
}	
	#location a {
		background: url(../images/breadcrumb.gif) no-repeat center right;
		text-decoration: none;
		padding-right: 13px;
		color: #999999;
	}
	#location a:hover{
		color: #000000;
	}
#content {
	float: left;
	width: 579px;
	padding-right: 10px;
	padding-left: 20px;
	font-size: 12px;
	margin-bottom: 20px;
}
	#home #content {
	float: none;
	margin: 0px;
	padding: 0px;
	width: auto;
	clear: both;
}
	#container table {
	margin-bottom: 18px;
}
	#container table, #container th, #container td {
		border-collapse: collapse;
	}
	#container th, #container td {
	padding: 5px;
	vertical-align: top;
	}
	#container th {
	font-weight: bold;

}
#container table caption {
	font-weight: bold;
	padding: 3px;
}

.table-box th,
.tstyle1 th,
.tstyle2 th {
	background: #E0E0E0;
	text-align: left;
	color: #000000;
	border: 1px solid #CCCCCC;
}

.table-box td,
.tstyle1 td,
.tstyle2 td { background-color:#F4F4F4; border: 1px solid #CCCCCC;}

.box-scores th {
	background: #ed1b2d;
	color: #FFFFFF;
}
	.box-scores td { border: 1px solid #CCCCCC;}


#sidebar {
	width: 170px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px dotted #CCCCCC;
	font-size: 12px;
	margin-bottom: 20px;
}
	#sidebar img,#sidebar object {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
#navigation {
	float: left;
	width: 150px;
	font-size: 11px;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
}
#footer {
	overflow: hidden;
	background: #e6e6e6 url(../images/footer-bg2.png) repeat-x;
	float: left;
	clear: both;
	border-top: 1px solid #999999;
	width: 960px;
	font-size: 10px;
}
#footer .col {
	width: 200px;
	float: left;
	border-left: 1px solid #999999;
	margin-left: -2px;
	border-right: 1px solid #e0e0e0;
	padding: 0 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	overflow: hidden;
}
#footer a:link {
	color: #000000;
}

#footer h3 {
	font-size: 12px;
	margin: 0 0 0 -10px;
	padding: 0 0 1em;
	color: #ed1b2d;
	font-weight: bold;	
}
#footer h3 span {
	background: url(http://www.kwantlen.ca/images/css/footer-arrow.png) no-repeat right -1px;
	padding-right: 20px;
}
#footer ul {
	margin: 0 0 10px;
	padding: 0;
	
}
#footer li {
	margin: 0;
	padding: 0 0 0.2em 10px;
	background: url(http://www.kwantlen.ca/images/css/footer-arrow.gif) no-repeat 0 0.4em;
	list-style: none;
}
#sub-footer {
	margin: 0 auto;
	width: 960px;
	text-align: center;
	padding: 20px 0;
	font-size: 11px;
}
	#sub-footer img {
		margin: 0;
		padding: 0;
	}
	#sub-footer ul {
		margin: 0 0 20px;
		padding: 0;
		list-style: none;
		
	}
	#sub-footer li {
		display: inline;
		margin: 0 10px;
	}

.find-us {
	bottom: 10px;
	right: 0px;
	position: absolute;
	margin: 0px;
	padding: 0px;
 }
.find-us li {
	display: inline;
	margin: 0;
	padding: 0;
}
.find-us a {
	height: 24px;
	width: 24px;
	display: block;
	float: left;
	background: url(../images/social24.png) no-repeat;
	text-indent: -9999em;
	margin: 0 5px 0 0;
	padding: 0;
}
.find-us a.fb {
	background-position: 0 0
}
.find-us a.twit {
	background-position: -24px 0
}
.find-us a.utube {
	background-position: -48px 0
}
.find-us a#share { background-position: -72px 0 }
.find-us a:active,
.find-us a:focus {outline:none;}

#head-menu {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	position: absolute;
	top: 5px;
	right: 0;
}
#head-menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#head-menu a {
	padding: 0 8px;
	border-right: 1px solid #FFF;
}
#head-menu .last {
	border-right: 0 none;
}
#head-menu a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}
#head-menu a:hover {
	text-decoration: underline;
}
#head-menu li, #head-menu a {
	float: left;
}
.search {
	width: 220px;
	margin-bottom: 18px;
	clear: both;
	float: left;
}
.ac .text {
	border: 0;
	height: 13px;
	width: 195px;
	background: url(http://www.kwantlen.ca/images/css/home-search-bg.gif) no-repeat;
	font-size: 1em;
	padding: 6px 1px 6px 24px;
	color: #666666;
}
.pwl .text {
	border: 0;
	height: 13px;
	width: 171px;
	background: url(http://www.kwantlen.ca/images/css/home-search-bg.gif) no-repeat;
	font-size: 1em;
	padding: 6px 1px 6px 24px;
	color: #666666;
}
.search ul {
	margin: 0;
	padding: 0;
}
.search li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
}
.search .pwlopt {
	margin-right: 5px;
}
.search .button {
	height: 25px;
	width: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(http://www.kwantlen.ca/images/css/home-search-go.gif) no-repeat;
}
/*for FireFox*/
  input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
  {  
    border : 0;
  } 
/*for IE8*/
  input[type="submit"]:focus, input[type="button"]:focus
  {   
    outline : none;	
  }

#aud-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	float: left;
	width: 960px;
	background: url(../images/sub-menu.gif) no-repeat 0 0;
	overflow: hidden;
}	
#aud-menu li {
	display: inline;
	overflow: hidden;
}
#aud-menu a {
	display: block;
	float: left;
	width: 160px;
	height: 26px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	background: url(../images/sub-menu.gif) no-repeat 0 0;
}
	#home #aud-menu a {
		height: 33px;
		padding-top: 17px;
	}
#sub-menu {
	width: 960px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../images/sub-menu.gif) no-repeat 0 -104px;
	float: left;
	clear: both;	
}
#sub-menu li {
	display: inline;
}
#sub-menu a {
	display: block;
	float: left;
	width: 160px;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;	
	padding-top: 10px;
}
#sub-menu a:hover {
	background: url(../images/sub-menu.gif) 0 -146px;
}


#aud-menu a:hover {
	background: url(../images/sub-menu.gif) no-repeat 0 -52px;
}
#aud-menu a.last:hover {
	
}

#container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#search {
	position: absolute;
	bottom: 22px;
	margin: 0;
	padding: 0;
	right: 5px;
	height: 40px;
	width: 287px;
}
#search .txt {
	height: 13px;
	width: 215px;
	border: 0;
	background: url(../images/search2.gif) no-repeat;
	padding: 3px 5px 4px;
	font-size: 1em;
	margin: 0px;
	float: left;
}
#search .btn {
	height: 21px;
	width: 57px;
	border: 0;
	text-indent: -9999em;
	background: url(../images/search-btn2.gif) no-repeat;
	margin: -1px 0px 0px 2px;
	padding: 0px;
	float: left;
}
#search .opt {
	margin: 0 0 0 -6px;
	padding: 0;
}
.opt li {
	display: inline;
	color: #FFFFFF;
	font-weight: bold;
}

.ipf-sectionmenu {
	width: 160px;
	margin-left: -5px;
} 
.ipf-sectionmenu li {
	position:relative;
	list-style: none;
	padding: 0;
}
	.ipf-sectionmenu.collapse li {
		position:static;
	}  
.ipf-sectionmenu li ul {
	position:absolute;
	left: -9999em;
	margin-left:160px;
	top:0;
	z-index: 9999;
} 
.ipf-sectionmenu.collapse li ul {
	position: static;
	margin-left: 0px;
	padding-bottom: 0px;
} 
.ipf-sectionmenu li ul ul {
	left: -9999em;
} 
.ipf-sectionmenu li a {
	display: block;
	width: 141px;
	padding: 5px 14px 5px 5px;
	text-decoration: none;
	color: #000000;
	border-bottom: 1px solid #FFFFFF;
	background-color: #CCCCCC;
}
.ipf-sectionmenu.collapse li ul li a {
	background: #f0f0f0;
	border-bottom: 1px solid #cdcdcd;
}
.ipf-sectionmenu.collapse li ul li a:hover {
	color: #ed1b2d;
}
.ipf-sectionmenu li.ipf-parent a { background: #CCCCCC url(../images/SectionMenuExpandImageRight.gif) no-repeat 148px center; } 
.ipf-sectionmenu li.ipf-parent li.ipf-parent a { background: #e6e6e6 url(../images/SectionMenuExpandImageRight.gif) no-repeat 148px center; } 
.ipf-sectionmenu li.ipf-parent li a {
	background: #e6e6e6;
}
.ipf-sectionmenu li.ipf-parent li.ipf-parent li a {
	background: #efefef;
}
.ipf-sectionmenu li a.selected,
.ipf-active1 a,
.ipf-sectionmenu li.ipf-parent li a.selected,
.ipf-active2 a {background-color: #999999; color: #FFFFFF;}
.ipf-sectionmenu li a:hover, .ipf-sectionmenu li.ipf-parent li a:hover,  .ipf-sectionmenu li.ipf-parent li.ipf-parent li a:hover {
	color: #FFFFFF;
	background-color: #666666;
} 

.ipf-sectionmenu li:hover ul ul, .ipf-sectionmenu li:hover ul ul ul, .ipf-sectionmenu li.sfhover ul ul, .ipf-sectionmenu li.sfhover ul ul ul {left: -9999em;} 
.ipf-sectionmenu li:hover ul, .ipf-sectionmenu li li:hover ul, .ipf-sectionmenu li li li:hover ul, .ipf-sectionmenu li.sfhover ul, .ipf-sectionmenu li li.sfhover ul, .ipf-sectionmenu li li li.sfhover ul {left: auto;}

* html .ipf-sectionmenu li { float: left; height: 1%; }
* html .ipf-sectionmenu li a { height: 1%; }

.nav-head {
	background: #666666;
	padding: 5px;
	border-bottom: 1px solid #FFFFFF;
	width: 150px;
	margin-left: -5px;
}
.nav-head, .nav-head a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

#arts .ipf-sectionmenu li a:hover,
#arts .ipf-sectionmenu li.ipf-parent li a:hover, 
#arts .ipf-sectionmenu li.ipf-parent li.ipf-parent li a:hover,
.arts { background-color: #93cd43; }

#busi .ipf-sectionmenu li a:hover,
#busi .ipf-sectionmenu li.ipf-parent li a:hover, 
#busi .ipf-sectionmenu li.ipf-parent li.ipf-parent li a:hover,
.busi { background: #FFAF0B; }

#design .ipf-sectionmenu li a:hover,
#design .ipf-sectionmenu li.ipf-parent li a:hover,
#design .ipf-sectionmenu li.ipf-parent li.ipf-parent li a:hover,
.design { background: #0C2D83; }

#hort .ipf-sectionmenu li a:hover,
#hort .ipf-sectionmenu li.ipf-parent li a:hover,
#hort .ipf-sectionmenu li.ipf-parent li.ipf-parent li a:hover,
.hort { background: #01654A; }

#sci .ipf-sectionmenu li a:hover,
#sci .ipf-sectionmenu li.ipf-parent li a:hover,
#sci .ipf-sectionmenu li.ipf-parent li.ipf-parent li a:hover,
.sci { background: #014E61; }

#health .ipf-sectionmenu li a:hover,
#health .ipf-sectionmenu li.ipf-parent li a:hover,
#health .ipf-sectionmenu li.ipf-parent li.ipf-parent li a:hover,
.health { background: #547CB9; }

#qs .ipf-sectionmenu li a:hover,
#qs .ipf-sectionmenu li.ipf-parent li a:hover,
#qs .ipf-sectionmenu li.ipf-parent li.ipf-parent li a:hover,
.qs { background: #02A0C6; }

#trades .ipf-sectionmenu li a:hover,
#trades .ipf-sectionmenu li.ipf-parent li a:hover,
#trades .ipf-sectionmenu li.ipf-parent li.ipf-parent li a:hover,
.trades { background: #A94300; }

#ish .ipf-sectionmenu li a:hover,
#ish .ipf-sectionmenu li.ipf-parent li a:hover,
#ish .ipf-sectionmenu li.ipf-parent li.ipf-parent li a:hover,
.ish { background: #4E4A03; }

#user-options {
	float: left;
	width: 960px;
	font-size: 11px;
	margin-bottom: 1.5em;
	clear: both;
	position: relative;
	height: 16px;
}
#user-options a {
	display: block;
	float: left;
	margin-left: 5px;
	height: 16px;
}
	#user-options a#print {
	background: url(../images/social16.png) no-repeat  0px -96px;
	padding-left: 19px;
	}
	#user-options a#email { 
		background: url(../images/social16.png) no-repeat  0px -64px; 
		padding-left: 19px;
	}
	#user-options a#bookmark {
		background: url(../images/social16.png) no-repeat 0px -80px;
		padding-left: 19px;
		margin-right: 5px;

	}
#user-options a#facebook, 
#user-options a#twitter, 
#user-options a#youtube,
#user-options a#share {
	text-indent: -9999em;
	width: 16px;
}
	#user-options a#facebook { background: url(../images/social16.png) no-repeat 0px 0px; }
	#user-options a#twitter { background: url(../images/social16.png) no-repeat  0px -16px; }
	#user-options a#youtube { background: url(../images/social16.png) no-repeat  0px -32px; }
	#user-options a#share { background: url(../images/social16.png) no-repeat  0px -48px; }
	


#user-options img {

}

#user-options ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 5px;
}

#user-options li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

.banner {
	padding: 9px;
	background: url(../images/banner-bg.gif) no-repeat;
}
.banner-wide {
	padding: 9px;
	background: url(../images/banner-bg-wide.gif) no-repeat;
}
.alert {
	background: #FFFF99;
	border: 1px solid #FFCC00;
	padding: 5px;
	margin-bottom: 18px;
	clear: left;
}

.col-50 {
	float: left;
	width: 49%;
}





/*program pages*/
.program #sidebar {
	float: right;
	width: 300px;
	border: 0;
	margin-bottom: 1.5em;
	padding-right: 0px;
}
.program #content {
	width: 770px;
}
.program-summary, .program-summary th, .program-summary td {
	border-collapse: collapse;
	border: 2px solid #999999;
	padding: 3px;
}
.program-summary {
	width: 100%;
	margin: 18px 0px;
	padding: 0px;
}
.program-summary th {
	background: #e6e6e6;
	text-align: left;
}
.program-summary td {
	width: 50%;
}
.info-box {
	padding: 5px;
	background: #e6e6e6;
	margin-bottom: 1.5em;
}
.info-box p {
	padding-bottom: 1em;
	
}
.more-info {
	display: block;
	width: 150px;
	height: 44px;
	background: url(http://www.kwantlen.ca/images/css/info.jpg) no-repeat;
	text-indent: -9999em;
}
.more-info:hover { background-position: 0px -44px; }
.more-info-mini {
	display: block;
	width: 156px;
	height: 43px;
	background: url(http://www.kwantlen.ca/images/css/info-mini.jpg) no-repeat;
	text-indent: -9999em;
}
.more-info-mini:hover { background-position: 0px -43px; }

.float-left {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.float-right {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
.clear {
	clear: both;
}

.int-splash, .int-splash li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.int-splash {
	margin-right: auto;
	margin-left: auto;
	width: 516px;
}
.int-splash li {
	background-image: url(http://www.kwantlen.ca/images/inted/back-frame.gif);
	background-repeat: no-repeat;
	width: 238px;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 12px;
}
	.int-splash li span {
		display: block;
		width: 212px;
		font-size: 14pt;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		color: #ED1B2D;
		clear: both;
		float: left;
		margin: 0px;
		height: 59px;
		padding: 240px 0px 0px;
	}
		.int-splash li a:hover span {
			color: #666666;
			text-decoration: underline;
		}
.int-splash a {
	display: block;
	height: 212px;
	width: 212px;
	margin-top: 10px;
	margin-left: 13px;
	text-decoration: none;
	outline: none;
}
.int-splash li em {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	display: block;
	text-align: left;
	color: #666666;
	font-size: 10pt;
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px 6px;
}
.int-splash .inted {
	background-image: url(http://www.kwantlen.ca/images/inted/int-splash.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
	.int-splash .inted:hover {
		background-image: url(http://www.kwantlen.ca/images/inted/int-splash.jpg);
		background-repeat: no-repeat;
		background-position: -211px 0px;
	}
.int-splash .exchange {
	background-image: url(http://www.kwantlen.ca/images/inted/int-splash.jpg);
	background-repeat: no-repeat;
	background-position: -422px 0px;
}
	.int-splash .exchange:hover {
		background-image: url(http://www.kwantlen.ca/images/inted/int-splash.jpg);
		background-repeat: no-repeat;
		background-position: -633px 0px;
	}
	
.int-splash .foundation {
	background-image: url(http://www.kwantlen.ca/images/css/foundation.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}	
.int-splash .alumni {
	background-image: url(http://www.kwantlen.ca/images/css/alumni.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}		
#col-1 {
	float: left;
	width: 220px;
	padding: 0px 10px;
	margin: 20px 0px;
}
#col-2, #col-3 {
	float: left;
	margin: 20px 0px;
	padding-right: 20px;
	padding-left: 20px;
	width: 320px;
}


#banner {
	height: 300px;
	width: 960px;
	clear: both;
	float: left;
}
.anythingSlider img {border:none;}
.anythingSlider{width:960px;height:300px;position:relative;margin:0 auto}

.anythingSlider .slider-wrapper{width:960px;overflow:auto;height:300px;position:absolute;top:0;left:0;margin:0}

.anythingSlider .slider-wrapper ul{width:99999px;list-style:none;position:absolute;top:0;left:0;background:#eee;margin:0;padding:0}

.anythingSlider ul li{display:block;float:left;height:300px;width:960px;margin:0;padding:0}

.anythingSlider .arrow{display:block;height:56px;width:30px;text-indent:-9999px;position:absolute;top:225px;cursor:pointer}

.anythingSlider .forward{right:33px;background:url(http://www.kwantlen.ca/images/css/slider/next.gif) no-repeat center center;bottom:0}

.anythingSlider .back{right:66px;background:url(http://www.kwantlen.ca/images/css/slider/back.gif) no-repeat center center}

.anythingSlider .forward:hover{background:url(http://www.kwantlen.ca/images/css/slider/next2.gif) no-repeat center center}

.anythingSlider .back:hover{background:url(http://www.kwantlen.ca/images/css/slider/back2.gif) no-repeat center center}

#start-stop{background:url(http://www.kwantlen.ca/images/css/slider/pause2.gif) no-repeat center center;color:#FFF;position:absolute;right:0px;top:225px;height:56px;width:30px;text-indent:-9999px;outline:none}

#start-stop.playing{background:url(http://www.kwantlen.ca/images/css/slider/pause.gif) no-repeat center center}

#start-stop:hover{background:url(http://www.kwantlen.ca/images/css/slider/pause2.gif) no-repeat center center}

.anythingSlider .slider-wrapper ul ul{position:static;background:none;overflow:visible;width:auto;border:0;margin:0}

.anythingSlider .slider-wrapper ul ul li{float:none;height:auto;width:auto;background:none}

.anythingSlider .image{position:relative;width:100%}

#home .anythingSlider h2{position:absolute;right:0;width:380px;background:url(http://www.kwantlen.ca/images/css/slider/text-bg.png) repeat;top:225px;color:#FFF;font:bold 11pt Arial, Helvetica, sans-serif;height:36px;text-decoration:none;margin:0;padding:10px 90px 10px 10px}

.anythingSlider a h2{cursor:pointer}

.anythingSlider h2 em{font-size:8pt;font-style:normal;font-weight:400}

/*HOME STYLES*/
#content #col-2 ul,
#content #col-3 ul {
	margin: 0px;
	padding: 0px;
}
#content #col-2 li,
#content #col-3 li {
	border-bottom: 1px dotted #cccccc;
	list-style: none;
	background: url(http://www.kwantlen.ca/images/css/red-arrow.gif) no-repeat 0px 0.4em;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px 10px;
}
#content #col-2 li a,
#content #col-3 li a {
	text-decoration: none;
}
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
ul.testimonial-list, ul.testimonial-list-small {
	margin: 0px 0px 20px !important;
	padding: 0px !important;
}
ul.testimonial-list-small { width: 170px; }
ul.testimonial-list { float: left; }
* html ul.testimonial-list { float: none; }
ul.testimonial-list li, ul.testimonial-list-small li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}
ul.testimonial-list a, ul.testimonial-list-small a {
	display: block;
	text-decoration: none;
	float: left;
}
ul.testimonial-list a  {
	padding: 10px;
}
ul.testimonial-list-small a {
	padding: 0px 0px 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
	width: 170px;
}
* html ul.testimonial-list a { width: 368px; }
* html ul.testimonial-list-small a { width: 168px; }
ul.testimonial-list a strong, ul.testimonial-list-small a strong { color: #000000; }
ul.testimonial-list a img, ul.testimonial-list-small a img {
	border: 1px solid #999999;
	float: left;
}
ul.testimonial-list a img {
	margin-right: 10px;
	height: 100px;
	width: 100px;
}
ul.testimonial-list-small a img {
		display: inline !important;
		margin-right: 5px !important;
		overflow: hidden;
		height: 80px;
		width: 80px;
}
ul.testimonial-list a:hover { background: #efefef; }
ul.testimonial-list-small a:hover img { border: 1px solid #ED1B2D; }
ul.testimonial-list a span, ul.testimonial-list-small a span {
	color: #ed1b2d;
	font-weight: bold;
}
ul.testimonial-list a em, ul.testimonial-list-small { color: #666666; }

#testimonial-wrap {
	width:714px;
	margin:0px auto;
}
		
		#testimonial-select {
			font: 8pt Verdana, Arial, Helvetica, sans-serif;
			float:left;
			list-style:none;
			margin:0;
			padding:0;
		}
		#testimonial-select li {
			float:left;
			display:inline;
			width:210px;
			margin:10px;
			display:inline;
			padding:3px;
			background:#fff;
			border:1px solid #999999;
			text-align: center;
		}
		#testimonial-select li a, #testimonial-select img {
			border: none;
		}
		#testimonial-select p {
			margin: 0px;
			padding: 0px 0px 10px;
		}
		
#testimonial-select li .show{
			display:block;
			width:210px;
			height:420px;
			overflow: hidden;
		}
		#testimonial-select li .hidden {
			color:#000000;
			text-align: left; 
			height: 0;
			overflow: hidden;
			background: #CCCCCC;			
		}
		#testimonial-select li:hover .hidden, #testimonial-select li.over .hidden {
			cursor: pointer;
			height: 111px;
			padding:10px 10px 0px;
			width: 190px;
		}
		#testimonial-select li:hover .show, #testimonial-select li.over .show {
			height: 299px;
		}
		#testimonial-select li a {
			color:#ED1B2D;
		}
		#testimonial-select li a:hover {
			color:#fff;
		}
		#testimonial-select em {
			text-align: right;
			display: block;
			font-style: normal;
		}
		#testimonial-select strong {
			display: block;
			padding: 5px;
			font-size: 12pt;
			font-weight: normal;
			background: #ED1B2D;
			color: #FFFFFF;
		}
#know {
	padding: 5px;
	background: #e6e6e6;
	width: 150px;
	margin-left: -5px;
}
#know p {
	padding-bottom: 9px;
}
#pageid1244, #pageid1265, #pageid1276, #pageid1287, #pageid1298, #pageid1321, #pageid1344, #pageid2029, #pageid2030, #pageid2202, #pageid2573, #pageid1718, #pageid5363, #pageid5364, #pageid5365,
#pageid635, #pageid1020, #pageid1069, #pageid1091, #pageid1109, #pageid1134, #pageid1145, #pageid1156, #pageid1167, #pageid1178, #pageid1189, #pageid921, #pageid1210, #pageid7588, #pageid7602, /*trades*/ 
#pageid953, #pageid993, #pageid1005, #pageid1028, #pageid1370, #pageid1573, #pageid1585, #pageid976, #pageid1380, /*health*/
#pageid1496, #pageid2243, #pageid2062, #pageid2040, #pageid1497, #pageid2955, #pageid2933, #pageid1717, /*social sciences*/
#pageid2395, #pageid2433, #pageid2294, #pageid2404, #pageid1493, #pageid1490, /*humanities*/
#pageid1438, #pageid1797, #pageid1818, #pageid1794, #pageid1793, /*science*/
/*#pageid1712, #pageid1714, #pageid1715, #pageid1716, design*/
#pageid3067, #pageid3068, /*qs*/ 
#pageid6089, #pageid4721 ul /*hr*/ {
	display: none;
}

.highlight-box {
	background: #E0E0E0;
	padding: 5px;
	border: 1px solid #CCCCCC;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
		
#content .ipf-calendar-alldiv table,
#content .ipf-calendar-alldiv table th,
#content .ipf-calendar-alldiv table td {
	margin: 0px;
	padding: 0px;
}

.ipf-calendar-graphical-table
{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #F5F5F5;
}

.ipf-calendar-graphical-header
{
	background-image: url(../images/calendar-header.png);
	background-repeat: repeat-x;
}

.ipf-calendar-graphical-date
{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-image: url(../images/calendar.png);
	background-repeat: no-repeat;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

.ipf-calendar-graphical-selecteddate
{
	color: #000000;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-image: url(../images/calendar-selected.png);
	background-repeat: no-repeat;
	text-indent: 4px;
	font-weight:bold;
}

.ipf-calendar-graphical-day
{
	border-left: 1px solid #ccc;
	text-indent: 4px;
}

.ipf-calendar-graphical-rowb
{
	background: #F4F4F4;
}

.ipf-calendar-graphical-dayheader
{
	background: #F4F4F4;
}

.ipf-calendar-graphical-calendar-eventtitle
{
display: block;
margin-left: 2px;
font-size:9px;
}



#ipbf-tblStdResponseControl .ipbf-qitem-column-left {
	text-align: right;
}
.ipbf-qitem-prev-PageNo {
	color: #ed1b2d;
}
.ipbf-TextInput-SingleLine, .ipbf-TextInput-email, .ipbf-TextInput-Telephone {
	border: 1px solid #999999;
	width: 200px;
}
.ipbf-TextInput-Area {
	border: 1px solid #999999;
	width: 100%;
}
#ipbf-tblStdResponseControl .ipbf-qitem-button {
	margin-top: 20px;
	margin-bottom: 20px;
}

#ipbf-tblStdResponseControl td {
	vertical-align: top;
}
.ipbf-errormsg {
	color: #ed1b2d;
}
#ipbf-tblStdResponseControl .ipbf-qitem-rowa td, #ipbf-tblStdResponseControl .ipbf-qitem-rowb td {
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
}
#ipbf-tblStdResponseControl .ipbf-qitem-prompt {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#ipbf-tblStdResponseControl .ipbf-qitem-prompt td, .ipbf-qitem-category td {
	font-weight: normal;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}
#ipbf-tblStdResponseControl .ipbf-qitem-preview-table .ipbf-Radio,
#ipbf-tblStdResponseControl .ipbf-qitem-preview-table .ipbf-Checkbox {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#ipbf-tblStdResponseControl .ipbf-qitem-preview-table .ipbf-qitem-category td {
	margin: 0px;
	padding: 5px 0px;
	color: #ed1b2d;
	font-size: 10pt;
	font-weight: bold;
}
a.button {
	background: transparent url(http://www.kwantlen.ca/images/css/button-sliding-door.gif) no-repeat scroll top right;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 40px;
	margin-right: 6px;
	padding-right: 15px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
a.button:hover {
	background-position: right -40px;
}

a.button span {
	background: transparent url(http://www.kwantlen.ca/images/css/button-sliding-door.gif) no-repeat;
	display: block;
	height: 34px;
	padding: 6px 0 0px 15px;
} 
a.button:hover span {
	background-position: 0px -40px;
}


#tt-prereq, #tt-campus {
	margin-top: 14px;
}

#twitter_div {

	width: 170px;

	margin-bottom: 20px;

}

#twitter_div .sidebar-title{

	color: #33ccff;


}

#twitter_div #twitter_update_list {

	margin: 0px 0px 10px;

	padding: 0px;

}

#twitter_div #twitter_update_list li {

	margin: 0px;

	padding: 10px 0px;

	list-style: none;

	border-bottom: 1px dashed #999999;

}

#twitter_div #twitter-link { color: #33ccff; }

#testimonial-content hr {
	border: 0;
	color: #FFFFFF;
	height: 2px;
	background: #FFFFFF;
	margin-bottom: 20px;
}
#testimonial-wrapper {
	width: 740px;
	background: #E0E0E0;
	clear: both;
	margin: 0px auto;
}
#testimonial-photo,
#testimonial-content {
	float: left;
	width: 369px;
	
}
#testimonial-photo {
	overflow: hidden;
	border-right: 1px solid #FFFFFF;
	position: relative;
}
	#testimonial-photo h1 {
	margin: 0px;
	padding: 10px;
	background: #ed1b2d;
	display: block;
	font-size: 12pt;
	width: 350px;
	text-align: center;
	border-bottom: 2px solid #FFFFFF;
	font-weight: bold;
	color: #FFFFFF;
}
#testimonial-content {
	border-left: 1px solid #FFFFFF;
	padding: 10px;
	width: 349px;
}

#accordion {
	width: 180px;
	float: right;
}
#accordion div {
	height: 1%;
}
.testimonial-nav {
	margin: 0px;
	padding: 0px;
}
.testimonial-nav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.testimonial-nav a {
	text-decoration: none;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	outline: none;
	font-weight: bold;
}
.testimonial-nav a:hover {
	background: #e0e0e0;
	color: #FF0000;
	font-style: italic;
}

.ui-accordion .ui-accordion-content {
	padding: 0px;
}
.li-last a {
	border: none;
}


.ui-state-hover, .ui-widget-content .ui-state-hover {
	background: #ed1b2d !important;
border: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #FF0000;
}
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-default, .ui-widget-content .ui-state-default {
	background: #e0e0e0;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #FF0000;}
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }

#slider {
	width: 695px;
	position: relative;
	margin: 0px 15px;
	float: left;
}
div.panel h2 {
	background: #ed1b2d;
	padding: 5px;
	color: #FFFFFF;
	float: left;
	clear: both;
	width: 685px;
}
div.panel h2.arts {
	background: #93cd43;
}
div.panel h2.business {
	background: #ffaf0b;
}
div.panel h2.design {
	background: #0c2d83;
}
div.panel h2.hort {
	background: #01654a;
}
div.panel h2.science {
	background: #014e61;
	color: #FFFFFF;
}
div.panel h2.health {
	background: #547cb9;
}
div.panel h2.qualifying {
	background: #02a0c6;
}
div.panel h2.trades {
	background: #a94300;
}
.scroll {
	width: 695px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	float: left;

}

.scrollContainer div.panel {


	width: 695px;
}


.ui-accordion .ui-accordion-content {
	margin: 0px;
	padding: 0px;
}
.scrollButtons {
	position: absolute;
	top: 150px;
	cursor: pointer;
	z-index: 1;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.clearfix:after, ul.testimonial-list-small:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.print-service {
	margin: 0px;
	padding: 0px;
}
.print-service li {
	list-style: none;
	padding: 10px;
	margin-bottom: 10px;
	background: #e0e0e0;
	border: 1px solid #999999;
}
.print-service span {
	padding-left: 10px;
	display: block;
	padding-top: 10px;
	font-style: italic;
}
.print-service img {
	border: 1px solid #999999;
}

#iet-help {
	clear: both;
}
#sys-status {
	margin-right: 3px;
	margin-bottom: 18px;
	margin-left: 3px;
	border: 1px solid #999999;
	padding: 3px;
}

.image-caption img {
	border: 1px solid #999999;
	margin-bottom: 5px;
}
	.image-caption {
	margin: 0px;
	text-align: center;
	font-size: 11px;
	}

.emp-info, .emp-info li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.emp-info {
	padding-right: 10px;
	padding-left: 10px;
}
.emp-info li {
	padding-bottom: 10px;
}
	ul.col li {
	float: left;
	width: 50%;
}
.emp-info img {
	vertical-align: middle;
	margin-right: 5px;
}

#bookstore-products {
	clear: both;
	margin: 0px auto 18px;
	width: 393px;
}
#bookstore-products li {
	list-style: none;
	width: 121px;
	float: left;
	margin: 0px 0px 10px 10px;
	display: inline;
}

.tickercontainer {
	border: 1px solid #CCCCCC;
	margin: 0px 0px 18px;
	padding: 5px 5px 5px 20px;
	overflow: hidden;
	background: url(http://www.kwantlen.ca/images/css/eagle.gif) no-repeat left center;
}
.tickercontainer ul {
	margin: 0px;
	padding: 0px;
}
.tickercontainer li {
	margin: 0px 0px 0px 40px;
	padding: 0px;
	list-style: none;
	display: inline;
	color: #ed1b2d;
	font-weight: bold;
	white-space: nowrap;
}
.tickercontainer ul strong {
	Color: #666666;
	margin: 0px 5px 0px 0px;
	padding: 0px;
} 

.vviewbook {
	text-align: center;
	font: bold 14pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	width: 400px;
	display: block;
	background: url(http://www.kwantlen.ca/images/css/virtual_viewbook.jpg);
	padding-top: 490px;
	padding-bottom: 144px;
	margin-top: 20px;
}
.vviewbook:hover {
	color: #ed1b2d;
}

.box-lib {
	float: left;
	width: 259px;
	padding: 5px;
	background: #F8F8F8;
	border: 1px solid #dadada;
	margin: 0px 9px 18px;
}
#search-lib {
	margin-bottom: 18px;
	text-align: center;
}
#search-lib input { text-align: left; }

.push {
	margin-right: 20px;
}


.spring-text {
    color: #009900;
}



.fall-text {
    color: #3333CC;
}
.course-add {
	color: #ed1b2d;
}
.course-change,.summer-text {
	color: #009900;
}
.course-cancel {
	text-decoration: line-through;
}
/*PRINT STYLES*/
@media print{
	body {
		background: white;
		font-size: 12pt;
	}
	#header h1 {
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 0px;
		padding-left: 0px;
	}
	#header h1 a {
		height: auto;
		width: auto;
		text-indent: 9999em;
		display: inline;
		text-decoration: none;
		font-weight: bold;
		font-size: 28px;
	}
	#container,
	#header,
	#content,
	#sidebar,
	#location {
		width: auto; 
		margin: 0;
		padding: 0; 
		border: 0;
		float: none !important;
		color: black; 
		background: transparent;
		clear: both;
	}
	#sidebar img,#sidebar object {display:inline;}
	#head-menu,
	#aud-menu,
	#search,
	#navigation,
	#user-options,
	#footer,
	#sub-footer ul { display: none; }		
}