@import url(reset.css);

body {
	background: #F3EEDA url(images/header-background.png) top left repeat-x;
	color: #202020;
	font: 12px/1.5 Arial, Helvetica, sans-serif;
	text-align: center;
	}

h1 {
	color: #df7a2d;
	font-family: "ITC Avant Garde", "Avant Garde", Avantgarde, "Century Gothic", sans-serif;
	font-size: 2.5em;
	line-height: 1.2;
	margin: 0 0 .6em;
	text-transform: uppercase;
	}

h2 {
	color: #df7a2d;
	font-size: 1.5em;
	line-height: 1;
	margin: 1em 0 0;
	}

h3 {
	color: #df7a2d;
	font-size: 1.1667em;
	line-height: 1.2857;
	margin: 1.2857em 0 0;
	}
		
p, ul, ol, dl {
	margin: 0 0 1.5em;
	}
	
dt {
	margin-top: 1.5em;
	}

ul, ol {
	margin-left: 2em;
	}
	
	ul ul, ol ol, ul ol, ol ul {
		margin-bottom: 0;
		}
	
	ul.social {
		list-style: none;
		line-height: 26px;
		}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

table {
	margin-bottom: 1.5em;
	width: 100%;
	}
	
	table .odd td {
		background-color: #F3EEDA;
		}
	
	table td {
		padding: 2px 5px;
		vertical-align: top;
		}

table .cost {
	text-align: right;
	}
	
	table .day, 
	table .date {
		width: 10em;
		}

th {
	font-weight: bold;
	}

a:link {
	color: #9f1b32;
	text-decoration: none;
	}
	
a:visited {
	color: #DF7A2D;
	text-decoration: none;
	}
	
a:hover {
	color: #000000;
	text-decoration: underline;
	}

a:active {
	color: #000000;
	text-decoration: underline;
	}

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

.wrap {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	}
	
.header {
	background: #FCCF6E url(images/header-content-background.png) 0 0 no-repeat;
	color: #B30838;
	height: 137px;
	padding-bottom: 20px;
	position: relative;
	}
	
	.header a:link,
	.header a:visited {
		color: #ffffff;
		text-decoration: none;
		}
	
	.header a:hover {
		color: #000000;
		}
	
	.header h1,
	.header h2 {
		margin: 0;
		}
	
	.header h1 a {
/* 		background: transparent url(images/header-concordia-logo.png) 0 0 no-repeat; */
		background: transparent url(images/header-sprite.png) -748px 0 no-repeat;
		color: #B30838;
		display: block;
		height: 30px;
		position: absolute;
		top: 7px;;
		left: 36px;
		width: 294px;
		
		font-size: 1px;
		line-height: 1px;
		text-indent: -9999em;
		}
		
		.header h1 a:hover {
			background-position: -748px -30px;
			}
		
	.header h2 a {
		display: block;
		background: transparent url(images/header-sprite.png) -337px 0 no-repeat;
		height: 21px;
		position: absolute;
		top: 74px;;
		left: 36px;
		width: 408px;
		
		font-size: 1px;
		line-height: 1px;
		text-indent: -9999em;
		}
		
		.header h2 a:hover {
			background-position: -337px -26px;
			}

	.header .search {
		position: absolute;
		top: 11px;
		right: 34px;
		}
		
		.header .search button {
			background: transparent url(images/header-sprite.png) -1042px -26px no-repeat;
			border: none;
			height: 22px;
			margin: 0 0 0 5px;
			padding: 0;
			text-indent: -9999em;
			width: 22px;
			}
			
			.header .search button:hover {
				background-position: -1042px -0px;
				cursor: pointer;
				}
		
		.header .search input {
			background: #ffffff;
			border: 1px solid #999999;
			font-size: .8333em;
			line-height: 1.8;
			padding: 3px 6px;
			width: 112px;
			}
			
		.header .search .ph {
			color: #999999;
			}
		
	.header .actions {
		height: 31px;
		position: absolute;
		top: 77px;
		right: 33px;
		width: 337px;
		}
		
		.header .actions li {
			float: left;
			}
			
			.header .actions a {
				background: transparent url(images/header-sprite.png) 0 0 no-repeat;
				display: block;
				height: 26px;
				text-indent: -9999em;			
				}
			
				.header #schedule a {
					width: 136px;
					}
					
					.header #schedule a:hover,
					.header #schedule a:active {
						background-position: 0 -26px;
						}
				
				.header #request-info a {
					background-position: -136px 0;
					width: 113px;
					}
					
					.header #request-info a:hover,
					.header #request-info a:active {
						background-position: -136px -26px;
						}
				
				.header #apply a {
					background-position: -249px 0;
					width: 86px;
					}
					
					.header #apply a:hover,
					.header #apply a:active {
						background-position: -249px -26px;
						}
		
