/*
Theme Name: School of Continuing Studies
Theme URI: http://learn.utoronto.ca/
Description: The theme for the University of Toronto School of Continuing Studies is stylish, customizable, simple, and readable. It includes a host of accessibility features, a grouping of custom menus, and many other functionality enhancements. The theme supports six widgetized areas (two in the sidebar, four in the footer) and featured images. It includes stylesheets for print, special styles for posts in the "Asides" category, and has optional page templates that change the look of subpages based on the users need for the page.
Author: Chad Holden — Dev and Lisa Linkovich (Design)
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, complete-accessibility, custom-post-type, custom-taxonomies, rtl-language-support, custom-menu
*/

/* ==== Scroll down to find where to put your styles :) ==== */
@import url('_css/search.css');

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; background: #fff; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a {text-decoration: none}
a:hover, a:active { outline: none; text-decoration: underline; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
.in_section > nav > ul > li > .children { display: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #efefef; color:#666; text-shadow: none; }
::selection { background:#efefef; color:#666; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #efefef; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #002f65; }
a:hover { color: #666; }

.alignleft {margin: 0 1em 0 0; float: left;}
.alignright {margin: 0 0 0 1em; float: right;}

.light_green {
	color: #b0bc22;
	}
.light_red {
	color: #ff3333;
	}
.dark_red {
	color: #EE303C;
	}
a.light_red {
	color: #ff3333 !important;
	}
.dark_gray {
	color: #333333;
	}
a.dark_gray {
	color: #333333 !important;
	font-weight: bold;
	}
.light_gray {
	color: #808080;
	}

/*
    // ========================================== \\
   ||                                              ||
   ||               Your styles !                  ||
   ||                                              ||
    \\ ========================================== //
*/

.acs-feat { /* Accessibility Features */
	background: #000;
	color: #fc0;
	position: relative;
	border-bottom: 3px solid #000;
	box-shadow: 0 0 5px rgba(0,0,0,0.65);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.65);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.65);
	}
	.acs-feat .row,
	.acs-feat .row-scs {
		padding: 20px 0;
		display: none;
		}
		.inner-access {
			width: 1120px;
			margin: 0 auto;
			position: relative;
		}		
	#font_size {
		background: #222;
		border-radius: 13px;
		line-height: 26px;
		text-align: center;
		}
		#font_size a {
			color: #fc0;
			font-weight: bold;
			padding: 0 4px;
			text-decoration: none;
			}

#header-notice { background-color:#FFE780;border-bottom:0px solid #ccc;font-weight:bold;color:#000; }
	#header-notice p { margin:1em; }


em {
	font-style: italic;
	}

header {
	position: relative;
	overflow: visible!important;
	padding: 5px 0 0;
	height: 160px;
	}
	header h1, header h2 {
		width: 346px; 
		height: 73px; 
		margin-left: 20px;
		padding-top: 20px;
		}
		header h1 a, header h2 a {
			height: 73px;
			width: 346px;
			display: block;
			background: url(_images/scs-logo.png) no-repeat left top;
			background: -webkit-linear-gradient(transparent, transparent), url(_images/scs-logo.svg) no-repeat left top;
			background: linear-gradient(transparent, transparent), url(_images/scs-logo.svg) no-repeat left top;
			background-size: 346px 73px;
			text-indent: -999em;
			}
	
	header > .menu-main-menu-container, 
	header > .menu-ichl-container {
		position: absolute;
		width: 100%;
		bottom: 0px;
		height: 32px;
		background: #646665;
		box-shadow: inset 0 0 8px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.5);
		-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.5);
		z-index: 100;
		}
		.ie6 header .menu-main-menu-container, .ie7 header .menu-main-menu-container, .ie8 header .menu-main-menu-container {
			background-image: url(_images/menu-off-bg.gif);			
		}
		header > nav.menu-tools-sub-search-container {
			background: none!important;
			}
		header > nav a {
			display: block!important;
			transition: background 0.3s;
			-webkit-transition: background 0.3s;
			-moz-transition: background 0.3s;
			color: #fff;
			text-decoration: none!important;
			}
		header > nav > ul {
			height: 32px;
			margin: 0; padding: 0; list-style: none;
			position: relative;
			z-index: 101;
			}
			header > nav > ul > li {
				float: left; position: relative;
				border-right: 1px solid #fff;
				z-index: 102;
				}
            header > nav > ul > li:last-child {
                border-right: none;
                }
				header > nav > ul > li > a {
					color: #fff!important;
					text-decoration: none!important;
					font-size: 1.1em;
					line-height: 32px;
					display: block;
					padding: 0 20px;
					position: relative;
					z-index: 103;
					}
                header > nav > ul > li.register > a {
                    background-color: #d41921;
                    }
				header > nav > ul > li.current-menu-item > a {
					background: #dadada;
					color: #002a5c!important;
					box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
					-moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
					-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
					text-shadow: none!important;
					}
					header > nav > ul > li > a:hover {
						background: #dddddd!important;
						color: #005a9e!important;
						box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
						-moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
						-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
						text-shadow: none!important;
						}
					header ul ul {
						display: none;
						border-top: 1px solid #fff;
						position: absolute;
						left: -999em;
						top : 100%;
						background: #646665;
						width: 240px;
						box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
						-moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
						-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
						}
						header > nav li:hover > ul {
							display: block;
							left: 0;
							}
							header > nav > ul > li li > a {
								color: #fff!important;
								border-bottom: 1px solid #fff;
								font-weight: bold;
								text-decoration: none!important;
								font-size: 1em;
								line-height: 30px;
								display: block;
								padding: 0 10px;
								}
				header > nav > ul > li > a:hover, header > nav > ul > li li > a:hover {
					background: #343335;
					text-shadow: 0 1px 0 #222;
					}
	.menu-tools-container {
		float: right;
		line-height: 32px;
	}
	#menu-tools li {
		display: inline;
		}
	#menu-tools li + li::before {
		content: " | ";
		}
	#top-head-tools {
		float: right;
		}
		.live-help {
			float: left;
			display: inline-block;
			padding-bottom: 8px;
			line-height: 32px;
			width: 82px;
			text-align: center;
			background: url(_images/live-chat.png);
			}
			.live-help:hover {
				background-image: url(_images/live-chat-hover.png);
				color: #005a9e;
				text-decoration: none;
			}
		.access-toggle {
			float: left;
			margin-left: 7px;
			position: relative;
			top: -5px;
			display: inline-block;
			cursor: pointer;
			height: 36px; width: 33px;
			text-indent: -999em;
			color: #fff;
			background: url(_images/access.png) no-repeat top center;
			z-index: 999;
			}
			.access-toggle:hover {
				background-image: url(_images/access-hover.png);
			}
	#head-tools {
		padding: 25px 0 0;
		}
		#head-tools nav {
			clear: right;
			float: right;
			}
		#head-tools ul {
			list-style: none;
			margin: 0; padding: 10px 0;
			overflow: hidden;
			}
			#head-tools li {
				float: left;
				margin: 0 0 0 8px;
				padding: 0 0 0 8px;
				font-size: 12px;
				border-left: 1px solid #002f65;
				}
				#head-tools li.first {
					border: none;
					}
				#head-tools li a {
					/*display: block;*/
					}
		.certnote {
			border-top:2px solid #e0e5eb;
			}
		#head-tools form {
			clear: right;
			float: right;
			margin: 0;
			padding: 0;
			}
			#head-tools fieldset {
				margin: 0; padding: 0;
				}
				#head-tools input[type=text] {
					padding: 6px;
					text-indent: 0.5em;
					}
				#head-tools label {
					display: block;
					float: left;
					width: 1px;
					overflow: hidden;
					text-indent: -999em;
					}	
		#search_form input[type=text], #search_form input[type=submit] {
			box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
			-moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
			-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
			background: #fff;
			border: 1px solid #ddd;
			}
		#search_form input[type=submit] {
			background: #f4f4f4;
			border: none;
			line-height: 25px;
			padding: 2px 4px;
			transition: .3s background; -webkit-transition: .3s background; -moz-transition: .3s background;
			color: #002f65;
			}
			#search_form input[type=submit]:hover {
				background: #ddd;
				}
		.float-right {
			float: right;
		}
		.no-space {
			margin: 0px;
		}
		.grid_social_icons {
			width: 122px;
			margin: 0px;
		}
	#breadcrumbs {
		margin: 0 auto 20px;
		line-height: 30px;
		color: #ccc;
		}
		#breadcrumbs a {
			color: #ccc;
			text-decoration: none;
			}
		#breadcrumbs strong {
			font-weight: normal;
			color: #002a5c;
			}

	.in_section h3 {
		font-weight: normal;
		font-size: 16px;
		}

	#content[role=main] {
		min-height:	500px;
		}

	.content {
		margin-left: 20px;
		}
		.archive {
			margin-left: 0;
			}

	article {
		line-height: 1.4;
		padding: 0 0 20px;
		margin-top: -10px;
		*min-height: 500px;
		}
		.archive-article {
			padding: 0 0 10px;
			margin: 0 0 10px;
			}
		.single-courses article {
			padding: 10px 40px 20px 0;
			}
		
		blockquote.banner {			
		    margin: 0 0 -30px;
		    padding: 20px 0 0;
		    height: 165px;
		    position: relative;
		    top: -30px;
		    }
			blockquote.banner h2 {
			    position: relative;
			    padding: 30px 0 30px 30px;
			    font-size: 18px;
			    z-index: 10;
			    width: 300px;
			    line-height: 1.4;
			    color: #002a5c;
				}
				.artsci blockquote.banner h2 {
					color: #49176d;
					}
				.busprof blockquote.banner h2 {
					color: #002a5c;
					}
				.writing blockquote.banner h2 {
					color: #e31b23;
					}
				.languages blockquote.banner h2 {
					color: #1d99b2;
					}
				.elp blockquote.banner h2 {
					color: #f7941e;
					}
				.online blockquote.banner h2 {
					color: #00a9a1;
					}

			blockquote.banner p {
				position: relative;
				z-index: 10;
				font-size: 90%;
				margin: 0;
				line-height: 1;
				width: 300px;
				}
			blockquote.banner img {
				position: absolute;
				bottom: 0; right: 0;
				z-index: 1;
				}

		#fl_images {
			list-style: none;
			margin: 1em 0;
			padding: 0;
			}
		
		
		article h3 {
			margin: 1em 0 0.5em;
			padding: 0.25em 0.5em;
			font-size: 1.3em;
			font-weight: 200;
			background: #f0f0f0;
			border-bottom: 1px solid #ddd;
			color: #002f65;
			}
		article h4 {
			margin: 1em 0 0;
			}
			
		article h4.subheader {
			font-size:15px; color:#002f75; margin-bottom:10px; font-weight: normal;
			}
			
		article .bborder {
			padding-bottom: 0.25em;
			border-bottom: 1px solid #e8e8e8;
			}
			
		h4.topborder {
			border-top: 1px solid #e8e8e8;margin-top: 40px;padding-top: 10px;
			}
			
		
		
		article p {
			margin: 0 0 1em;
			}
		article blockquote {
			font-size: 18px;
			}
			
		article > ul, article > ol {
			margin-bottom: 1em;
			margin-top: 1em;
			}
		
		article > table {
			margin-bottom: 1em;
			}
		
		.details {
			margin: 0; padding: 0; list-style: none; margin-bottom: 60px;
			}
			.details li {
				margin: 0; padding: 0; list-style: none;
				}

	h1.page-title {
		line-height: 1;
		font-family: Helvetica Neue, Arial, Sans-Serif;
		font-weight: 200!important;
		color: #000;
		font-size: 28px;
		margin: 0 0 .75em;
		font-weight: normal;
		position: relative;
		z-index: 20;
		}
		
		h2 {
			font-size: 1.6em;
			line-height: 1.25em;
			color: #002a5c;
			font-weight: 200;
			}
			h2.archive-title {
				line-height: 1.25em;
				}

	.callout, #course_listing {
		margin: 10px 0 20px;
		background: #002a5c;
		box-shadow: inset 0 0 30px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.2);
		color: #fff;
		overflow: hidden;
		}
		.busprof .callout {
			background: #002a5c;
			}
		.artsci .callout {
			background: #49176d;
			}
		.writing .callout {
			background: #e31b23;
			}
		.languages .callout {
			background: #1d99b2;
			}
		.elp .callout {
			background: #f7941e;
			}
		.online .callout {
			background: #00a9a1;
			}
		.callout h2 {
			font-size: 19px;
			margin: 0 10px 5px;
			padding: 5px 0 2px;
			color: #fff;
			font-weight: 200;
			border-bottom: 1px solid;
			}
			.callout p, .callout ul {
				padding: 0 0 10px;
				}
				.callout ul {
					list-style-image: url(_images/callout_arrow.png);
					}
					.callout li a {
						font-size: 0.85em;
						color: #fff;
						}
	
	#course_listing {
		-moz-column-count: 3;
		-moz-column-gap: 20px;
		-webkit-column-count: 3;
		-webkit-column-gap: 20px;
		column-count: 3;
		column-gap: 20px;
		list-style: none;
		margin: 0; padding: 20px;
		background: #002a5c;
		}
		.ie7 #course_listing li, .ie8 #course_listing li, .ie9 #course_listing li {
			float: left;
			width: 48%;
			padding: 0 1% 0 0;
			}
		#course_listing a {
			color: #fff;
			display: block;
			padding: 0 4px;
			}
		#course_listing.artsci {
			background: #49176d;
			}
		#course_listing.writing {
			background: #e31b23;
			}
		#course_listing.languages {
			background: #1d99b2;
			}
		#course_listing.elp {
			background: #f7941e;
			}

/* SIDEBAR */

section.home-left-col.switcher nav.grid_3 { margin: 0 10px 0 0; width: 264px; }

.home-left-col.switcher { padding: 1em 0 0 !important; }

	.switcher {
		margin-top: 15px;
		background: url(_images/program_bg.jpg) bottom center no-repeat; padding: 10px 0 10px 5px;
		height: 465px;
		position: relative;
		border-bottom: 1px solid #e1e1e1;
		}
		

		.switcher nav li {
			/* background: #002a5c url(_images/prog_nav_bg.png) bottom right no-repeat; */
			height: 71px;
			width: 264px;
			margin: 0 0 7px;
			position: relative;
			z-index: 50;
			}
			
			/* BUSINESS & PROFESSIONAL */
			.switcher nav li.busprof {background-color:#002a5c;}
			.switcher nav li a strong { color: #002a5c; }
				
			/* CREATIVE WRITING */
			.switcher nav li.creative_writing {background-color: #e31b23;}
			.switcher nav li.creative_writing a strong { color: #e31b23; }

			/* LANGUAGES & TRANSLATION */
			.switcher nav li.languages {background-color: #1d99b2;}
			.switcher nav li.languages a strong {color: #1d99b2;}

			/* ARTS & SCIENCE */
			.switcher nav li.arts_science {background-color: #49176d;}
			.switcher nav li.arts_science a strong {color: #49176d;}

			/* English Language Program */
			.switcher nav li.elp {background-color: #f7941e;}
			.switcher nav li.elp a strong {color: #f7941e;}

			/* Online & Distance Learning */
			.switcher nav li.online {background-color: #00a9a1;}
			.switcher nav li.online a strong {color: #00a9a1;}

			.switcher nav li a {
				background: #f4f5f6;
				display: block;
				width: 248px;
				height: 71px;
				text-decoration: none;
				position: relative;
				transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s;
				float:right;
				}
				
				.switcher nav li a:hover {
					background: #f9f9f9 !important;
					}
				.switcher nav li a .arrow {
					display: block;
					width: 8px;
					height: 15px;
					background: url(_images/prog_arrow.png) 0 0 no-repeat;
					position: absolute; top: 12px; right: 10px;
					transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s;
					opacity: 0;
					}
				.switcher nav li a:hover .arrow {
					opacity: 1;
					}
				.switcher nav li a strong {
					font-family: Benton Sans;
					padding: 10px 10px 2px;
					color: #002a5c;
					display: block;
					font-size: 18px; font-weight: normal;
					}
				.switcher nav li a .desc {
					font-family: Benton Sans;
					display: block;
					font-size: 12px;
					line-height: 1.2em;
					color: #000;
					padding: 0 10px 10px;
					}			

		.ss {
			display: block;
			width: 530px; height: 450px;
			position: absolute; bottom: 0px; right: 10px;
			}
			
			.ss ul li, .ss ul {
				width: 540px; height: 450px;
				position: relative;
				margin: 0; padding: 0;
				list-style: none;
				}
				.ss ul li img {
					position: absolute; bottom: 0; right: 0;
					}
				.ss ul li p, .ss ul li h2 {
					position: relative; z-index: 10;
					}
				.ss ul li p {
					padding: 20px 0 0 40px;
					font-size: 18px;
					color: #333;
					width: 265px;
					}
				.ss ul li h2 {
					padding: 30px 0 0 40px;
					font-size: 43px;
					font-weight: normal;
					line-height: 35px;
					color: #333;
					width: 115px;
					}
					.ss ul li h2 span {
						color: #e31b23;
						}
					.ss ul li:nth-child(2n) h2 span {
						color: #7ed0e0;
						}
					.ss ul li:nth-child(3n) h2 span {
						color: #49176d;
						}
		#ss_nav {
			position: absolute;
			bottom: 50px;
			left: 82px;
			z-index: 20;
			}
			#ss_nav a {
				color: #C7C8CA;
				font-size: 16px;
				display: block;
				float: left;
				line-height: 15px;
				text-decoration: none;
				transition: .3s color; -webkit-transition: .3s color; -moz-transition: .3s color;
				}
				#ss_nav .ss_next, #ss_nav .ss_prev, #ss_nav a {
					margin: 0 5px;
					float: left;
					display: block;
					cursor: pointer;
					}
					.ss_next, .ss_prev {
						background: #C7C8CA url(_images/arrow_prev.png) 0 0 no-repeat;
						height: 15px; width: 8px;
						transition: .3s background; -webkit-transition: .3s background; -moz-transition: .3s background;
						}
						.ss_next {
							background-image: url(_images/arrow_next.png);
							}
					.ss_next:hover, .ss_prev:hover {
						background-color: #333;
						}
					#ss_nav a.activeSlide, #ss_nav a:hover {
						color: #333;
						}

		.program_home {
			position: absolute;
			bottom: 0;
			left: 0;
			}
		.programs {
			position: absolute;
			bottom: 0; right: 0;
			float: left;
			width: 520px; height: 485px;
/*			background: #fff;*/
			z-index: 40;
			display: none
			}
			.programs dl {
				width: 520px; height: 475px;
				margin: 0; padding: 0;
				background: #fff;
				background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0, rgb(199,236,234)), color-stop(0.45, rgb(255,255,255)));
				background-image: -moz-linear-gradient( right bottom, rgb(199,236,234) 0%, rgb(255,255,255) 45%);
				}
				.programs dt, .programs dd {
					margin: 10px 30px 10px 10px;
					}

				.programs #online {
					background-image: gradient( linear, right bottom, left top, color-stop(0, rgb(199,236,234)), color-stop(0.45, rgb(255,255,255)));
					background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0, rgb(199,236,234)), color-stop(0.45, rgb(255,255,255)));
					background-image: -moz-linear-gradient( right bottom, rgb(199,236,234) 0%, rgb(255,255,255) 45%);
					}
					.programs #online .courses, .programs #online dt span, .programs #online blockquote { color: #00a9a1; }
				
				.programs #creative_writing {
					background-image: gradient( linear, right bottom, left top, color-stop(0, rgb(249,205,207)), color-stop(0.45, rgb(255,255,255)));
					background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0, rgb(249,205,207)), color-stop(0.45, rgb(255,255,255)));
					background-image: -moz-linear-gradient( right bottom, rgb(249,205,207) 0%, rgb(255,255,255) 45%);
					}
					.programs #creative_writing .courses, .programs #creative_writing dt span, .programs #creative_writing blockquote { color: #e31b23; }

				.programs #languages {
					background-image: gradient( linear, right bottom, left top, color-stop(0, rgb(188,244,255)), color-stop(0.45, rgb(255,255,255)));
					background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0, rgb(188,244,255)), color-stop(0.45, rgb(255,255,255)));
					background-image: -moz-linear-gradient( right bottom, rgb(188,244,255) 0%, rgb(255,255,255) 45%);
					}
					.programs #languages .courses, .programs #languages dt span, .programs #languages blockquote { color: #1d99b2; }

				.programs #arts_science {
					background-image: gradient( linear, right bottom, left top, color-stop(0, rgb(215,204,223)), color-stop(0.45, rgb(255,255,255)));
					background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0, rgb(215,204,223)), color-stop(0.45, rgb(255,255,255)));
					background-image: -moz-linear-gradient( right bottom, rgb(215,204,223) 0%, rgb(255,255,255) 45%);
					}
					.programs #arts_science .courses, .programs #arts_science dt span, .programs #arts_science blockquote { color: #49176d; }

				.programs #elp {
					background-image: gradient( linear, right bottom, left top, color-stop(0, rgb(253,232,206)), color-stop(0.45, rgb(255,255,255)));
					background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0, rgb(253,232,206)), color-stop(0.45, rgb(255,255,255)));
					background-image: -moz-linear-gradient( right bottom, rgb(253,232,206) 0%, rgb(255,255,255) 45%);
					}
					.programs #elp .courses, .programs #elp dt span, .programs #elp blockquote { color: #f7941e; }

				.programs #busprof {
					background-image: gradient( linear, right bottom, left top, color-stop(0, rgb(199,208,219)), color-stop(0.45, rgb(255,255,255)));
					background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0, rgb(199,208,219)), color-stop(0.45, rgb(255,255,255)));
					background-image: -moz-linear-gradient( right bottom, rgb(199,236,234) 0%, rgb(199,208,219) 45%);
					}
					.programs #busprof .courses, .programs #busprof dt span, .programs #busprof blockquote { color: #002a5c; }

				.programs dt {font-size: 18px;}
				.programs dt.learn_more {font-size: 40px; line-height: 36px; width: 120px; color: #333;}
				.programs blockquote {font-size: 16px; margin: 30px 0 20px;}
				

		#news {
			margin: 15px 0 0;
			box-shadow: inset 0 0 30px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
			}
			.ie6 #news, .ie7 #news, .ie8 #news {
				background: #f4f4f4;
				}
			#news h3, .sidebar_title {
				padding: 15px 15px 8px;
				font-size: 21px;
				font-weight: normal;
				text-shadow: 0 1px 0 #fff;
				}
			#news ul {
				padding: 15px 14px;
				margin: 0;
				overflow: hidden;
				}
				#news li {
					border-left: 1px solid #ddd;
					margin: 0 0 0 -1px;
					padding: 0 20px;
					list-style: none;
					width: 220px;
					float: left;
					}
					#news li a {
						color: #333;
						font-size: 12px;
						text-decoration: none;
						}
						#news li a.learn_more, a.read_more, a.download {
							display: block;
							margin: 10px 0 0 0;
							font-size: 14px;
							text-decoration: none;
							color: #333;
							}
							#news li a.learn_more span {
								color: #b0bc22;
								}
					#news li:first-child, #news li.first {
						border: none;
						padding-left: 0;
						}
					#news li:last-child, #news li.last {
						padding-right: 0;
						}

		.sidebar_container {
			display: block; overflow: hidden;
			padding: 5px 15px 15px;
			box-shadow: inset 0 0 30px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
			background-color: #f1f2f1;
			margin: 1px 0 0 0;
			}
			.sidebar_title {
				padding-left: 0;
				color: #000;
				}
			.sidebar_container ul li, .sidebar_container ul {
				margin: 0; padding: 0; list-style: none;
				}
			.sidebar_container ul li a {
				display: block;
				line-height: 1;
			/*	height: 14px; */
				border-bottom: 1px solid #fff;
				padding: 7px 15px;
				background: url(_images/how-do-i-arrow.png) center left no-repeat;
				}
			.read_more span {
				color: #f7941e;
				}
			.download span {
				color: #7ed0e0;
				}

		.icc {
			background: #ffcf01;
			display: block;
			overflow: hidden;
			margin: 10px 0;
			}
			.icc p {
				display: block; float: left;
				padding: 15px;
				}
			.icc p label {
				display: block;
				font-size: 14px;
				font-weight: bold;
				}
			.icc select {
				background: #fff;
				width: 200px;
				}

		.class_results {
			clear: left;
			}
		.class_results th {
			font-size: 16px;
			font-weight: normal;
			text-align: left;
			padding: 7px 10px;
			}
			.class_results td {
				padding: 10px;
				}
				.class_results tr.odd td {
					background: #fff8d9;
					border: solid #ffcf01;
					border-width: 1px 0;
					}
				.class_results tr.odd1 td {
					background: #fff8d9;
					border: solid #ffcf01;
					border-width: 1px 0 0;
					}
				.class_results tr.odd2 td {
					background: #fff8d9;
					border: solid #ffcf01;
					border-width: 0 0 1px;
					}
				.class_results dt {
					font-weight: bold;
					}


