@import url(global.css);

/* profiles
********************************************************************************/
body#profile {
	background: none;
	text-align: left;
}

div.profile-wrapper {
	width: 770px;	
}
div#profile-content {
	float: left;
	width: 738px;	
}

div.profiles-top {
	background: url(images/bg-profiles-top.png) top left no-repeat;
	height: 33px;
	width: 738px;	
}

div.profiles-bg {
	position: relative;
	z-index: 1;
	background: url(images/bg-profile.png) top left no-repeat;
	height: 434px;
	overflow: hidden;
}
div.profiles-bg-alumni {
	background: url(images/bg-profile-alumni.png) top left no-repeat;
	height: 434px;
	overflow: hidden;	
}
div.profiles-bg-faculty {
	background: url(images/bg-profile-faculty.png) top left no-repeat;
	height: 434px;
	overflow: hidden;	
}

div.profiles-bottom {
	background: url(images/bg-profiles-bottom.png) top left no-repeat;
	height: 25px;
	width: 738px;	
}

div#profile-left {
	position: relative;
	float: left;
	width: 250px;
	top: 55px;
	left: 50px;
}
div#profile-right {
	width: 250px;
	margin-left: 418px;
}

div#profile-img-wrapper {
	position: relative;
	top: -9px;
	width: 163px;
	height: 176px;
	display: block;
}

div#profile-favorite {
	position: relative;
	top: 75px;
	width: 100px;
	height: 100px;
}
div#profile-favorite img {
	background: #fff;
	padding: 2px;
	border: 1px solid #000;
	display: block;
}

div#profile-nav-wrapper {
	position: relative;
	top: -40px;
	left: 160px;
	width: 130px;	
}

div#profile-right ul {
	position: relative;
}

div#profile-right ul li {
	margin: 0;
	list-style-type: none;
}


/* navigation */

div#profile-nav {
	float: right;
	width: 32px;
	position: relative;
	top: 38px;
}
div#profile-nav ul li { 
	list-style-type: none;
}
div#profile-nav ul li a {
	padding-top: 143px;
	overflow: hidden;
	display: block;
	height: 0;
}

li#students a { background: url(images/bg-students.png) 0 -143px no-repeat; }
li#faculty a { background: url(images/bg-faculty.png) 0 -143px no-repeat; }
li#alumni a { background: url(images/bg-alumni.png) 0 -143px no-repeat; }

div#profile-nav ul li a.on,
div#profile-nav ul li a:hover { background-position: 0 0; }