.main-wrap {
	background: transparent url(images/main-background.png) center top repeat-y;
	margin-top: -36px;
	padding: 0 15px;
	position: relative;
	z-index: 1;
	}
	
	.inner .main-wrap {
		background-image: url(images/main-background-inner.png);
		}
	
	.home .main-wrap {
		padding-top: 10px;
		}
	
	.main {
		
		}
		
	.main .rotator {
		margin-bottom: 4px;
		}
		
	.main .nav-wrap {
		background: #ffffff url(images/nav-background.png) 0 -4px no-repeat;
		float: left;
		padding: 8px 9px 0 7px;
		margin-left: -10px;
		width: 198px;
		overflow:hidden;
		}
		
		.home .main .nav-wrap {
			background-position: 0 0;
			padding-top: 12px;
			}
		.main .nav-wrap a {
			display: block;
			}
			
		.main .nav-wrap a:link,
		.main .nav-wrap a:visited {
			color: #9f1b32;
			}
		
		.main .nav-wrap a:hover,
		.main .nav-wrap a.active-parent:hover,
		.main .nav-wrap a.active {
			background: transparent url(images/nav-active.png) left center no-repeat;
			color: #000000;
			margin-left: -22px;
			padding-left: 22px;
			text-decoration: none;
			}
			
			.main .nav-wrap a.active-parent {
				color: #9F1B32;
				}
			
		.main .nav-wrap ul {
			padding: 12px 22px 8px;
			margin-bottom: 5px;
			}
			
			.main .nav-wrap ul ul {
				background: rgba(0,0,0,.1);
				line-height: 14px;
				list-style: none;
				margin: -3px -10px 0;
				padding: 3px 20px 0px;
				text-transform: none;
				}
				
				.main .nav-wrap ul ul ul {
						margin-top: 3px;
				}
				
					.main .nav-wrap ul ul ul ul {
						background: transparent;
						font-weight: normal;
						margin: 3px 0 0;
						padding: 0;
						}
				
				.main .nav-wrap ul ul li {
					padding-bottom: 4px;
					}
				
				.main .nav-wrap ul ul a:hover,
				.main .nav-wrap ul ul a.active-parent:hover,
				.main .nav-wrap ul ul a.active {
					background: none;
					margin: 0;
					padding: 0;
					}
		
		.main .main-nav {
			background: #D36E21 url(images/main-nav-background.png) top left no-repeat;
			color: #ffffff;
			font-size: .91667em;
			font-weight: bold;
			line-height: 26px;
			text-transform: uppercase;
			}
			
			.main .main-nav ul {
				background: transparent url(images/main-nav-background-bottom-cap.png) bottom left no-repeat;
				}
			
			.main .main-nav a:link,
			.main .main-nav a:visited {
				color: #ffffff;
				}
				
			.main .main-nav a:hover,
			.main .main-nav a.active,
			.main .main-nav a.active-parent:hover {
				color: #000000;
				text-decoration: none;
				}
				
			.main .main-nav a.active-parent {
				color: #ffffff;
				}
		
		.main .info-nav {
			background: #DAAD30 url(images/info-nav-background.png) top left no-repeat;
			font-size: 1.0833em;
			line-height: 24px;
			}
			
			.main .info-nav ul {
				background: transparent url(images/main-nav-background-bottom-cap.png) bottom left no-repeat;
				padding-bottom:16px;
				padding-top: 7px;
				}
			
			.main .info-nav ul ul {
				font-size: .8461em;
				font-weight: bold;
				line-height: 14px;
				list-style: none;
				margin-top: 0;
				padding-top: 3px;
				}
				
				.main .info-nav ul ul a:link,
				.main .info-nav ul ul a:visited {
					color: #ffffff;
					}
				
				.main .info-nav ul ul a:hover,
				.main .info-nav ul ul a.active {
					color: #000000;
					}
			
			.main .info-nav h2 {
/* 				background: #FED03F; */
				height: 33px;
				margin: 0 0 5px;
				text-indent: -9999em;
				}
		
		.main .other-nav {
			background: transparent url(images/other-nav-background.png) 3px 0 no-repeat;
			font-size: .91667em;
			line-height: 1.6364;
			}
			
			.main .other-nav ul {
				padding-left: 16px;
				}
				
				.main .other-nav li {
					background: transparent url(images/other-nav-icon.png) 0 4px no-repeat;
					line-height: 1.6364;
					padding-left: 25px;
					padding-bottom: 9px;
					}
			
			.main .other-nav a:hover {
				background: none;
				padding-left: 0;
				margin-left: 0;
				}
		
	.main .sidebar-right {
		background: #F2E9D6 url(images/sidebar-right-background.png) 0 bottom no-repeat;
		float: right;
		margin-top: 10px;
		min-height: 300px;
		padding-bottom: 30px;
		position: relative;
		width: 190px;
		}
		
		.home .main .sidebar-right {
			margin-top: 6px;
			}
		
		.main .sidebar-right .image {
			margin-top: 33px; /* make room for spotlight header */
			}
		
		.main .sidebar-right .content,
		.has-sidebar .main .sidebar-right .content {
			margin: 0 18px;
			float: none;
			width: auto;
			}
			
			.main .sidebar-right .content img {
				margin: -14px -18px 0;
			}
			
			.main .sidebar-right .fast-facts .content {
				padding-top: 47px;
				}
			
		.main .sidebar-right .fast-facts,
		.main .sidebar-right .parent-perspective {
			position: relative;
			}
		
		.main .sidebar-right h2 {
			height: 47px;
			position: absolute;
			top: 0;
			left: 0;
			margin: 0;
			text-indent: -9999em;
			width: 100%;
			}
			
			.main .sidebar-right.spotlight h2 {
				background: transparent url(images/spotlight-header.png) top left no-repeat;
				}
			
			.main .sidebar-right .fast-facts h2 {
				background: transparent url(images/fast-facts-header.png) top left no-repeat;
				}
			
			.main .sidebar-right .parent-perspective h2 {
				background: transparent url(images/parent-perspective-header.png) top left no-repeat;
				}

				
		
		.main .sidebar-right h3 {
			color: #df7a2d;
			font-size: 1.25em;
			line-height: 1.2;
			margin: .5em 0 0;
			text-transform: uppercase;
			}
		
		.main .sidebar-right p {
/* 			margin: 0; */
			}
			
			.main .sidebar-right p.more {
				border-bottom: 1px solid #cccccc;
				padding: 0 0 1.5em;
				}
		
		.main .sidebar-right a {
			font-size: .91667em;
			line-height: 1.6364;
			font-weight: bold;
			}
			
			.main .sidebar-right a:hover {
				color: #000000;
				}
		
		.main .sidebar-right #best-colleges {
