﻿body {
	margin:0px;
	padding:0px;
	text-align:center;
	background-color: #853C47;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #605f5f;
}
/* layout divs */ 

#PageBox {
	position: relative;
	width:770px;
	height:640px;
	margin:0px auto;
	text-align:left;
	background-repeat: no-repeat;
	background-image: url(../images/home-bgd2.gif);
	background-color: #FFFFFF;
}

#home-mast {
	position: relative;
	left: 0px;
	top: 0px;
	width:770px;
	height: 174px;
	background-image: url(../images/welcome.jpg);
	background-repeat: no-repeat;
	background-position: right;	
}

#content {
	width:770px;
	height: 397px;
	position: relative;
	top: 0;
}

#footer {
	position: relative;
	top: 0px;
	height: 69px;
	width: 770px;
}

/* floating objects */

.employers{
	position:absolute;
	left:179px;
	top:10px;
	width:152px;
	height:201px;
	z-index:6
}
body#homebody .PSP-logo{

	position:absolute;
	left:50px;
	top:55px;
	z-index:2;
	width:226px;
	height:59px;
}

/*quick search thingy*/
.QuickJS{
	position:absolute;
	height:23px;
	z-index:3;
	margin: 0px;
}
body#homebody .QuickJS {
	width:150px;
	left: 14px;
	top:12px;
}


.search {
	position:absolute;
	top:45px;
	left:16px;
	width:132px;
	height:22px;
	z-index:12;
	vertical-align: middle;
}
div.search input#searchbox {margin: 10px 0 0 0;}
.searchlink{
	position:absolute;
	top:150px;
	left:20px;
	width:132px;
	height:15px;
	z-index:5
}/*end*/

/* job of the week */
.jobofweek {
	position: absolute;
	top:150px;
	right: 240px;
	bottom: 2px;
	width:139px;
	height:23px;
	z-index:1;
}
.jobtitle {
	position: absolute;
	top: 10px;
	left: 365px;
	width:436px;
	height:32px;
	z-index:2;
}
.jobdescription {
	position:absolute;
	top:40px;
	left:360px; 
	width:401px;
	height:67px;
	z-index:4;
	padding: 5px;
}
.jobmoreinfo{
	position:absolute;
	top:115px;
	left:365px;
	width:172px;
	height:15px;
	z-index:5
}

/**/

.pan-logo-grey{
	display:none;
	position:absolute;
	left:20px;
	top:7px;
	width:119px;
	height:36px;
	z-index:5
}
.panloginbox{
	position:absolute;
	left:365px;
	top:163px;
	width:130px;
	height:128px;
	z-index:13;
}
.panloginbox h1 {margin: 0 0 10px 2px;}
.penloginbox{
	position:absolute;
	left:14px;
	top:195px;
	width:130px;
	height:156px;
	z-index:14;
}
.penloginbox h1 {margin:0 0 10px 2px;}
.penloginbox input.penloginbutton {margin:10px 0 0 2px;}
.PEN-logo-cream{
	display:none;
	position:absolute;
	left:20px;
	top:189px;
	width:116px;
	height:37px;
	z-index:5;
}


.team{
	position:absolute;
	left:129px;
	top:224px;
	width:252px;
	height:171px;
	z-index:9}


.paninfologo{
	display:none;
	position:absolute;
	left:358px;
	top:195px;
	width:115px;
	height:38px;
	z-index:10;
}

/* get the advantage box */

.gettheadv{
	position:absolute;
	left:599px;
	top:120px;
	width:170px;
	height:36px;
	z-index:6
	}

.quickjoblinks{
	position:absolute;
	left:390px;
	top:160px;
	width:370px;
	height:150px;
	z-index:6
}
.quickjoblinks td{
	font-family: Verdana;
	font-size: 10px;
	width: 185px; vertical-align:top
}

body#homebody div.gettheadv	h2 {text-align:center;}
.paninfo {
	text-align: left;
	position:absolute;
	top:170px;
	left:520px;
	width:240px;
	height:150px;
	z-index:6
}
.panmoreinfo{
position:absolute;
	left:550px;
	top:330px;
	width:172px;
	height:15px;
	z-index:7
}/*end*/

.copyright {
	position: absolute;
	left:10px;
	bottom: 15px;
	width:281px;
	height:16px;
	z-index:8
}
.legals {
	position:absolute;
	left:345px;
	bottom:6px;
	width:430px;
	height:18px;
	z-index:11
}

/* text styles*/

.main-menu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #878C8B;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: .25px;
	position: absolute;
	top: 10px;
	left: 20px;
	z-index:1;
}
.breadcrumb {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #878C8B;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: .25px;
	width: 350px;
	position: absolute;
	bottom: 15px;
	left: 20px;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	color: #d2586d;
	padding: 0px;
	margin: 0px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #b7bebc;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/******* hyperlink and anchor tag styles *******/

#mast a:link, #mast a:visited, #home-mast a:link, #home-mast a:visited {
	color: #B60050;
	text-decoration: none;
}
#mast a:hover, #mast a:active, #home-mast a:hover, #home-mast a:active {
	color: #878c8b;
	text-decoration: none;
}

a:link, a:visited{
	color: #B60050;
	text-decoration: underline;
}
a:hover, a:active{
	color: #878c8b;
	text-decoration: underline;
}

a.grey:link, a.grey:visited{
	color: #878c8b;
	text-decoration: underline;
}
a.grey:hover, a.grey:active{
	color: #B60050;
	text-decoration: underline;
}

.font-family {
	color: #9c8772;
	padding: 10px;
}
.employers h3 {	text-align: left;}

.locations {
	position:absolute;
	top: 10px;
	width: 770px;
	text-align: center;
	left: 0;
}

/* styling form elements*/

form {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
.inputbutton {
  width: 60px;
  font-size: 10px;
  background-color: #FFFFFF;
  border: 1px solid #605f5f;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #605f5f;
}

.inputbox {
  width: 200px;
  font-size: 12px;
  background-color: #FFFFFF;
  border: 1px solid #605f5f;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #605f5f;
}
.inputboxshort {
  width: 130px;
  font-size: 12px;
  background-color: #FFFFFF;
  border: 1px solid #605f5f;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #605f5f;
}
.inputboxveryshort {
  width: 75px;
  font-size: 12px;
  background-color: #FFFFFF;
  border: 1px solid #605f5f;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #605f5f;
}
.loginbox {
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #605f5f;
	margin: 3px;
	padding: 2px;
}
* html body#homebody input#registerpass {margin-left:28px;}
.greybutton {
	border: 1px solid #605f5f;
	font-size: 10px;
}
* html .greybutton {width:35px;}

body#homebody .greybutton {	margin:12px 0 0 85px;
}
.font-family {
	margin: 2px;
	padding: 0px;
	border: 1px solid #000000;
	font-size: 10px;
	color: #605f5f;
	position: relative;
	right: -85px;
}
body#homebody .panloginbutton {margin-top:20px;}

.penloginbutton {
	margin: 2px;
	padding: 2px;
	border: 1px solid #000000;
	font-size: 10px;
	color: #B60050;
	}
body#homebody .penloginbutton {margin-bottom:10px;}
div#homecontact1 {position:absolute;right:170px;bottom:8px;width:200px;height:47px}
div#homecontact2 {position:absolute;right:5px;bottom:8px;width:200px;height:37px}
div#homecontact1 h1 {margin:0 0 5px 0;}
div#homecontact1 p, div#homecontact2 p {margin:0;}
div#homecontact1 p span, div#homecontact2 p span  {font-size: 12px;font-weight:bold;color:#d2586d;}