/* UNIFORMED BROWSER RESET base on Eric Meyer reset (http://meyerweb.com/eric/tools/css/reset/) */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
em, img, small, strong, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: baseline;
	background: transparent;
}
html {font-size: 100%;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}

/**
 * HTML Elements
 **/
body {
	background: #e5e5e5 url(../i/bg.gif) repeat-x;
	color: #434343;
	font-family:  Arial, Verdana, Helvetica, sans-serif;	
	font-size: 0.69em;  /* Base font size 11pt */
	height: 100%;
	line-height: 1.2;	
}


/* Links */
a {	
	color: #f00;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
	a.more {
		background: url(../i/arrowMore.gif) 100% 50% no-repeat;
		padding-right: 9px;
	}
	a.more:hover {
		background: transparent url(../i/bullet.gif) 100% 50% no-repeat;
		color: #000;
		text-decoration: underline;
	}

	a.twit {
		color: #f00;
		text-decoration: none;
	}
	
	a.twit:hover
	{
		color: #000;
		text-decoration: underline;
	}

/**
 * SITE STRUCTURE
 **/
#container {	
	margin: 50px auto;
	width: 960px;
}


	/* HEADER Section ----------------------------------------------------------------*/
	#header {
		background: #fff;
		height: 100%;
		position: relative;
		z-index: 100;
	}
		/* Logo */
		#header h1 {
			background: url(../i/logoArchitects.png) no-repeat;
			display: inline;
			float: left;
			height: 60px;
			margin: 24px 0 22px 30px;
			width: 280px;
		}
		
		#header.logoHistoricPreservation h1 {
			background: url(../i/logoPreservation.png) no-repeat;
		}
		
		#header.logoJustice h1 {
			background: url(../i/logoJustice.png) no-repeat;
		}
		
		#header.logoLifeSciences h1 {
			background: url(../i/logoLifeSciences.png) no-repeat;
		}
		
		#header.logoStudentLife h1 {
			background: url(../i/logoStudent.png) no-repeat;
		}
		
		#header.logoGreekLife h1 {
			background: url(../i/logoGreekLife.png) no-repeat;
		}
		
		#header.logoDevelopment h1 {
			background: url(../i/logoDevelopment.png) no-repeat;
		}
		
		#header.logoTreanorCivil h1 {
		}
		
			#header h1 a {
				display: block;
				height: 60px;
			}
			
			
		#header .contact {
			color: #fc0000;
			display: inline;
			float: right;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 1.09em;
			font-weight: bold;
			margin: 55px 30px 0 0;
			width: auto;
		}
		
		
		/* Top Header Nav */
		#topNav {
			background: transparent;
			color: #fff;
			position: relative;
			right: 24px;
			text-align: right;
			top: -42px;
		}
			#topNav a {
				background: transparent;
				color: #fff;
				padding: 0 3px;
				text-decoration: none;
			}
			#topNav a:hover {
				text-decoration: underline;
			}
			
		
		/* Navigation */
		#nav {
			background: url(../i/nav.png) repeat-x;
			clear: both;
			height: 30px;			
		}
			#nav li {
				display: inline;
				float: left;				
				position: relative;
				width: auto;
			}
			#nav #navTreanor, #nav #navTreanor ul { width: 181px; }
			#nav #navHistoricPreservation, #nav #navHistoricPreservation ul { width: 254px; }
			#nav #navJustice, #nav #navJustice ul { width: 148px; }
			#nav #navLifeSciences, #nav #navLifeSciences ul { width: 189px; }
			#nav #navStudentLife, #nav #navStudentLife ul { width: 188px; }
			
			#nav #navTreanorHome, #nav #navTreanorHome ul { width: 181px; }
			#nav #navHistoricPreservationHome, #nav #navHistoricPreservationHome ul { width: 254px; }
			#nav #navJusticeHome, #nav #navJusticeHome ul { width: 148px; }
			#nav #navLifeSciencesHome, #nav #navLifeSciencesHome ul { width: 189px; }
			#nav #navStudentLifeHome, #nav #navStudentLifeHome ul { width: 188px; }
			#nav #navTreanorCivilHome, #nav #navTreanorCivilHome ul { width: 143px; }
			
			#nav #navGreekLifeHome, #nav #navGreekLifeHome ul { width: 181px; }
			#nav #navInteriorDesignHome, #nav #navInteriorDesignHome ul  { width: 131px; }
			#nav #navSustainableDesignHome, #nav #navSustainableDesignHome ul  { width: 151px; }
			
			#nav #navPortfolio, #nav #navPortfolio ul { width: 105px; }
			#nav #navCommunication, #nav #navCommunication ul { width: 148px; }
			#nav #navContact, #nav #navContact ul { width: 99px; }
			
				#nav a {
					display: inline;
					float: left;
					height: 30px;
					width: 100%;
				}
				#nav a:hover, #nav a.active, #nav a.activeNav { background-position: 0 -30px !important; }				
				
				#navTreanor a { background: url(../i/navArchi.png) 0 0 no-repeat !important; }
				#navHistoricPreservation a { background: url(../i/navHistoric.png) 0 0 no-repeat !important; }
				#navJustice a { background: url(../i/navJustice.png) 0 0 no-repeat !important; }
				#navLifeSciences a { background: url(../i/navSciences.png) 0 0 no-repeat !important; }
				#navStudentLife a { background: url(../i/navStudent.png) 0 0 no-repeat !important; }
				
				#navTreanorHome a { background: url(../i/navArchi.png) 0 0 no-repeat !important; }
				#navHistoricPreservationHome a { background: url(../i/navHistoric.png) 0 0 no-repeat !important; }
				#navJusticeHome a { background: url(../i/navJustice.png) 0 0 no-repeat !important; }
				#navLifeSciencesHome a { background: url(../i/navSciences.png) 0 0 no-repeat !important; }
				#navStudentLifeHome a {  background: url(../i/navStudent.png) 0 0 no-repeat !important; }
				#navTreanorCivilHome a {  background: url(../i/navCivil.png) 0 0 no-repeat !important; }
				
				#navGreekLifeHome a { background: url(../i/navGreekLife.png) 0 0 no-repeat !important; }
				#navInteriorDesignHome a { background: url(../i/navInterior.png) 0 0 no-repeat !important; }
				#navSustainableDesignHome a { background: url(../i/navSustainable.png) 0 0 no-repeat !important; }
				
				#navPortfolio a {  background: url(../i/navPortfolio.png) 0 0 no-repeat !important; }
				#navCommunication a {  background: url(../i/navCommunication.png) 0 0 no-repeat !important; }
				#navContact a {  background: url(../i/navContact.png) 0 0 no-repeat !important; }
				
				/* sub navigation */
				#shadow {
					background: #333 url(../i/bgSubNav.png) repeat-x;
					left: 0;
					position: absolute;
					top: 30px;
					z-index: 100;
				}
				#nav li ul {
					border-bottom: 1px solid #666;
					left: 0;
					position: absolute;
					top: 30px;
					z-index: 200;
				}
					#nav li li {
						border-top: 1px solid #666;
						clear: both;
						display: block;
						height: 27px;
						overflow: hidden;
						width: 100%;
					}
						#nav li ul a {
							background: transparent !important;
							clear: both;
							color: #fff;
							display: block;
							font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
							font-weight: normal;
							height: 27px;
							line-height: 27px;
							padding-right: 0;
							text-decoration: none;
							text-indent: 10px;
							text-transform: none;
							width: 100%;
						}
						#nav li ul a:hover, #nav li ul a.hover {
							background: #4a4949 !important;
						}
					
				
	/* End of HEADER section ----------------------------------------------------------*/
			


	/* CONTENT Section ----------------------------------------------------------------*/
	.content {
		background: #fff url(../i/bgContent.png) 0 100% no-repeat;
		height: 100%;
		overflow: hidden;
		padding-bottom: 22px;
		position: relative;
		z-index: 1;
	}
	
		/* slideshows */
		.gallery {
			overflow: hidden;
			position: relative;
		}
			.gallery ul {
				position: absolute;
			}
				.gallery li {
					display: inline;
					float: left;
					position: relative;
					width: 525px;
				}	
				.gallery .arrowLeft {
					background: url(../i/arrowLeft.png) no-repeat;
					height: 48px;
					left: 29px;
					position: absolute;
					top: 155px;
					width: 48px;
				}
				.gallery .arrowRight {
					background: url(../i/arrowRight.png) no-repeat;
					height: 48px;
					position: absolute;
					right: 29px;
					top: 155px;
					width: 48px;
				}
				.gallery .description {
					background: transparent url(../i/bgDesc.png);
					bottom: 0;
					color: #fff;
					padding: 10px 20px;
					position: absolute;
					width: 525px;
				}		
				.gallery .description a {
					background: transparent;
					color: #fff;
				}


		.galleryPagination {
			height: 40px;
			text-align: center;
		}
			.galleryPagination a {
				background: url(../i/pagination.png) -16px 50% no-repeat;
				display: inline-block;
				height: 6px;
				line-height: 40px;
				margin: 18px 3px 0;
				width: 6px;
			}
			.galleryPagination a:hover, .galleryPagination a.active { background-position: 0 50%; }
			.altPagination a:hover, .altPagination a.active { background-position: -32px 50%; }
			
		
		/* Home */
		#home .gallery {
			height: 420px;	
			width: 960px;	
		}			
			#home .gallery li {
				width: 960px;
			}	
			#home .gallery .description {
				left: 120px;
				width: 680px;
			}
			
			
		/* Student Life */
		#studentLife .mainContent {
			display: inline;
			float: left;
			width: 600px;			
		}
			#studentLife .gallery {
				height: 420px;
				width: 601px;
			}
				#studentLife .gallery li {
					width: 601px;
				}	
				#studentLife .gallery .description {
					width: 601px;
				}
				
			#studentLife .galleryPagination {
				display: inline;
				float: left;
				width: 601px;
			}
		
		#sidebar {
			background: #333;
			border-bottom: 31px solid #000;
			color: #fff;
			display: inline;
			float: right;
			padding: 20px 23px 0 16px;
			width: 321px;
		}
			#sidebar h2 {
				font-size: 1.45em;
				font-weight: bold;
				margin-bottom: 10px;
				text-transform: uppercase;
			}
			#sidebar .info {
				height: 310px;
				overflow: hidden;
				padding-bottom: 30px;
				position: relative;
			}
				#sidebar .info p {
					line-height: 1.5;
					margin: 5px 0;
				}
				#sidebar .info h3 {
					font-size: 1.09em;
					margin-top: 20px;
				}
				
			#sidebar ul {
				list-style: square;
				margin-top: 5px;
			}
				#sidebar li {
					line-height: 1.5;
					margin-left: 15px;	
				}
				#sidebar li.top {
					margin-top: -67px;	
				}
				#sidebar li.col2 {
					margin-left: 160px;
				}
				
		
		/* Student Life Awards */
		#studentLife.studentAwards .mainContent {
			display: inline;
			float: right !important;
			width: 601px;
		}
			#studentLife.studentAwards #sidebar {
				background: #fff;
				border: none;
				color: #434343;
				display: inline;
				float: left;
				width: 320px;
			}
				#studentLife.studentAwards #sidebar .info {
					height: 340px;
				}
				#studentLife.studentAwards #sidebar h2 {
					background: transparent;
					color: #000;
				}
				#studentLife.studentAwards #sidebar h3 {
					background: transparent url(../i/dot.gif) 0 100% repeat-x;
					color: #f00;
					font-size: 1em;
					padding: 0 0 5px 5px;
				}
				#studentLife.studentAwards #sidebar ul {
					list-style: url(../i/bullet.gif) none;
				}
					#studentLife.studentAwards #sidebar li {
						margin-bottom: 10px;
					}


		/* Student Life Awards */
		#studentLife.studentPresentations .mainContent {
			display: inline;
			float: right !important;
			width: 359px;
		}
			#studentLife.studentPresentations #sidebar {
				background: #fff;
				border: none;
				color: #434343;
				display: inline;
				float: left;
				width: 562px;
			}
				#studentLife.studentPresentations #sidebar .info {
					height: 340px;
				}
				#studentLife.studentPresentations #sidebar h2 {
					background: transparent;
					color: #000;
				}
				#studentLife.studentPresentations #sidebar h3 {
					background: transparent url(../i/dot.gif) 0 100% repeat-x;
					color: #f00;
					font-size: 1em;
					padding: 0 0 5px 5px;
				}
				#studentLife.studentPresentations #sidebar ul {
					list-style: none;
				}
					/* Remove Left Padding when adding links back in */
					#studentLife.studentPresentations #sidebar li { margin: 0 0 10px 15px; }
					#studentLife.studentPresentations #sidebar li a {
						background: url(../i/bullet.gif) 3px 5px no-repeat;
						color: #000;
						display: block;
						padding-left: 15px;
					}
					#studentLife.studentPresentations #sidebar li a:hover {
						background: #fffde1 url(../i/arrowMore.gif) 3px 5px no-repeat;
						text-decoration: none;
					}
					
			#studentLife.studentPresentations .gallery,
			#studentLife.studentPresentations .gallery li, 
			#studentLife.studentPresentations .gallery .description,
			#studentLife.studentPresentations .galleryPagination {
				width: 359px;
			}
			
			
			/* Student Life Portfolio */
			#studentLife.studentPortfolio .content ul {
				padding-top: 25px;	
			}
				#studentLife.studentPortfolio .content li {
					border-bottom: 2px solid #666;
					border-left: 1px solid #999;
					border-right: 1px solid #999;
					border-top: 1px solid #cdcdcd;
					display: inline;
					float: left;
					height: 173px;
					margin: 0 32px 22px 0;
					position: relative;
					width: 150px;
				}
				#studentLife.studentPortfolio .content li.last {
					margin-right: 0;
				}
					#studentLife.studentPortfolio .content li img {
						border: 1px solid #d3cdcd;
						margin: 13px 0 6px 13px;
					}
					#studentLife.studentPortfolio .content li a:hover img {
						border: 1px solid #f00;
					}
					#studentLife.studentPortfolio .content li .description {
						margin: 0 13px;	
					}
						#studentLife.studentPortfolio .content li .description a {
							background: transparent;
							color: #000;
							font-weight: bold;
						}
						#studentLife.studentPortfolio .content li .description a:hover {
							color: #f00;
							text-decoration: none;
						}
					#studentLife.studentPortfolio .content li .details {
						background: url(../i/iconDetails.png) no-repeat;
						bottom: 3px;
						height: 7px;
						position: absolute;
						right: 1px;
						width: 14px;
					}
			
			.iconThumbs span, .iconList span {
				padding-left: 24px !important;
			}
				.iconThumbs em {
					background: url(../i/iconThumbs.gif) no-repeat;
					height: 11px;
					left: 8px;
					position: absolute;
					top: 6px;
					width: 11px;
				}
				.iconList em {
					background: url(../i/iconList.gif) no-repeat;
					height: 9px;
					left: 8px;
					position: absolute;
					top: 7px;
					width: 11px;
				}
				
				
			/* Student Life Portfolio List */
			#studentLife.studentPortfolioList .content h3 {
				background: url(../i/bgH3.png) no-repeat;
				color: #f00;
				font-size: 1.36em;
				line-height: 28px;
				margin-top: 30px;
				padding-left: 15px;
			}
				#studentLife.studentPortfolioList .content li {
					width: 865px;
				}
				#studentLife.studentPortfolioList .content a.thumbs {
					display: inline;
					float: left;
					margin-right: 15px;
					width: 48px;
				}
					#studentLife.studentPortfolioList .content a.thumbs img {
						border: 1px solid #989898;
						padding: 3px;
					}
				#studentLife.studentPortfolioList .content .preview {
					background: #fff;
					border: 1px solid #ccc;
					left: 75px;
					padding: 2px;
					position: absolute;
					top: 1px;
					z-index: 200;
				}
					#studentLife.studentPortfolioList .content li.last .preview {
						top: -53px;
					}
					
				#studentLife.studentPortfolioList .content .description {
					background: url(../i/bgListDesc.gif) 0 50% no-repeat;
					display: inline;
					float: left;
					line-height: 36px;
					padding-left: 17px;
					width: auto;
				}
					#studentLife.studentPortfolioList .content .description a {
						color: #000;
					}
					#studentLife.studentPortfolioList .content .description a:hover {
						color: #f00;
						text-decoration: none;
					}
					
					
		/* Contact Us */
		#contact .content ul {
			margin: 21px 0 30px;	
		}
			#contact .content li {
				border-top: 1px dotted #b2b2b2;
				border-right: 1px dotted #b2b2b2;
			}
			#contact .content li.last {
				border-bottom: 1px dotted #b2b2b2;				
			}
			
			#contact .halfLeft {
				border-left: 1px dotted #b2b2b2;
				height: 100px;
				margin: 0;
				padding: 18px 20px;
				width: 210px;
			}
			#contact .halfRight {
				border-left: 1px dotted #b2b2b2;
				height: 100px;
				margin: 0;
				padding: 18px 20px;
				width: 210px;
			}
			
			
		#contact .column1 {
			display: inline;
			float: left;
			margin-right: 21px;
			width: 530px;
		}
		#contact .column2 {
			display: inline;
			float: left;
			margin-right: 21px;
			width: 318px;
		}
			#contact .column2 li {
				border-right: none;
				padding: 9px 0 9px 18px; 
			}
				#contact .column2 li h3 {
					font-size: 1em;
					text-transform: none;
				}
				#contact .column2 li .name {
					display: inline;
					float: left;
					width: 95px;
				}
				#contact .column2 li .phone {
					display: inline;
					float: left;
					width: auto;
				}
				
			#contact .additionalInfo {
				background: #f1f1f1;
				height: 231px;
				padding: 12px 18px;
				position: absolute;
				right: -35px;
				top: 200px;
				width: 340px;
			}

			#contact h3 {
				color: #f00;
				font-size: 1.36em;
				text-transform: uppercase;
			}
			#contact h4 {
				color: #000;
				font-size: 1.09em;
				margin-top: 15px;
			}
			#contact p {
				line-height: 1.4;	
			}
			
			#contact p.instructions
			{
				font-size: 1.08em;
				padding-top: 5px;
				padding-left: 2px;
			}
			
			#contact .column1 li {
				width: 505px;	
			}
			#contact .column2 li {
				width: 330px;	
			}
				#contact .column2 .halfLeft {
					width: 330px;
				}
				
			#contact .content a {
				color: #f00;
			}
			#contact .content small {
				font-size: 0.91em;
			}
			
			
		/* Employment page */
		#employment p {
			line-height: 1.4;
		}
		#employment h3 {
			color: #f00;
			font-size: 1.36em;
			margin-top: 30px;
		}
		#employment p {
			margin: 8px 0;
		}
		#employment table {
			border: 1px solid #f00;
			margin: 15px auto;
			width: 600px;
		}
			#employment td {
				background: #f6f6f6;
				border: 2px solid #fff;
				padding: 12px;
			}
				#employment td ul {
					list-style: circle;
				}
				#employment td li {
					background: url(../i/link_external.gif) 100% 0 no-repeat;
					margin: 3px 0 3px 20px;
				}
				#employment td a {
					color: #f00;
				}
			
			
			
		/* News / Blog */
		#news .mainContent {
			display: inline;
			float: left;
			margin: 24px 0 0 39px;
			width: 568px;
		}
			.back
			{
				margin-top: 10px;
				margin-bottom: 5px;
				font-size: 1.09em;
				border-bottom: 1px #999 dotted;
				padding-bottom: 5px;
			}
			
			.post {
				background: url(../i/dot.gif) 0 100% repeat-x;
				margin: 14px 0 20px;
				padding-bottom: 7px;
			}
			.post .category {
				height: 16px;
				margin-bottom: 9px;
				position: relative;
			}
				.post .category a
				{
					display: inline;
					font-size: 1.09em;
					float: left;
					width: auto;
					padding-right: 5px;
				}
				.post h3 a {
					color: #000;
					font-size: 1.81em;
					font-weight: normal;
				}
				.post h3 a:hover {
					color: #f00;
					text-decoration: none;
				}
				.post .metaDate { margin: 8px 0 8px 0; }
				
				.entry {
					font-size: 1.09em;
					line-height: 1.5;
					padding-right: 30px;
				}
					.entry strong {
						display: block;
						font-size: 1.27em;
						margin-bottom: 6px;
					}
					
					.entry p
					{
						padding-bottom: 8px;
						padding-top: 5px;
					}
					
					.entry ul { margin-left: 30px; }
					.entry li
					{
						list-style-type: disc;
						padding-top: 2px;
						padding-bottom: 2px;
					}
					
					.entry img {
						display: block;
						margin-top: 15px;
					}
					.entry .postMeta {
						color: #000;
						font-size: 0.91em;
						margin-top: 15px;
					}
					
					.article-link
					{
						font-size: 1.0em;
						padding-top: 5px;
						background-image: url(../i/link_external.gif);
						background-position: 65px;
						background-repeat: no-repeat;
					}
					
					
		#news .sidebar {
			display: inline;
			float: right;
			margin-top: 12px;
			width: 277px;
		}
			#news .sidebar h3 {
				color: #fff;
				font-size: 1em;
				font-weight: normal;
				height: 15px;
				line-height: 15px;
				margin: 13px 0 0 37px;
				padding-left: 6px;
				text-transform: uppercase;
			}
			#news .sidebar h3.first {
				background: #000;
			}
			#news .sidebar h3.second {
				background: #666;
			}
			#news .sidebar h3.last {
				background: #999;
			}
						
			#news .sidebar ul {
				margin-bottom: 20px;	
			}
			#news .sidebar ul.first {
				border-top: 1px solid #000;
			}
			#news .sidebar ul.second {
				border-top: 1px solid #666;
			}
			#news .sidebar ul.last {
				border-top: 1px solid #999;
				color: #f00;
			}
			
				#news .sidebar li {
					background: url(../i/dots.gif) 0 100% repeat-x;
					margin-left: 37px;
					padding: 9px 0 10px 6px;
				}
				#news .sidebar li.last, #news .sidebar ul.last li {
					background: none;
				}
				
			#news .sidebar ul.last a {
				color: #000;
			}
			#news .sidebar ul.last a:hover {
				color: #f00;
				text-decoration: none;
			}
			
			
		/* Treanor Justice */
		#justice .gallery {
			height: 298px;	
			width: 960px;	
		}			
			#justice .gallery li {
				width: 960px;
			}	
			#justice .gallery .description {
				left: 120px;
				width: 680px;
			}		
			
	/* Sector Page Layout */
		#sector .mainContent {
			display: inline;
			float: left;
			width: 550px;
		}
			#sector h3 {
				color: #f00;
				font-size: 1.36em;
				margin-top: 15px;
			}
			#sector p
			{
				line-height: 1.4em;
				margin: 6px 0;
				font-size: 1.1em;
			}
			#sector .mainContent ul {
				list-style: square;
				margin-top: 5px;
			}
				#sector .mainContent li
				{
					line-height: 1.2;
					margin-left: 15px;
					padding-bottom: 6px;
				}
				#sector .halfRight {
					border: none;
				}
				h3.label {
					background: url(../i/labelLeft.png) no-repeat;
					display: inline;
					float: left;
					width: 100%;
				}
					h3.label span
					{
						background: #666 url(../i/labelRight.png) 100% 0 no-repeat;
						color: #fff;
						display: block;
						height: 25px;
						line-height: 25px;
						margin-left: 4px;
						padding: 0 14px 0 10px;
						width: auto;
						margin-bottom: 10px;
					}
					
				#sector div.clear .halfLeft ul, 
				#sector div.clear .halfRight ul {
					list-style: none;
				}		
			
			#sector .sidebar {
				display: inline;
				float: right;
				width: 300px;
			}
				#sector .sidebar li {
					clear: both;
					display: block;
					height: 100%;
					margin-bottom: 20px;
					overflow: hidden;
				}
					#sector .sidebar li a.thumbs {
						display: inline;
						float: left;
						width: 125px;
					}
					#sector .sidebar li a.thumbs img {
						background: #ccc;
						border-bottom: 1px solid #9b9b9b;
						border-right: 1px solid #9b9b9b;
						padding: 1px;
					}
					
					#sector .sidebar li p {
						display: inline;
						float: right;
						font-size: 1.09em;
						margin-top: 15px;
						width: 160px;
					}
						#sector .sidebar li p span {
							color: #666;
							font-size: 0.91em;
						}
						#sector .sidebar li p a {
							display: block;
							font-size: 0.91em;
							margin-top: 10px;
						}
				
			
		/* modal slideshows */
		.modal_gallery {
			height: 415px;
			margin: 0 auto;
			overflow: hidden;
			position: relative;
			width: 515px;
		}
			.modal_gallery ul {
				width: 10000px;
				position: absolute;
			}
				.modal_gallery li {
					display: inline;
					float: left;
					position: relative;
					width: 525px;
				}	
				.modal_gallery .modal_arrowLeft {
					background: url(../i/arrowLeft.png) no-repeat;
					height: 48px;
					left: 29px;
					position: absolute;
					top: 155px;
					width: 48px;
				}
				.modal_gallery .modal_arrowRight {
					background: url(../i/arrowRight.png) no-repeat;
					height: 48px;
					position: absolute;
					right: 29px;
					top: 155px;
					width: 48px;
				}
				.modal_gallery .description {
					background: transparent url(../i/bgDesc.png);
					bottom: 0;
					color: #fff;
					padding: 10px 20px;
					position: absolute;
				}		
				.modal_gallery .description a {
					background: transparent;
					color: #fff;
				}




		.modal_galleryPagination {
			height: 40px;
			text-align: center;
		}
			.modal_galleryPagination a {
				background: url(../i/modal_pagination.png) -16px 50% no-repeat;
				display: inline-block;
				height: 6px;
				line-height: 40px;
				margin: 18px 3px 0;
				width: 6px;
			}
			.modal_galleryPagination a:hover, .modal_galleryPagination a.active { background-position: 0 50%; }
		
		
		/* Project Page */
		#project {
			padding-bottom: 30px;
		}
			#project .fLeft {
				width: 525px;
			}
				#project .gallery {
					height: 415px;
				}
					#project .gallery ul {
						width: 10000px;
					}
				#project .galleryPagination {
					margin-bottom: 20px;
				}
				
				#project .fLeft .fLeft, #project .fLeft .fCenter {
					margin: 0;
					width: 252px;
				}
				.sectionTitle {
					font-size: 1.09em;
					background: #666;
					color: #fff;
					margin-bottom: 9px;
					margin-top: 0 !important;
					padding-left: 15px;
					text-transform: uppercase;
					padding-bottom: 0 !important;
				}
				.sectionList {
					margin-left: 15px;
					margin-bottom: 5px;
				}
					.sectionList ul {
						margin-bottom: 0px;
					}
					.sectionList li
					{
						line-height: 14px;
						padding-top: 3px;
						padding-bottom: 3px;
					}
					
					.sectionList a.more {
						line-height: 30px;
					}
	
			#project .fRight {
				margin: 12px 20px 0 0;
				width: 395px;
			}
				.projectTitle {
					border: 1px solid #bbb;
					font-size: 1.09em;
					padding: 9px;
				}
					.projectTitle h2 {
						font-size: 1.81em;
					}
					
				#project .fRight h3
				{
					margin-top: 15px;
					padding-bottom: 5px;
				}
				
				#project .fRight h3.tag
				{
					line-height: 1.5;
					font-size: 1.09em;
				}
				
				#project .fRight p {
					font-size: 1.09em;
					line-height: 1.5;
					margin-bottom: 12px;
				}
				
				#project .fRight li {
					line-height: 14px;
					padding-top: 3px;
					padding-bottom: 3px;
				}	
				
				#project .fRight ul
				{
					margin-left: 20px;
					margin-bottom: 5px;
				}
				#project .fRight ul li { list-style-type: disc; }
				
			
			#pitch.project {
				margin: 10px 0;
			}
				#pitch.project ul {
					margin-bottom: 30px;
				}		
					#pitch.project li {
						background: #f2f2f2;
						border: 1px solid #bbb;
						display: inline;
						float: left;
						height: 91px;
						margin-right: 30px;
						padding: 6px 5px;
						position: relative;
						width: 205px;
					}
					#pitch.project li.last {
						margin-right: 0;
					}
						#pitch.project .itemDesc {
							left: 111px;
							position: absolute;
							top: 22px;
							width: 100px;
						}
							#pitch.project .itemDesc strong {
								color: #000;
								display: block;
								font-size: 1.09em;
								height: auto;
								margin-bottom: 5px;
								width: 50px;
							}
		
		#modalNewsHolder {
			height: 400px;
			margin: 0 auto;
			padding-top: 15px;
			width: 525px;
		}
			#modalNewsHolder h2 {
				color: #fff;
				font-size: 1.63em;
				margin-left: 10px;
			}			
			.modal_news {
				color: #fff;
				font-size: 1.09em;
				height: 320px;
				width: 525px;
			}
				.modal_news th {
					padding: 3px 10px;
					text-align: left;					
				}
					.header span {
						background: url(../i/tablesort.png) 100% 6px no-repeat;
						padding-right: 15px;
					}
					.headerSortUp span {
						background-position: 100% -10px;
					}
					.headerSortDown span {
						background-position: 100% -28px;
					}
				
				.modal_news td {					
					padding: 3px 10px;
				}
					.modal_news td a {
						color: #d63a33;
					}
					
					
		
		.pageAwards {
			padding-top: 10px;
		}
			.pageAwards h2 {
				font-size: 1.33em;
				margin-bottom: 10px;
			}
			.pageAwards ul {
				list-style: url(../i/bullet.gif) none;
				margin-left: 15px;
			}
				.pageAwards li
				{
					line-height: normal !important;
					margin-bottom: 10px;
					padding-top: 0 !important;
					padding-bottom: 0 !important;
				}
			
	/* End of CONTENT Section ---------------------------------------------------------*/


	/* PITCH Section ----------------------------------------------------------------*/
	#pitch {
		color: #666;
		margin: 10px 30px 10px 30px;
	}
		#pitch h2 {
			font-size: 2.17em;
			font-weight: normal;
			margin: 0 24px;
		}
			#pitch h2 span {
				background: transparent;
				color: #f00;	
			}
			
		#pitch div.clear h2 {
			display: inline;
			float: left;
			margin: 0;
			padding-right: 50px;
			width: 530px;
		}
			#pitch .info {
				background: #f5f5f5;
				border: 1px solid #bbb;
				display: inline;
				float: right;
				padding: 12px 26px 12px 21px;
				width: 310px;
			}
				#pitch .info p, #pitch .zone2 p, #pitch .zone3 p {
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 1.81em;	
				}
				#pitch .info a.more, #pitch .zone2 a.more, #pitch .zone3 a.more {
					font-family: Tahoma, Geneva, sans-serif;
					font-size: 1.09em;
				}
				
				#pitch .zone3 a.twit {
					font-family: Tahoma, Geneva, sans-serif;
					font-size: 1.09em;
				}
				
				#pitch .zone1
				{
					display: inline;
					padding: 12px 26px 12px 21px;
					width: 290px;
					float: left;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 2.17em;	
				}
				
				#pitch .zone2
				{
					background: #f5f5f5;
					border: 1px solid #bbb;
					display: inline;
					padding: 12px 26px 12px 21px;
					width: 240px;
					float: left;
				}
				
				#pitch .zone3
				{
					background: #f5f5f5;
					border: 1px solid #bbb;
					display: inline;
					padding: 12px 26px 12px 21px;
					width: 250px;
					float: right;
				}
				
				#pitch span.bird { float: right; }
				
			
	#studentLife #pitch { margin: 10px 0 20px 20px; }

	/* End of PITCH Section ---------------------------------------------------------*/



	/* FOOTER Section ----------------------------------------------------------------*/
	#footer {
		background: url(../i/logoFooter.gif) 7px 50% no-repeat;
		border: 1px solid #bbb;
		color: #676767;
		height: 31px;
	}
		#footer ul {
			margin-left: 18px;
		}
			#footer li {
				display: inline;
				float: left;
				height: 31px;
				line-height: 31px;
				margin: 0 10px;
				width: auto;
			}
				#footer a {
					color: #676767;
				}
				#footer a:hover {
					background: transparent;
					color: #000;
					text-decoration: none;
				}
			
		#footer .copyright {
			display: inline;
			float: right;
			line-height: 31px;
			margin-right: 11px;
			width: auto;
		}

	/* End of FOOTER Section ---------------------------------------------------------*/

/**
 * List 
 */

ul.roundedList, .box {
	background: url(../i/bgUL.gif) 100% 0 repeat-y;
	border-left: 1px solid #a8a8a8;
	border-top: 1px solid #cfcfcf;
	padding-right: 2px;
}
	ul.roundedList li {
		background: #fff;
		border-bottom: 1px solid #ccc;
		clear: both;
		display: inline;
		float: left;
		padding: 7px 11px;
		position: relative;
		width: 865px;
	}
	ul.roundedList li.alt { background: #f6f6f6; }
	ul.roundedList li:hover { background: #fffde1; }


.ulBottom {
	background: url(../i/bgUL2.png) repeat-x;
}
	.ulBottom .outer { background: url(../i/bgUL1.png) no-repeat; }
	.ulBottom .inner {
		background: url(../i/bgUL3.png) 100% 0 no-repeat;
		height: 22px;
	}
	
.bullet {
	list-style: disc;
}
	.bullet li {
		margin: 3px 0 3px 20px;
	}
		.bullet ul {
			list-style: circle;
			margin-top: 5px;
		}
	
	
/**
 * GENERAL CLASSES
 **/
.hide { display: none; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.clear { 
	clear: both;
	height: 100%;
	overflow: hidden;
}
	.fLeft {
		display: inline;
		float: left;
		width: auto;
	}
	.fRight {
		display: inline;
		float: right;
		width: auto;
	}
	
	.fCenter {
		display: inline;
		float: right;
		width: auto;
	}
.more {
	background: transparent url(../i/arrowMore.gif) 100% 50% no-repeat;
	color: #f00;
	padding-right: 11px;
}
.whole {
	margin: 17px 35px;	
	position: relative;
}
.pageTitle {
	background: transparent;
	color: #000;
	font-size: 1.63em;
	font-weight: bold;
	text-transform: uppercase;
}
.topButtonWrapper {
	position: absolute;
	right: 0 !important;
	right: 35px;
	top: 0;
}
.button {
	background: url(../i/btnOuter.png) repeat-x;
	display: inline;
	float: left;
	height: 23px;
	margin: 0 3px;
	position: relative;
	width: auto;
}
	.button span {
		background: url(../i/btnInner.png) repeat-x;
		color: #fff;
		cursor: pointer;
		display: inline;
		float: left;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		height: 23px;
		line-height: 23px;
		margin: 0 1px;
		padding: 0 6px;
		width: auto;
	}
.button:hover {
	background-position: 0 -23px;
	text-decoration: none;
}
	.button:hover span {background-position: 0 -23px; }
	.buttonActive, .buttonActive:hover { background-position: 0 -46px !important; }
	.buttonActive span, .buttonActive:hover span { background-position: 0 -46px !important; }


.box {
	padding: 20px;
}

.halfLeft
{
	display: inline;
	float: left;
	margin: 10px 0 0 0;
	padding: 3px 1% 10px 1%;
	width: 47%;
}

.halfRight {
	border-left: 1px solid #cacaca;
	display: inline;
	float: right;
	margin: 10px 0;
	padding: 3px 1% 10px 1%;
	width: 46%;	
}

.addlinks a { color: #666; }
.addlinks a:hover { color: #F00; } 

.fullLeft
{
	display: inline;
	float: left;
	margin: 10px 0 0 0;
	padding: 3px 1% 3px 1%;
	width: 95%;
}

.iconNewsletter {
	background: url(../i/iconNewsletter.png) no-repeat;
	height: 16px;
	margin-left: 7px;
	position: relative;
	width: 14px !important;
	z-index: 2;
}
.iconPDF {
	background: url(../i/iconPDF.png) no-repeat;
	height: 16px;
	margin-left: 7px;
	position: relative;
	width: 16px !important;
	z-index: 2;
}
.learnMore {
	background: url(../i/arrowMore.gif) no-repeat;
	display: inline-block;
	height: 7px;
	margin-left: 6px;
	width: 4px;
}
.tooltip {
	background: url(../i/tooltip.png) no-repeat;
	color: #fff;
	height: 44px;
	padding: 6px 10px 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 60px;
	z-index: 1;
}
.rss {
	background: url(../i/iconRSS.png) no-repeat;
	display: inline;
	float: right;
	height: 16px;
	margin-right: 15px;
	width: 16px;
}
.fax {
	background: url(../i/iconFax.gif) 0 50% no-repeat;
	padding-left: 20px;
}
.phone {
	background: url(../i/iconPhone.gif) 0 50% no-repeat;
	padding-left: 20px;
}
.email {
	background: url(../i/iconEmail.gif) 0 50% no-repeat;
	padding-left: 20px;	
}
.address {
	color: #000;
	font-weight: bold;
	margin-bottom: 18px;
}

a.thumbs {
	display: block;
}


/* Scrollbars */
.jScrollPaneContainer {
	overflow: hidden;
	position: relative;
	z-index: 1;
}
	.jScrollPaneTrack {
		background: url(../i/bgScroll.gif) 50% 0 repeat-y;
		cursor: pointer;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 9px !important;
	}
	.jScrollPaneDrag {
		background: #f00;
		cursor: pointer;
		height: 75px !important;
		overflow: hidden;
		position: absolute;
	}
	


/* Modal Box Structure */
#modalBackground, #modalWrapper {
	background: #000;	
	height: 100%;
	left: 0;
	position: fixed !important;
	position: absolute; /* ie6 fix */
	top: 0;
	width: 100%;
	z-index: 9000;
}
#modalWrapper {
	background: none;
}
	#modal {
		background: #000 url(../i/modalProject.png) repeat-x;
		margin: 0 auto;
		position: relative;
		width: 960px;
		z-index: 9999;
	}
		#modal .modalHead {
			background: url(../i/modal1.png) no-repeat;
			height: 6px;
			width: 719px;
		}
		#modal .modalBody {
			background: url(../i/modal2.png) repeat-y;
			position: relative;
			width: 719px;
		}
			#modal .modalBody h2 {
				color: #fff;
				font-size: 1.45em;
				margin: 0 auto 24px;
				padding-top: 24px;
				width: 550px;
			}
			#modal .modalBody h3 {
				background: url(../i/dot.gif) 0 100% repeat-x;
				color: #000;
				font-size: 1.45em;
				font-weight: normal;
				padding-bottom: 14px;
			}
			#modal .modalBody p {
				line-height: 1.4;
				margin: 15px 0;
			}
			#modal .modalBody .galleryWrapper {
				background: #fff;
				margin: 0 auto;
				padding: 10px;
				width: 540px;
			}		
			#modal .modalBody .gallery {
				height: 307px;
				width: 540px;
			}					
				#modal .modalBody li {
					display: inline;
					float: left;
					height: 307px;
					margin-right: 10px;
					width: 540px !important;
				}
					#modal .modalBody .col1 {
						display: inline;
						float: left;
						width: 355px;
					}
					#modal .modalBody .col2 {
						display: inline;
						float: right;
						width: 165px;
					}
						#modal .modalBody .col2 h3 {
							background: none;
							color: #666;
							font-size: 2.17em;
							text-align: right;
						}
						
						
			#modal p.bottom {
				color: #fff;
				margin: 24px auto 0;
				padding-bottom: 24px;
				width: 560px;
			}
				#modal p.bottom a {
					color: #fff;
					text-decoration: underline;
				}
				#modal p.bottom a:hover {
					color: #f00;	
				}
			
		#modal .modalFoot {
			background: url(../i/modal3.png) no-repeat;
			height: 6px;
			width: 719px;
		}		
		
		#modal .closeModal {
			background: url(../i/closeModal2.png) no-repeat;
			height: 23px;
			position: absolute;
			right: 10px;
			top: 10px;
			width: 23px;
		}
		#modal .arrowLeft{
			background: url(../i/arrowLeft.png) no-repeat;
			display: block !important;
			height: 48px;
			left: 15px;
			position: absolute;
			top: 200px;			
			width: 48px;
		}
		#modal .arrowRight {
			background: url(../i/arrowRight.png) no-repeat;
			display: block !important;
			height: 48px;			
			position: absolute;
			right: 15px;
			top: 200px;			
			width: 48px;
		}
			#modal .arrowLeft span, 
			#modal .arrowRight span {
				display: none;
			}
			
			
		/* Blog Pagination */
		.pagination
		{
			padding: 2px;
			margin-bottom: 20px;
		}
		
		.pagination ul
		{
			margin: 0;
			padding: 0;
			text-align: left;
			/*Set to "right" to right align pagination interface*/
			font-size: 1.1em;
		}
		
		.pagination li
		{
			list-style-type: none;
			display: inline;
			padding-bottom: 1px;
		}
		
		.pagination a, .pagination a:visited
		{
			padding: 0 5px;
			border: 1px #929292 solid;
			text-decoration: none;
			color: #929292;
		}
		
		.pagination a:hover, .pagination a:active
		{
			border: 1px #F00 solid;
			color: #FFF;
			background-color: #F00;
		}
		
		.pagination a.currentpage
		{
			background-color: #F00;
			color: #FFF !important;
			font-weight: bold;
			cursor: default;
			border: 1px #F00 solid;
		}
		
		.pagination a.disablelink, .pagination a.disablelink:hover
		{
			background-color: white;
			cursor: default;
			color: #929292;
			border-color: #929292;
			font-weight: normal !important;
		}
		
		.pagination a.prevnext { font-weight: normal; }