/*			position: absolute;
			bottom: -60px;
	*/		text-align: center;
			width: 100%;
			}
	
	.main .content-header {
		float: right;/*

		height: 250px;
		width: 721px;
*/
		margin: 10px 0 0 0px;
		background: rgba(50,60,70,.8);
		}
		
		.main .content-header img {
			display: block;
			}
	
	.main .content {
		background:	#ffffff;
		display: inline;
		float: left;		
		margin: 18px 15px 0 30px;
		width: 675px;
		}
		
		.has-sidebar .main .content {
			margin-right: 36px;
			width: 465px;
			}
		
		.main .sidebar .content {
			background: none;
			display: block;
			}
			
	.main .content a {
		font-weight: bold;
		}
		
	.main .content img {
		border: 5px solid #ffffff;
		box-shadow: 1px 1px 5px rgba(0,0,0,.2);
		-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
		-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
		float: right;
		margin: 0 0 1.5em 1.5em;
		}
		
		.main .content img.left {
			float: left;
			margin: 0 1.5em 1.5em 0;
			}
		
		.main .content img.noframe,
		.main .sidebar .content img,
		.main img.map {
			border: none;
			box-shadow: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			}
		
		.main .content img.nofloat,
		.main .sidebar .content img,
		.main img.map {
			float: none;
			
			}
			
			.main img.map {
				margin: 0;
				}
				
			.main .content ul img.nofloat {
				margin: 0 1em 0 0;
				}
				
	.main .content blockquote {
		font-style: italic;
		}
		
		.main .content li blockquote {
			margin: 0 1.5em;
			}
		
	.main .content p.cite {
		font-size: .91667em;
		line-height: 1.6364;
		margin-top: -1.6364em;
		text-align: right;
		}
	
	.main .content .columns {
		border-top: 1px solid #F3EEDB;
		clear: both;
		}
		
		.main .content .columns .column {
			float: left;
			}
			
			.main .content .two-col .column {
				width: 49%;
				}
			
			.main .content .three-col .column {
				width: 33%;
				}
			
			.main .content .columns .column-inner {
				border-right: 1px solid #F3EEDB;
				padding: 0 24px 0 25px;
				}
				
				.main .content .columns .first .column-inner {
					padding-left: 0;
					}
				
				.main .content .columns .last .column-inner {
					border: none;
					padding-right: 0;
					}
	.image-list {
		clear: both;
		}
	
	.image-list dt {
		clear: both;
		font-weight: bold;
		float: right;
		margin: 0;
		width: 505px;
		}
		
		.has-sidebar .image-list dt {
			width: 295px;
			}
	
	.image-list dd {
		clear: right;
		margin: 0 0 1.5em 170px;
		}
		
		.image-list dd.image {
			clear: none;
			float: left;
			margin: 0 0 1.5em;
/* 			margin: 0; */
			}
			
			.image-list dd.image img {
				float: left;
				margin: 0;
				}

