body { margin: 0; padding: 0; background: url(images/bodyTile.gif) top left repeat-x; }
a { text-decoration: none; }
a:focus { outline-style: none; }
#container { width: 1024px; margin: 0 auto; }
#mother { width: 1024px; float: left; background: url(images/containerTile.png) top left repeat-x; }
#header { width: 1024px; float: left; background: url(images/logo.png) top left no-repeat; }
#header #top {
	width: 450px;
	height: 12px;
	overflow: hidden;
	float: left;
	list-style: none;
	margin: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 550px;
}
#header #top li { border-right: 19px solid #FFF; float: left; }
#header #top li a { height: 12px; font: 1px arial; float: left; text-indent: -99999px; margin: 0; padding: 0; overflow: hidden; }
#header #top li a:hover { font: 1px arial; text-decoration: none; }
#header #top #home a { width: 43px; background: url(images/home.png) top left no-repeat; }
#header #top #home a:hover { background: url(images/home.png) bottom left no-repeat; }
#header #top #mail a {
	width: 110px;
	background: url(images/mail.png) top left no-repeat;
}
#header #top #mail a:hover { background: url(images/mail.png) bottom left no-repeat; }
#header #top #careers a { width: 49px; background: url(images/careers.png) top left no-repeat; }
#header #top #careers a:hover { background: url(images/careers.png) bottom left no-repeat; }
#header #top #locate a { width: 161px; background: url(images/locate.png) top left no-repeat; }
#header #top #locate a:hover { background: url(images/locate.png) bottom left no-repeat; }
#header #bottom { width: 908px; padding: 60px 0 0 116px; float: left; }
#header #bottom ul { width: 908px; list-style: none; margin: 0; padding: 0; position: relative; z-index: 20;  }
#header #bottom li { height: 20px; border-right: 18px solid #FFF; float: left; position: relative; }
#header #bottom li a { height: 20px; float: left; text-indent: -99999px; }
#header #bottom li #menu1 { width: 92px; background: url(images/profile.png) top left no-repeat; }
#header #bottom li #menu1:hover { background: url(images/profile.png) bottom left no-repeat; }
#header #bottom li #menu2 { width: 116px; background: url(images/academics.png) top left no-repeat; }
#header #bottom li #menu2:hover { background: url(images/academics.png) bottom left no-repeat; }
#header #bottom li #menu3 { width: 69px; background: url(images/admissions.png) top left no-repeat; }
#header #bottom li #menu3:hover { background: url(images/admissions.png) bottom left no-repeat; }
#header #bottom li #menu4 { width: 75px; background: url(images/campus.png) top left no-repeat; }
#header #bottom li #menu4:hover { background: url(images/campus.png) bottom left no-repeat; }
#header #bottom li #menu5 { width: 45px; background: url(images/alumni.png) top left no-repeat; }
#header #bottom li #menu5:hover { background: url(images/alumni.png) bottom left no-repeat; }
#header #bottom li #menu6 { width: 196px; background: url(images/results.png) top left no-repeat; }
#header #bottom li #menu6:hover { background: url(images/results.png) bottom left no-repeat; }
#header #bottom li #menu7 { width: 68px; background: url(images/downloads.png) top left no-repeat; }
#header #bottom li #menu7:hover { background: url(images/downloads.png) bottom left no-repeat; }
#header #bottom li #menu8 { width: 103px; background: url(images/news.png) top left no-repeat; }
#header #bottom li #menu8:hover { background: url(images/news.png) bottom left no-repeat; }
#header #bottom ul ul { position: absolute; visibility: hidden; top: 20px; list-style: none; padding: 5px 0 0; clear: both; z-index: 10; }
#header #bottom .sfhover ul { visibility: visible; }
#header #bottom ul #subMenu1 { width: 210px; }
#header #bottom ul #subMenu2 { width: 300px; }
#header #bottom ul #subMenu3 { width: 320px; }
#header #bottom li li { border: none; padding: 0 10px 0 0; clear: right; }
#header #bottom li li a { font: bold 11px arial; color: #999; text-indent: 0; }
#header #bottom li li a:hover { color: #CC0000; }
#topHalf { width: 1024px; padding: 41px 0 0; float: left; z-index: 10; }
#suites { width: 335px; padding: 0 0 0 19px; float: left; }
#suites h3 { width: 319px; padding: 9px 0; float: left; background: #990000; text-align: center; font: bold 14px arial; color: #FFF; margin: 0; }
#suites #inner { width: 319px; float: left; background: #FFF url(images/arrow.gif) top left no-repeat; }
#ulType1 { width: 295px; padding: 0 10px 20px; float: left; list-style: none; margin: 0; }
#ulType1 li { width: 295px; padding: 12px 0 0; }
#ulType1 strong { font: bold 14px arial; color: #cc0000; }
#ulType1 p { font: 11px arial; color: #666; margin: 0; }
#ulType1 a { font: 11px arial; color: #cc0000; }
#carousel { width: 670px; height: 350px; float: left; position: relative; overflow: hidden; }
#carousel #cInner {
	width: 638px;
	position: absolute;
	top: 0px;
	left: 1px;
}
#carousel #cInner img { border: none; width: 630px; height: 350px; }
#carouselBt { width: 32px; float: right; position: relative; z-index: 100; }
#carouselBt ul { width: 14px; float: left; list-style: none; margin: 0; padding: 0; }
#carouselBt li { width: 14px; padding: 2px 0 7px; float: left; }
#carouselBt a { width: 14px; height: 14px; text-indent: -99999px; background: #660000; float: left; }
#carouselBt .active a, #carouselBt a:hover { background: #cc0000; }
#bottomHalf { width: 992px; padding: 23px 18px 0; float: left; }
.news { width: 320px; float: left; }
.news h3 { width: 320px; height: 60px; float: left; margin: 0; padding: 0; text-indent: -99999px; }
.news h3 a { width: 320px; height: 60px; float: left; }
#news h3 { background: #FFF url(images/traceNews.png) center no-repeat; }
.news #inner { width: 310px; padding: 0 5px 47px; float: left; background: #FFF url(images/tileMe.gif) bottom left repeat-x; }
#ulType2 { width: 310px; padding: 0; float: left; list-style: none; margin: 0; border-top: 2px dotted #999999; }
#ulType2 li { width: 310px; padding: 7px 0; float: left; border-bottom: 2px dotted #999999; }
#ulType2 li .ulType2Img { width: 115px; height: 75px; float: left; }
#ulType2 li .ulType2Img img { width: 115px; height: 75px; border: none; }
#ulType2 li #right { width: 184px; padding: 0 0 0 11px; float: left; }
#ulType2 li #right a { font: bold 12px arial; color: #cc0000; }
#ulType2 li #right p { font: 11px arial; color: #666; }
#ulType2 li #right1 { width: 300px; padding: 0 0 0 11px; float: left; }
#ulType2 li #right1 a { font: bold 12px arial; color: #cc0000; }
#ulType2 li #right1 p { font: 11px arial; color: #666; }
#ulType2 li #bottom { width: 310px; float: left; text-align: right; }
#ulType2 li #bottom img { width: 12px; height: 6px; border: none; }
#events h3 { background: #FFF url(images/events.png) center no-repeat; }
.separator { width: 16px; height: 20px; float: left; }
#ulType3 { width: 310px; padding: 0; float: left; list-style: none; margin: 0; border-top: 2px dotted #999999; }
#ulType3 li { width: 310px; padding: 8px 0; float: left; border-bottom: 2px dotted #999999; }
#ulType3 #top { width: 310px; height: 15px; float: left; background: url(images/openQuote.gif) top left no-repeat; }
#ulType3 #bottom { width: 310px; height: 5px; float: left; background: url(images/arrow2.gif) top right no-repeat; }
#ulType3 #mid { width: 265px; height: 120px; padding: 14px 27px; float: left; font: 12px arial; color: #666; margin: 0; }
#ulType3 #mid a:hover { font: bold 12px arial; color: #cc0000; }
#ulType3 #mid a { font: bold 12px arial; color: #666; }
#front_academics h3 { background: #FFF url(images/front_academics.png) center no-repeat; }
#footer { width: 1024px; padding: 34px 0 15px; float: left; text-align: center; }
#footer, #footer a { font: 11px arial; color: #333; }
#footer a:hover { color: #CC0000; }
.article { width: 954px; padding: 0 19px; float: left; background: #FFF url(images/tileMe.gif) bottom left repeat-x; }
.article h3 { width: 250px; height: 56px; float: left; margin: 0; text-indent: -99999px; }
#academics h3 { background: url(images/traceAcademics.png) left no-repeat; }
#profile h3 { background: url(images/traceAcademics.png) left no-repeat; }
#topLinks { width: 700px; height: 36px; padding: 20px 0 0; float: left; text-align: right; }
#topLinks a { font: bold 12px arial; color: #999; }
#topLinks a#selected, #topLinks a:hover { color: #CD0000; }
#articleMain { width: 954px; padding: 13px 0 70px; float: left; border-top: 2px dotted #9e9e9e; }
#articleMain #left { width: 295px; padding: 0 40px 0 0; float: left; }
#articleMain #right { width: 619px; float: left; }
#articleMain #right strong { font: 15px arial; color: #343434; }
#articleMain #right h4 { font: bold 19px arial; color: #cc0000; margin: 0; }
#articleMain #right h5 { font: bold 16px arial; color: #cc0000; margin: 0; }
#articleMain #right p { font: 12px arial; color: #343434; }
#articleMain #right li { font: 12px arial; color: #343434; }
#articleMain #right a { font: bold 12px arial; color: #cc0000; }
#campus h3 { background: url(images/campusLife.png) left no-repeat; }
#newsandevents h3 { background: url(images/traceNewsEvents.png) left no-repeat; }
#profile h3 { background: url(images/traceProfile.png) left no-repeat; }
#news_events h3 { background: url(images/traceNewsEvents.png) left no-repeat; }
#events_calendar h3 { background: url(images/eventscalendar.png) left no-repeat; }
#tracesuites h3 { background: url(images/traceSuites.png) left no-repeat; }
#traceleisure h3 { background: url(images/traceLeisureClub.png) left no-repeat; }
#downloads h3 { background: url(images/traceDownloads.png) left no-repeat; }
#results h3 { background: url(images/traceResults.png) left no-repeat; }
#admissions h3 { background: url(images/traceAdmissions.png) left no-repeat; }
#careers h3 { background: url(images/traceCareers.png) left no-repeat; }
#contact h3 { background: url(images/traceContact.png) left no-repeat; }
#alumni h3 { background: url(images/traceAlumni.png) left no-repeat; }
#galleryMain { width: 954px; padding: 23px 0 53px; float: left; border-top: 2px dotted #9e9e9e; }
#galleryMain #loadImage { width: 425px; padding: 0 19px 0 0; float: left; text-align: center; font: 12px arial; color: #333; }
#galleryMain #right { width: 510px; float: left; margin: 0; padding: 0; list-style: none; }
#galleryMain #right li { width: 115px; padding: 0 12px 18px 0; float: left; }
#galleryMain #right li img { width: 115px; height: 75px; border: none; }

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }