div.main-container
{
	width: 1000px;
	height: 671px;
	background: url('../../images/for_faculty/process/background.jpg') no-repeat;
	background-position: top right;
	float: left;
	margin-top: 5px;
}

div.top-bar
{
	float: left;
	width: 600px;
	margin-left: 360px;
	display: inline;
}

div.top-bar div.exp
{
	float: left;
	width: 130px;
	color: #26296e;
	height: 160px;
	margin-top: 10px;
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
	display: inline;
}

div.top-bar div.exp div.exp-inner
{
	margin-top: 13px;
}

div.top-bar div.exp div.last
{
	margin-top: 36px;
}

div.top-bar div.navigator
{
	margin-top: 15px;
	width: 25px;
	height: 125px;
	border: solid 3px #fff;
	float: left;
	
}

div.top-bar div.navigator div.notselected
{
	width: 17px;
	height: 20px;
	padding: 5px 0px 0px 8px;
	color: #fff;
	background: #717980;
	font-family: Arial;
	font-weight: bold;
	font-size: 11pt;
	cursor: pointer;
}

div.top-bar div.navigator div.notselected:hover
{
	background: #909aa3;
}

div.top-bar div.navigator div.selected
{
	width: 17px;
	height: 20px;
	padding: 5px 0px 0px 8px;
	color: #fff;
	background: #a62650;
	font-family: Arial;
	font-weight: bold;
	font-size: 11pt;
	cursor: pointer;
}

div.top-bar div.titles
{
	float: left;
	margin-top: 13px;
	margin-left: 8px;
}

div.top-bar div.titles div
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 9pt;
	color: #fff;
	margin-top: 11px;
	cursor: pointer;
}

div.top-bar div.titles div:hover
{
	color: #bac1c6;
}

div.bottom-bar
{
	float: left;
	clear: left;
	width: 1000px;
}

div.intro
{
	width: 476px;
	float: left;
}

div.intro-heading
{
	background: url('../../images/for_faculty/process/intro_heading_bg.gif');
	width: 410px;
	height: 40px;
	padding-top: 35px;
	padding-right: 00px;
	padding-left: 30px;
	
	margin-top: 14px;
	margin-left: 5px;
	font-size: 16pt;
	font-weight: bold;
	font-family: Arial;
	color: #a62650;
	
}

div.intro-copy
{
	width: 335px;
	padding-left: 60px;
	padding-right: 50px;
	font-size: 8pt;
	margin-top: 9px;
	line-height: 17px;
	color: #643f4b;
	font-family: Verdana;
	
}

div.process-scrollbox a
{
	color: #a62650;
}

div.process-scrollbox
{
	float: left;
	width: 490px;
	height: 470px;
	margin-left: 15px;
	background: #edeff0;
	
	border-bottom: solid 4px #ffc539;
}

div#scrollcontent
{
	float: left;
	width: 468px;
	overflow: hidden;
	font-size: 8pt;
	line-height: 15px;
	/*height: 515px; #defined in HTML for JS compatability */
	color: #5e656b;
}

div#scrollcontent span.heading
{
	color: #a62650;
	font-size: 13pt;
	font-family: Arial;
	font-weight: bold;	
}

div#scrollcontent span.heading span
{
	color: #717980;
	font-size: 11pt;
}

div#scrollcontent span.subheading
{
	font-weight: bold;
}

div#scroller
{
	float: left;
	width: 22px;
	background: #c4cacf;
	height: 100%;
}

img.arrow-up
{
	margin-left: 4px;
	margin-top: 4px;
	margin-bottom: 0px;
	cursor: pointer;
}

img.arrow-down
{
	margin-top: 0px;
	margin-left: 4px;
	cursor: pointer;
}

div#track
{
	width: 14px;
	height: 428px;
	background: #b4b9be;
	margin-left: 4px;
}

div#slider
{
	width: 14px;
	height: 40px;
	background: #6f767a;
	cursor: pointer;
}