/* subscriber */
#subscriberForm
{
	margin: 25px auto 30px auto;
	width: 600px;
}
	#subscriberForm .clear {
		margin-bottom: 12px;
	}
		#subscriberForm .fLeft {
			font-size: 1.09em;
			line-height: 29px;
			width: 97px;	
		}
			.required {
				color: #fa3232;
			}
			
		
		#subscriberForm .fRight {
			position: relative;
			padding-right: 19px;
			width: 481px;
		}
			#subscriberForm .fRight .fieldError {
				background: url(../i/subscriber/field_error.png) no-repeat;
				height: 14px;
				position: absolute;
				right: 0;
				top: 8px;
				width: 16px;	
			}
			
			#subscriberForm .field {
				background: url(../i/subscriber/inputLeft.gif) no-repeat;
				display: inline;
				float: left;
				margin-right: 10px;
				width: auto;
			}
				#subscriberForm .field .wrap {
					background: url(../i/subscriber/inputRight.gif) 100% 0 no-repeat;
					height: 29px;
					overflow: hidden;
				}
					#subscriberForm .inputHint {
						color: #898989;
					}
		
					#subscriberForm .fullText, 
					#subscriberForm .halfText, 
					#subscriberForm .quart2Text, 
					#subscriberForm .quart1Text {
						background: #e5e5e5 url(../i/subscriber/input.gif) repeat-x;
						border: none;
						font-size: 1em;
						padding: 8px 0;
						margin: 0 2px;
						position: relative;
					}
					#subscriberForm .fullText { width: 465px; }
					#subscriberForm .halfText { width: 225px; }
					#subscriberForm .quart2Text { width: 295px; }
					#subscriberForm .quart1Text { width: 155px; }
					
			#subscriberForm .fRight .fLeft {
				padding-left: 15px;
				width: 285px;
			}
				#subscriberForm .fRight .fLeft .clear {
					margin: 0;
				}
			
			#subscriberForm .fRight .fRight {
				margin-top: 15px;				
				width: 160px;
			}
				#subscriberForm button {
					background: url(../i/subscriber/button.png) no-repeat;
					border: none;
					color: #fff;
					cursor: pointer;
					font-size: 1em;
					height: 25px;
					line-height: 25px;
					margin-left: 5px;
					width: 67px;
				}
				#subscriberForm button:hover {
					background-position: 0 100%;
				}
				
.errorBox {
	background: #fffeec;
	border: 1px solid #ffb400;
	color: #000;
	font-size: 1.08em;
	margin: 27px 0 0 142px;
	padding: 12px 21px;
	width: 528px;
}
	.errorBox strong
	{
		color: #f20202;
		font-size: 1.08em;
	}
	
	.errorBox p {
		margin-top: 6px;
	}
	
	#contact .errorBox ul
	{
		margin-top: 4px;
		margin-left: 30px;
		margin-bottom: 10px;
	}
	
	#contact .errorBox li
	{
		border: 0;
		padding-top: 1px;
		padding-bottom: 1px;
		list-style-type: disc;
	}
	
.successBox {
	color: #000;
	margin: 100px auto 200px;
	text-align: center;
	width: 800px;
}
	.successBox strong {
		font-size: 1.25em;
	}
	.successBox p {
		margin-top: 30px;
	}