/* ==================== LEFT NAV MENU TABBED ================== */
	#custom_nav > ul {
		overflow: visible;
		}

	#custom_nav > ul, .in_section > nav > ul {
		margin: 10px 0 0;
	}
	
	#custom_nav > ul > li span, .in_section > nav:not(#custom_nav) > ul > li {
		display: block;
		background: #002a5c url(_images/Left_tab_menu-bg.png) bottom right no-repeat;
		width: 139px;
		padding: 0 3px 5px 0;
		margin: 0 0 2px;
		position: relative;
		z-index: 50;
		max-height: 47px;
		overflow: visible;
		}
		
		#custom_nav > ul > li > span > a, .in_section > nav > ul > li > a {
			padding: 8px 0px 8px 8px;
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
			background: #fff;
			display: block;
			color: #002a5c;
			background: #fff;
			box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
			}
		.ie6 #custom_nav li span a, .ie7 #custom_nav li span a, .ie8 #custom_nav li span a {
			border-bottom: 2px solid #002a5c;
			}
			#custom_nav > ul > li.current-menu-item > span > a, #custom_nav > ul > li.current-page-ancestor > span > a {
				background: #fff url(_images/tab_menu_arrow.png) 133px center no-repeat;
				}
			#custom_nav > ul > li > span > a:hover {
				background: #f9f9f9 url(_images/tab_menu_arrow.png) 133px center no-repeat;
				}

		#custom_nav li li.current-page-ancestor a {
			font-weight: bold;
			}
		/* CREATIVE WRITING */
		#custom_nav li.cw span {background-color: #e31b23;}
		.ie6 #custom_nav li.cw span a, .ie7 #custom_nav li.cw span a, .ie8 #custom_nav li.cw span a {
			border-bottom: 2px solid #e31b23;
			}
		#custom_nav li.cw a { color: #e31b23; }

		/* LANGUAGES & TRANSLATION */
		#custom_nav li.lt span {background-color: #1d99b2;}
		.ie6 #custom_nav li.lt span a, .ie7 #custom_nav li.lt span a, .ie8 #custom_nav li.lt span a {
			border-bottom: 2px solid #1d99b2;
			}
		#custom_nav li.lt a {color: #1d99b2;}

		/* ARTS & SCIENCE */
		#custom_nav li.as span {background-color: #49176d;}
		.ie6 #custom_nav li.as span a, .ie7 #custom_nav li.as span a, .ie8 #custom_nav li.as span a {
			border-bottom: 2px solid #49176d;
			}
		#custom_nav li.as a {color: #49176d;}

		/* English Language Program */
		#custom_nav li.elp span {background-color: #f7941e;}
		.ie6 #custom_nav li.elp span a, .ie7 #custom_nav li.elp span a, .ie8 #custom_nav li.elp span a {
			border-bottom: 2px solid #f7941e;
			}
		#custom_nav li.elp a {color: #f7941e;}

		/* Online & Distance Learning */
		#custom_nav li.ol span {background-color: #00a9a1;}
		.ie6 #custom_nav li.ol span a, .ie7 #custom_nav li.ol span a, .ie8 #custom_nav li.ol span a {
			border-bottom: 2px solid #00a9a1;
			}
		#custom_nav li.ol a {color: #00a9a1;}

		#custom_nav li ul {
			margin: -5px 0 5px;
			display: none;
			}
			#custom_nav li.current_page_item ul, #custom_nav li.current-page-ancestor ul {
				display: block;
				}
			
		#custom_nav li li a {
			display: block;
			padding: 5px 10px;
			border-bottom: 1px solid #ccc;
			}

