body, html { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; background: #CCC url(../images/bg_body.jpg) repeat-x; text-align: center; }
#container { width: 780px; margin: 0px auto; text-align: left; }
#container a { color: #000; text-decoration: none; font-weight: bold; }
#container a:hover { color: #000; text-decoration: underline; }
.clear { clear: both; }
#header { width: 780px; height: 100px; position: relative; }
	#header .logo { position: absolute; top: 0px; left: 15px; }
#navigation { width: 780px; height: 30px; background: url(../images/bg_purple.jpg) repeat-x; }
#content { background: #FFF; }
	#content.front { background: #FFF url(../images/bg_content_front.jpg) repeat-x; }
	#content.inside { background: #FFF url(../images/bg_content_inside.jpg) repeat-x; }
	#banner { margin: 0 0 10px 0; }
	#full { width: 780px; }
		#step-list { float: right; margin: -45px 15px 0 0; padding: 0; list-style: none; }
			#step-list li { float: left; margin: 0 0 0 30px; padding: 0; list-style: none; }
			#step-list li a { color: #CCC; }
			#step-list li a span { font-size: 14px; color: #CCC; line-height: 20px; font-weight: bold; display: block; }
			#step-list li a:hover span, #step-list li.active a span { color: #660099; }
			#step-list li a:hover, #step-list li.active a { color: #666 !important; text-decoration: none; }
	#left { width: 560px; float: left; }
		#left .wrapper { padding: 15px; }
		#left h1, #full h1 { line-height: 60px; margin: 0; padding: 0 0 0 15px; font-size: 16px; color: #000; }
		.box { margin: 0 0 10px 0; }
		.box h2 { font-size: 14px; color: #FFF; line-height: 30px; margin: 0; padding: 0 0 0 10px; background: url(../images/bg_purple.jpg) repeat-x; }
		.box .inner { background: #FFF; margin: 0 0 10px 0; padding: 10px 10px 0 10px; border-right: 1px solid #D4D4D4; border-left: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }
		.front-job { width: 340px; float: left; margin: 0 0 0 5px; }
		html>body #container #left .front-job { margin: 0 0 0 10px; }
		.front-job .inner { height: 90px; }
			#front-job-list { margin: 0; padding: 0; list-style: none; }
			#front-job-list li { margin: 0 0 10px 0; padding: 0 0 0 15px; list-style: none; background: url(../images/bullet_orange.jpg) left center no-repeat; }
			#front-job-list em { font-style: normal; color: #FF3300; }
		.front-client { width: 200px; float: right; }
			.front-client .inner { text-align: center !important; height: 90px; }
			.front-client img { padding: 0 0 0 25px; }
		
		#text-content { font-size: 12px; padding: 15px; line-height: 140%; }
		#text-content p, .box-content p { margin: 0 0 10px 0; padding: 0; }
		#text-content ul, .box-content ul { margin: 0 0 10px 30px; padding: 0; }
		#text-content ul ul, .box-content ul ul { margin-top: 5px; }
		#text-content ul li, .box-content ul li { margin: 0 0 5px 0; padding: 0; }
		#text-content h2 { font-size: 14px; color: #531A6C; margin: 15px 0 5px 0; padding: 0; }
		.company { float: left; width: 150px; border: 1px solid #D4D4D4; }
			.company ul.menu { margin: 0; padding: 0; list-style: none; }
			.company ul.menu li { text-align: center; border-top: 1px solid #D4D4D4; padding: 5px 0 5px 0; }
			.company ul.menu li a { color: #531A6C!important; }
			.company ul.menu li.apply a { color: #FF6600!important; }
		.box-content { float: right; width: 340px; }
		
		.tbl-form td { padding: 0 5px 0 0; }
		.tbl-view { margin: 0; padding: 0; }
			.tbl-view td, .tbl-view th { padding: 7px; text-align: left; vertical-align: top; }
			.tbl-view td { border-bottom: 1px solid #D4D4D4; }
			.tbl-view th { background-color: #333; color: #FFF; }
			.tbl-view tr.zebra td { background-color: #F1F1F1; }
		#form-contact { float: left; margin: 0 20px 0 0; }
		
		.message { text-align: center; padding: 5px; margin: 0 0 10px 0; color: #FFF; font-weight: bold; }
			.message.success { background: #33CC00; }
			.message.error { background: #990000; }
		
	#right { width: 200px; float: right; margin: 0 4px 0 0; }
	html>body #container #right { margin: 0 10px 0 0; }
		#member-menu { margin: -10px 0 0 20px; padding: 0; }
			#member-menu li { margin: 0 0 3px 0; padding: 0; }
		#banner-register { padding: 20px 10px 0 10px; }
		#gradient-left { line-height: 140%; margin: 20px 0 0 0; width: 200px; background: url(../images/bg_gradient_left.jpg) no-repeat; min-height: 300px; }
			#gradient-left .inner { padding: 10px 10px 0 10px; }
			#gradient-left h2 { color: #4A0E64; font-size: 14px; margin: 0 0 10px 0; padding: 0; }
			#form-login { margin: 0; padding: 0; }
				#form-login .input-text { width: 175px; }
				#form-login .input-submit { float: right; }
			label { display: block; font-weight: bold; margin: 0 0 3px 0; padding: 0; }
				label em { font-style: normal; color: #FF6600; }
			.input-text, .input-textarea { font-size: 12px; padding: 3px; border: 1px solid #D4D4D4; background: #FFF; color: #666; font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px 0; }
			.input-select { font-size: 12px; padding: 2px; border: 1px solid #D4D4D4; background: #FFF; color: #666; font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px 0; }
			#form-resume label { margin: 10px 0 3px 0; }
			.input-submit { font-size: 11px; font-weight: bold; color: #FFF; padding: 5px; background: #531A6C; border: 1px solid #531A6C; cursor: pointer; }
	#footer { clear: both; margin: 10px 0 0 0; padding: 10px 0 10px 0; border-top: 1px solid #D4D4D4; }
		#footer h1 { font-size: 11px; margin: 0; padding: 0 0 0 10px; font-weight: normal; color: #999; }
		#footer p { font-size: 11px; margin: -11px 0 0 0; padding: 0 10px 0 0; color: #999; text-align: right; }
		#footer a { color: #999; text-decoration: none; }
		#footer a:hover { color: #000; text-decoration: underline; }

	ul#nav {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		height: 30px;
	}
	
	ul#nav li {
		margin: 0;
		padding: 0;
		float: left; /*For Gecko*/
		display: inline;
		list-style: none;
		position: relative;
		font-size: 11px;
		text-align: left;
	}
	
	ul#nav ul {
		margin: 0;
		padding: 0;
		width: 120px;
		list-style: none;
		display: none;
		position: absolute;
		top: 30px;
		left: 0px;
		z-index: 999;
		border-left: 1px solid #4A0E64;
	}
	
	ul#nav ul li {
		float: none; /*For Gecko*/
		display: block !important;
		display: inline; /*For IE*/
		margin: 0;
		font-size: 11px;
	}
	
	ul#nav li a#active { color: #420D5A; }
	
	/* Root Menu */
	ul#nav li a {
		padding: 9px 17px 9px 17px;
		margin: 0;
		float: none !important; /*For Opera*/
		float: left; /*For IE*/
		display: block;
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		height: 1%; /*For IE*/
		background: url(../images/separator_purple.jpg) top right no-repeat;
	}
	ul#nav li.last a { border-right: 1px solid #D4D4D4; }
	
	ul#nav ul li a
	{
		font-weight: normal;
		margin: 0;
		padding: 5px 10px 5px 10px;
		border: none;
	}
	
	/* Root Menu Hover Persistence */
	ul#nav a:hover,
	ul#nav li:hover a,
	ul#nav li.iehover a {
		color: #FFF;
		background: #420D5A;
		text-decoration: none;
	}
	
	ul#nav li a#active {
		color: #FFF;
		background-color: #420D5A;
	}
	
	/* 2nd Menu */
	ul#nav li:hover li a,
	ul#nav li.iehover li a {
		float: none;
		background-color: #420D5A;
		border-right: 1px solid #4A0E64;
		border-bottom: 1px solid #4A0E64;
		color: #FFF;
		text-transform: none;
	}
	
	/* 2nd Menu Hover Persistence */
	ul#nav li:hover li a:hover,
	ul#nav li:hover li:hover a,
	ul#nav li.iehover li a:hover,
	ul#nav li.iehover li.iehover a {
		background-color: #531A6C;
		color: #FFF;
	}
	
	ul#nav ul ul,
	ul#nav ul ul ul {
		display: none;
		position: absolute;
		top: 0;
		left: 120px;
	}
	
	/* Do Not Move - Must Come Before display:block for Gecko */
	ul#nav li:hover ul ul,
	ul#nav li:hover ul ul ul,
	ul#nav li.iehover ul ul,
	ul#nav li.iehover ul ul ul {
		display: none;
	}
	
	ul#nav li:hover ul,
	ul#nav ul li:hover ul,
	ul#nav ul ul li:hover ul,
	ul#nav li.iehover ul,
	ul#nav ul li.iehover ul,
	ul#nav ul ul li.iehover ul {
		display: block;
	}