.footer {
	background: transparent url(images/main-bottom-cap.png) top left no-repeat;
	color: #666666;
	font-size: .8333em;
	line-height: 1.8;
	padding: 18px 34px 0;
	position: relative;
	}
	
	.footer .footer-nav ul {
		clear: left;
		}
		
	.footer .footer-nav li {
		border-right: 1px solid #666666;
		float: left;
		margin-right: .6em;
		padding-right: .6em;
		}
		
		.footer .footer-nav li:last-child {
			border: none;
			margin: 0;
			padding: 0;
			}
			
	.footer .footer-nav a:visited {
		color: #9f1b32;
		}
		
	.footer .footer-nav a.active {
		color: #666666;
		}
		
	.footer p.address {
		clear: both;
		}
	
	.footer .social-nav {
		position: absolute;
		right: 15px;
		top: 18px;
		}
		
		.footer .social-nav li {
			border: 0;
			margin: 0;
			padding: 0;
			}
		
		.footer .social-nav a {
			background: transparent url(images/share-sprite.png) 0 0 no-repeat;
			display: block;
			height: 29px;
			text-indent: -9999em;
			width: 32px;
			}
			
			.footer .social-nav a:active {
				border: 0;
				outline: 0;
				}
			
			.footer .social-nav .facebook a:link,
			.footer .social-nav .facebook a:visited {
				background-position: 0px 0px;
				}
				
			.footer .social-nav .facebook a:hover,
			.footer .social-nav .facebook a:active {
				background-position: 0px -29px;
				}
			
			.footer .social-nav .twitter a:link,
			.footer .social-nav .twitter a:visited {
				background-position: -32px 0px;
				}
				
			.footer .social-nav .twitter a:hover,
			.footer .social-nav .twitter a:active {
				background-position: -32px -29px;
				}
			
			.footer .social-nav .delicious a:link,
			.footer .social-nav .delicious a:visited {
				background-position: -64px 0px;
				}
				
			.footer .social-nav .delicious a:hover,
			.footer .social-nav .delicious a:active {
				background-position: -64px -29px;
				}
			
			.footer .social-nav .flickr a:link,
			.footer .social-nav .flickr a:visited {
				background-position: -96px 0px;
				}
				
			.footer .social-nav .flickr a:hover,
			.footer .social-nav .flickr a:active {
				background-position: -96px -29px;
				}
			
			.footer .social-nav .youtube a:link,
			.footer .social-nav .youtube a:visited {
				background-position: -128px 0px;
				}
				
			.footer .social-nav .youtube a:hover,
			.footer .social-nav .youtube a:active {
				background-position: -128px -29px;
				}

#content-options {
	width: 120px;
	position: fixed;
	top: 0;
	left: 0;
	background: #000000;
	color: #ffffff;
	float: left;
	padding: 5px;
	z-index: 100;
	}
	
	#content-options label {
		display: block;
		float: left;
		clear: both;
		margin-bottom: .5em;
		}
		
	#content-options input {
		margin: 0;
		padding: 0;
		}

.hover {
	cursor: pointer;
	}