/* ==================== ABOUT SIDEBAR STYLES ========================= */
	
	#about_side_banner { position: relative; margin-top:1px; margin-left:40px; width: 306px; height: 683px; }
	.about_side_banner { position: relative; margin-top:1px; margin-left:10px; width: 306px; height: 683px; }
	#about_side_banner li { list-style: none; }

/* ==================== FOOTER STYLES ========================= */

.social {
	background: #8a8d8c;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.35); -moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.35); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.35);
	margin: 1px auto;
	height: 28px;
	}
	.social ul, social li {
		margin: 0; padding: 0; list-style: none;
		}
		.social ul {float: right; margin-right: 6px;}
	.social li {
		padding: 6px 3px;
		float: left;
		}
		.social li a {
			display: block;
			height: 16px;
			width: 16px;
			text-indent: -999em;
			background: url(_images/icon-facebook.png) center center no-repeat;
			}
			.social li a.icon_tw { background-image: url(_images/icon-twitter.png);}
			.social li a.icon_li { background-image: url(_images/icon-linkedin.png);}
			.social li a.icon_fl { background-image: url(_images/icon-flickr.png);}
			.social li a.icon_yt { background-image: url(_images/icon-youtube.png);}
			.social li a.icon_rss { background-image: url(_images/icon-rss.png);}
	
footer.row,
footer.row-scs {
	padding-top: 10px;
	}
	footer nav h5 {
		font-size: 13px;
		font-weight: normal;
		color: #002a5c;
		}
		footer nav ul li a {
			display: block;
			font-size: 11px;
			padding: 2px 0;
			line-height: 1.1em;
			color: #716f6f!important;
			text-decoration: none;
			}

footer.copyright {
	font-size: 10px;
	color: #666;
	margin: 15px auto 10px;
	border-top: 1px solid #ddd;
	}
	footer.copyright aside ul {
		*text-align: center;
		padding: 0; margin: 0;
		width: 100%;
		}
	footer.copyright aside li {
		display: block; float: left; border-right: 1px solid #ccc;
		list-style: none;
		}
	footer.copyright aside li:last-child {
		border-right: none;
		}
		footer.copyright aside li a, footer.copyright aside li span{
			display: block; padding: 2px 8px;
			}

/*	--------------------------------------------------
	:: Tables
	-------------------------------------------------- */
	table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 0 0 18px; border: 1px solid #ddd;  }
	
	table thead { background: #f5f5f5; }
	table thead tr th,
	table tbody tr td { XFONT-size: 12px; line-height: 18px; text-align: left; } /*-- removed font-size restriction for accessibility purposes (set as XFONT-size) --*/
	table thead tr th { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
	table thead tr th:first-child { border-left: none; }
	table thead tr th:last-child { border-right: none; }
	
	table thead tr {  }
	table tbody {  }
	table tbody tr {  }
	table tbody tr.even,
	table tbody tr.alt { background: #f9f9f9; }
	table tbody tr:nth-child(even) { background: #f9f9f9; }
	table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }

/* basic styles */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* project management navigation table style */
table#pma_nav { 
	border-collapse: separate; background: none; border: 0; width: 520px; padding: 10px 0; 
	border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; 
}
table#pma_nav td { padding: 0px; background: none; position: relative; border: 4px solid white;; }
table#pma_nav tr { background: none; }

table#pma_nav td,
table#pma_nav a { height: 100px; width: 150px; color: #222; }

table#pma_nav a { display: table-cell; padding: 10px; text-align: center; vertical-align: middle; }
table#pma_nav a:hover { text-decoration: none; opacity: 0.5; }
table#pma_nav a.bold { font-weight: bold; }

table#pma_nav td.navi { borders: 0; background-color: #eee; border-radius: 8px; }
table#pma_nav td.navi.ora1 { background-color: #6C9; }
table#pma_nav td.navi.ora2 { background-color: #CC0; }
table#pma_nav td.navi.ora3 { background-color: #6CF; }
table#pma_nav td.navi.ora4 { background-color: #C93; }
table#pma_nav td.navi.ora5 { background-color: #C9C; }

table#pma_nav td strong { font-size: 14px; }

.indented td {padding-left:24px; background: url('http://staging.learn.utoronto.ca/wp-content/themes/scs/_images/how-do-i-arrow.png') 10px 14px no-repeat; }

small.new, a.new { color: #F70; }
a.phone_number:hover { text-decoration: none; cursor: default; }

div.instructor { margin: 15px 0 30px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
div.instructor.snug { margin-bottom: 0; }
div.instructor a[href*="http://2learn.utoronto.ca/"] { margin: 0; }
div.instructor .biography { margin-bottom: 15px ; }

/* streams listing addition */

#streams_list {
	border-right: 1px dotted #DDD;
	border-bottom: 1px solid #DDD;
}
#streams_list ul {
	padding: 0; margin: 0;
}
#streams_list li {
	list-style: none;
	float: left;
	padding: 3px 10px;
	border-top: 1px solid #DDD;
	width: 234px;
	border-left: 1px dotted #DDD;
}
#streams_list li:nth-child(even) {
	background-color: #f5f5f5;
	background-color: #fff;
}

.custom-paged {
	margin: 5px 0 25px;
	padding: 1px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.custom-paged li {
	list-style: none;
	float: left;
	margin: 5px 0;
	padding: 0 5px;
	border-left: 1px solid #aaa;
}
.custom-paged li:first-child {
	border-left:0;
}

.pos_right { float: right; }

table.show_columns th, table.show_columns td { border-right: 1px solid #eee; }

#faqs {}
#faqs .faqs-answer {
	margin: 10px 0 25px;
	padding: 10px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}
/* ===================================== Action Button! ============================================== */

a.action_button {
	font-size: 1.2em;
	color: #222; 
	padding: 0.75em 2em;
	margin: 1em 0 0;
	border: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #d6d6d6;
}
a:hover.action_button {
	text-decoration: none;
}
a:active.action_button {
	background: #8a8d8c;
	color: #fff;
}

a.mbutton{border:1px dashed #ddd;padding:10px;display:block;margin:10px 0;background-color:#eee;}
a.mbutton:hover{background-color:#002a5c;color:#fff;text-decoration:none;border-color: #002a5c;}


/* ============ end ================== */
.ces-show-display-until-ready-1 { display: block !important; }
.ces-hide-from-user-until-ready-1 { display: none !important; }
.ces-hide-from-user-until-ready-2 { display: none !important; }
.ces-hide-from-user-until-ready-3 { display: none !important; }

/* --------------------------------------------------------------------------------------------------------- */

*.it_support input,
*.it_support select,
*.it_support textarea { background-color:rgb(232,244,247); border: 1px solid rgb(219,230,230); padding: 5px; }
*.it_support input, *.it_support textarea { padding: 4px 5px !important; }
*.it_support .gfield_required { color: #F00 !important; }

/* --------------------------------------------------------------------------------------------------------- */
/* ...      TEMPLATE : WIDE PAGE CUSTOM                                                                  ... */

.page_wide.grid_12 { width: 1114px; margin-right: 0; position: relative; }
.page_wide .grid_2 { width: 180px; margin-right: 26px; }
.page_wide .grid_7 { width: 697px; margin-right: 26px; }
.page_wide.grid_3, .page_wide.grid_3.noright { width: 155px; }
.page_wide #custom_nav > ul > li span { width: 159px; }
.page_wide .sidebar_container { box-shadow: none; -webkit-box-shadow: none; background-color: transparent; margin-top: 0; padding: 0px 0 15px 10px; border-left: 1px solid #333; }
.page_wide div.page_wide_banner { margin: 1px 0 20px; padding-top: 40px; padding-bottom: 10px; background: url('http://learn.utoronto.ca/wp-content/uploads/2013/07/ribbon-bg2.jpg') top right no-repeat; border-bottom: 1px solid #777; }
.page_wide .page-title { clear: both ; margin: 0 0 2px; }
.page_wide .page_wide_sub_header { color: #888; }
.page_wide h3.page_wide_sub_header { font-size:20px; font-weight: normal; margin-bottom:10px; }
.page_wide #breadcrumbs { position: absolute; top: 0; left: 0; }
.page_wide article { font-size:16px; line-height:22px; }
.page_wide article h3 { color: #888; background: none; }


.page_wide_header { min-height: 130px; margin-top: 1px; margin-bottom: 30px; }
.page_wide_header .split_button { background:#555; float: left; width: 315px; color: #fff; padding: 10px; height: 110px; box-shadow: 1px 3px 4px #222; -moz-box-shadow: 1px 3px 4px #222; cursor:pointer; display: block; text-decoration: none; border: none; outline: none; }
.page_wide_header .split_button:hover { background:#444;  }
.page_wide_header .split_button:nth-child(2) {margin-left:20px; }
.page_wide_header .split_button div { margin: 10px; }
.page_wide_header .split_button h3 { font-size: 16px; margin-bottom: 10px; }


.page_wide_header .mini-col { width: 170px; float: left; margin-right: 3px; margin-top: 8px; }
.page_wide_header .mini-col span { float: left; display:block;  }
.page_wide_header .mini-col .list { font-size: 34px; }
.page_wide_header .mini-col p { float: right; margin: 0; padding: 0; width: 140px; margin-top: 4px; text-align: start; margin-left: 2px; }
.page_wide_header .mini-col + br { clear: left; }


/* --------------------------------------------------------------------------------------------------------- */
/* ...      SCS TAB STRUCTURE                                                                            ... */

.scs-tabs {} 
.scs-tabs .scs-tab-headers {} 
.scs-tabs .scs-tab-headers ul { padding: 0; margin: 0;} 
.scs-tabs .scs-tab-headers li {display:block; float:left;list-style:none; margin-bottom:-1px; background: #fff;} 
.scs-tabs .scs-tab-headers li a {display:block; padding: 10px 18px; color:#999;text-decoration:none;outline:none;font-size:120%; } 
.scs-tabs .scs-tab-headers li a:hover{color:#4368a4;} 
.scs-tabs .scs-tab-headers li a.active {border:1px solid #ddd; border-bottom-color: #fff;border-radius:4px 4px 0 0;color:#222;font-weight:bold;} 
.scs-tabs .scs-tab-headers li a.active:hover{color:#036BF0;} 
.scs-tabs .scs-tab-sections {clear:both;} 
.scs-tabs .scs-tab-section-content {padding:10px; border:1px solid #ddd;} 
.scs-tabs .scs-tab-sections h3 {margin-top:0;font-size:110%;} 
.scs-tabs.hideborders .scs-tab-section-content table {border:0 none;} 
a.scs-blue-button {float:right; text-decoration: none !important; padding:0 5px; background:#036BF0;color:#fff;border-radius:3px;font-size:70%;padding:4px 7px;font-family:Arial, sans-serif;} 
a.scs-blue-button:hover {color:#fff;background:#4368a4;}
a.scs-blue-button.big { padding: 16px 28px; font-size:90%; }
a.scs-blue-button.center{ float:none;text-align:center; }

.cabinet-handle { cursor: pointer; }
.cabinet-handle:before { content: "+ "; }
.cabinet-handle.active:before { content: "- "; }
.cabinet-handle:hover { opacity: .75; }

/* --------------------------------------------------------------------------------------------------------- */
/* ...      SCS MEDIA STRUCTURE                                                                          ... */

.scs-media-container img,
.scs-media-container a { height:107px; width:190px; float: left; border-radius: 4px; } 
.scs-media-container.vimeo a { margin: 0 8px 8px 0; background: transparent url('play.png') center center no-repeat; display:block; } 
.scs-media-container img{ border:1px solid #eee; } 
.scs-media-container img:hover{ opacity:0.5; -moz-transition: opacity .5s ease, border .5s; -webkit-transition: opacity .5s ease, border .5s; -o-transition: opacity .5s ease, border .5s; transition: opacity .5s ease, border .5s; border-color: #09a; }  
.scs-media-container hr, 
.scs-media-container br{clear:both;} 
.scs-media-container a.feature { width:585px; height:328px; float: left; border-radius: 2px; } 
.scs-media-container a.feature img { width:585px; height:328px; } 

/* --------------------------------------------------------------------------------------------------------- */
article .iconlist, article .icon, article .iconlist + .clearleft, article .utm-display { display: none; }
article #courselist p { margin-bottom: 0; }

.scs-social.icons { vertical-align: top; }
.scs-social.links {
	width: 120px;
	display: inline-block;
}
a.holiday_notice { color: #c00; }

/* --------------------------------------------------------------------------------------------------------- */

#news { padding: 3%; }
	#news h3 {
		display: block;
		height: 100%;
		width: 100%;
		margin-bottom: 10px;
		padding: 0;
	}
	#news ul { padding: 0; }
	#news li {
		border:0 none;
		display: block;
		width: 31.2%;
		float: left;
		padding: 0;
		margin: 0;
		margin-right: 3%;
	}
	#news li.last {
		margin-right: 0%;
	}
		#news .news-thumbnail, #news .attachment-news-thumb-home {
			display: block;
			height: 106px;
			width: 100%;
			border: 1px solid rgb(102, 102, 102);
			margin-bottom: 10px;
			float: left;
			overflow: visible;
		}
		#news h4.news-title {
			margin: 10px 0px 3px;
			color: rgb(64, 64, 65);
			font-size: 14px;
			line-height: 15px;
			font-weight: normal;
			letter-spacing: -0.01em;
		}
		#news h3 .social-icons {
			float: right;
			display: block;
			width: 33px;
			height: 36px;
			margin-left: 10px;
		}
		#news a.learn_more {
			font-size: 16px;
			margin-top: 10px;
			float:right;
		}
		#news a.learn_more .highlight { color: rgb(0, 173, 239); }
		
		
		
.sideblock { 
	background-color: #fffddc; padding: 20px; margin-bottom: 20px; border-left: 20px solid #fff; width: 35%;float: right;color: #000;font-style: italic; 
}
.sideblock h2 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 110%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	color: #000;
}

/* --------------------------------------------------------------------------------------------------------- */
/* ...			      iSchool certificate listing separators											 ... */

/* block level content separator */
.content-subdivision {
	border-bottom: 1px solid #ddd;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

/* certificate list separator */
.certificate-list {
	border-top: 1px solid #ddd;
	padding-top: 1em;
	margin-top: 1em;
}
/* --- [ slider ] ---------------------------------------------------*/

.flex-control-nav {
    bottom: -18px !important;
    line-height: 11px;
}
.carousel-block
{
	min-height:0px !important;
}

/* --- [ end slider ] ---------------------------------------------------*/
	
/* --- [ form hacks ] ---------------------------------------------------*/

.check_button .ginput_container, 
.check_button label.gfield_label {
	float: left; clear: both;
}

.check_button.no_title .gfield_label, .gform_wrapper .top_label .no_title .gfield_label {display: none;}
.check_button .ginput_container {
	padding: .15em 1em;
	background-color: #eee;
	border-radius: 4px;
	margin-bottom: 1.75em;
}
.check_button .ginput_container:hover,
.check_button .ginput_container:active {
	background-color: #ccc;
}
.check_button .ginput_container:has(input:checked){
	background-color: #ccc;
}
li.hidden_header {
	display: none;
}
li.article h2 {
	width: 98%;
	font-weight: bold;
	font-size: 1.3em;
	margin: 16px 0;
	padding: 0 0 8px 0;
	letter-spacing: normal;
	border-bottom: 1px dotted #CCC;
	clear: both;
}
.gform_wrapper .article h3 {
	font-size: 1.15em;
			margin: 1em 0 0.5em;
			padding: 0.25em 0.5em;
			font-weight: 200;
			background: #f0f0f0;
			border-bottom: 1px solid #ddd;
			color: #002f65;
}
.check_button .ginput_container label:before { content: "Sign up for "; }
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.article.gfield_html ul li { margin: 0; }
	
/* --- [ end form hacks ] ---------------------------------------------------*/


/* --------------------------------------------------------------------------------------------------------- * /
article .iconlist, article .icon { display: none; }
/* --------------------------------------------------------------------------------------------------------- */

@media all and (orientation:portrait) {}

@media all and (orientation:landscape) {}

@media screen and (max-device-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
  
  a, a:visited { color: #444 !important; text-decoration: underline; }
  header, .acs-feat, #breadcrumbs, .in_section, .grid_3, .social, footer {
  	display: none;
  	}
  .row, .row-scs, .grid_7 {width: 100%;}
  article {
  	font-size: 1;
  	line-height: 140%;
  	width: 100%;
  	margin: 1em 0 0;
  	padding: 1em 0;
  	}
/*  a[href]:after { content: " (" attr(href) ")"; }  */
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/*--------------------------------------------------
Social Icons Roll Over
---------------------------------------------------*/
#menu-social-icons li {
	background-color: #f0f0f0;
}

.social-icons {
	padding: 0!important;
	margin: 0!important;
	list-style-type: none!important;
}
.social-icons li{
	float: left!important;
	margin-right: 2px!important;
	margin-bottom: 2px!important;
	padding: 0px!important;
	display: inline!important;
	width: auto!important;
	box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
}			
.social-icons li a {
	-moz-transition: all 0.3s ease 0s;
	display: block!important;
	float: right!important;
	height: 100%!important;
	margin: 0!important;
	padding: 0!important;
	width: 30px!important;
	height: 30px!important;
	text-indent: -9999px!important;
}
.social-icons li a:hover 
{	background-position: 0 -30px!important;
}
.social-icons li a {
	background-color:transparent;
}

.social-icons li.facebook a {
	background: url(_css/images/icons/facebook.png) no-repeat 0 0;
	background-size: 100% 200%;
}
.social-icons li.facebook a:hover {
	background-color: #3b5998;
}

.social-icons li.linkedin a {
	background: url(_css/images/icons/linkedin.png) no-repeat 0 0;
	background-size: 100% 200%;
}
.social-icons li.linkedin a:hover {
	background-color: #71b2d0;
}

.social-icons li.twitter a {
	background: url(_css/images/icons/twitter.png) no-repeat 0 0;
	background-size: 100% 200%;
}
.social-icons li.twitter a:hover {
	background-color: #48c4d2;
}

/* 	Styles for PDU Tables :
	courses-programs/business-professionals/courses/project-management-courses-2/professional-development-units
*/
.custom_table {
	
}

.custom_table tr.odd {
	background: none;
}

.custom_table tr.even {
	background: #f9f9f9;
}

/*--------------------------------------------------
Certificate Page Styles
---------------------------------------------------*/
.cert_list {
	margin-bottom: 1em;
}

/*-------------------------------------------------
New Left Menu Styles
---------------------------------------------------*/
#custom_nav.new > ul > li > a {
	width: 100%;
	padding: 8px;
	background-color: #f5f5f5;
	float: left;
	border-right: 15px solid #002a5c;
	margin-bottom: 5px;
}
#custom_nav.new li.current-page-ancestor a {
	margin-bottom: 0;
}
#custom_nav.new li.cw>a { /* CREATIVE WRITING */
	border-right: 15px solid #e31b23;
}
#custom_nav.new li.lt>a { /* LANGUAGES & TRANSLATION */
	border-right: 15px solid #1d99b2;
}
#custom_nav.new li.as>a { /* ARTS & SCIENCE */
	border-right: 15px solid #49176d;
}
#custom_nav.new li.elp>a { /* English Language Program */
	border-right: 15px solid #f7941e;
}
#custom_nav.new li.ol>a { /* Online & Distance Learning */
	border-right: 15px solid #00a9a1;
}
#custom_nav.new .sub-menu:after {
	content: '';
	display: table;
	clear: both;
}
#custom_nav.new .sub-menu {
	margin-bottom: 5px;
}
#custom_nav.new .sub-menu a {
	width: 100%;
	padding: 8px;
	margin: 0;
	float: left;
	border: 1px solid #ddd;
}
#custom_nav.new .sub-menu a:hover {
	background-color: #f5f5f5;
}
#custom_nav.new .sub-menu .current-menu-item a {
	background-color: #e4e4e4;
}

/* ----- NEW RESPONSIVE FIXES ----- */

@media screen and (max-width: 768px) {
	section.home-left-col.switcher nav.grid_3 {width:100%;}
	.switcher nav li a {float:none;}
}