body {
	margin: 0;
	padding: 0;
	font:70% Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/bg2.jpg) repeat-x scroll;
	color:#ffffff;
}
#txtnotes
{
	font-size: 1.1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 250px;
	height: 200px;
}
#footer {
	margin: 10px 0 0 0;
	padding: 0;
	height: 66px;
	width: 100%;
	background: url(../images/bg-footer.jpg) repeat-x scroll;
	clear: both;
}
#homeFooter 
{
    margin: 20px 0 10px 0;
    padding-top: 10px;
    height: 140px;
    width: 100%;
    background-color: White;
    clear: both;
    text-align: center;
    border: solid 1px white;
    font-size: 0.8em;
    color: Black;
}
#homeFooter img
{
    margin-top: 5px;
}
 
 
/* main wrapper that holds it all centrally */
#wrapper {
width:700px;  
margin: 0em auto 10em auto;
}

#header {
	height: 67px;
	background-image: url(../images/psr-logo2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* banners */
#banner {
	background-image: url(../images/banner-home.jpg);
	height: 263px;
	width: 700px;
	margin: 0 0 20px 0;
	padding: 0;
	border-top: solid 1px silver;
}
#noBanner { margin: 0 0 10px 0; padding: 0; width: 700px;}
.clients #banner {background-image: url(../images/banner-clients.jpg);}
.candidates #banner {background-image: url(../images/banner-candidates.jpg);}
.about-us #banner {background-image: url(../images/banner-about-us.jpg);}
.latest-jobs #banner {background-image: url(../images/banner-latest-jobs.jpg);}
.latest-jobs #banner {background-image: url(../images/banner-latest-jobs.jpg);}
.contact-us #banner {background-image: url(../images/banner-contact-us.jpg);}

.job-details #primaryContent p{
	font-size: 1.1em;
	font-weight: normal;
	clear: both;
	margin-top: 30px;
}
.job-details #primaryContent a{
	color: #000000 
}
.job-details #primaryContent a:hover{
	color: #f3d720 
}
.job-details table {
	font-size: 1.1em;
	margin: 20px 0 0 20px;
	}
.job-details tr {	
	vertical-align: top;
}	
.job-details td{
	margin-right: 20px;
}	
.tableHeading {
	text-align: right;
	font-weight: bold;
	font-size: 1.1em;	
	margin-right: 20px;
}


#navigationMenu {
	width: 700px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;	
	/*background-image: url(../images/navBgBlue.jpg);*/
}

#navigationMenu a:hover{
	color: #f37421;
}

#contentStrip {
	background-color: #4ca0d5;
	background-image
	width: 700px;
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
	border: 1px #ffffff solid;
}

/* now the various columns, named in order of importance and display when styles switched off */
#primaryContent {
	float:left;
	width:460px;
	display:inline;
	margin-left: 10px; 
}


/* horizontal main menu navigation */

#header h1 {
	margin-left: -600px;
}
 #mainNav
{
	margin: 0 auto;
	padding: 0;
	width: 700px;
	float: left;
}

/* headers here */
/* headers here */

.contentBoxOrange, .contentBoxWhite {
	width: 420px;
	float: left;
	border: 10px 0 10px 0;
}
.contentBoxWhite{
	border-color: #86aeda;
	background-color: white;
	color: white;	
}



/*.homePage .contentBoxOrange, .homePage .contentBoxWhite {
	width: 180px;
	float: left;
	margin: 5px 10px 5px 10px;
}
*/

.contentBoxOrange p a, .contentBoxWhite p a{
	padding: 0 15px 15px 0;
	float: right;
	color: #ffffff}

.contentBoxOrange a:hover{
	color: white;
}
.contentBoxWhite a{
	color: #f37421 ;
}
.contentBoxWhite a:hover{
	color: #f37421;
}
	
.manageTable {
	font-size: 1.2em;
}

.userInfo
{
margin:0 10px 0 10px;
font-size: 0.8em;
letter-spacing: 5px;
color: #ffffff;
font-weight: bold;
float: right;
}
h1, h2 {
margin:0 0 0 20px;
font-size: 150%;
letter-spacing: 5px;
color: #ffffff;
font-weight: bolder;
}

#primaryContent h1{
	margin-top: 20px;
}


h1 a
{
	color: #f37421
}

h2 {
	color: #ffffff;
	font-weight: bold;
}

h3 {
	margin: 5px 0 2px 20px;
	font-size: 1.3em;
	}

p {
	color: white;
	margin: 5px 0 0 0;
	padding:0;
	font-size: 120%;}

#pageIntro p {
	margin: 10px 20px 0 0;
}


a {
	text-decoration:none;
	color:black;
}
a:hover {
	color: #b5b5b5;
}

h1.jobData {
	font-size: 1.2em;
}

.jobData {
margin: 5px 0 0 20px;
font-size: 1em;
letter-spacing: 0;
color: #ffffff;
font-weight:normal;
clear: both;
}

.jobData a
{
	margin-top: 15px;
	color: #f3d720;
	font-size: 1.1em;
}
*.jobData a:hover
{
	color: black;
}
.jobData li
{
	margin-left: 20px;
	}
.jobDataHeader {
	margin: 20px 0 0 20px
}
.jobTitle {
	font-weight:bold;
}
.jobLocation {
 	color: white; 
}
.jobLocation a{
 	color: black; 
}
.jobSalary a{
	color: white;
}
.jobDuration {
	margin: -10px 0 0 20px;
}

.viewAll
{
	color: black;
	font-size: 90%;
	float: right;
}
.viewAll a{
	color: black;
	float: right;
}
.viewAll a:hover{
	color: #f3d720;
}


#locations a:hover{
	color: #f37421;
}

.contentBoxWhite .jobData a{
	color: #f37421;	
}
.contentBoxWhite .jobData a:hover{
	color: #4380a3;
}

dl {
	margin-left: 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: black;
}
dt 
{

	color: white;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}
dd{
	color: #ffffff;
	font-weight: normal;
}
dl a{
	color: #f3d720;
}


.contentBoxWhite dt{
	color: #f37421;
}

#mainNav li {
float: left;
margin: 0;
padding: 0;
width: auto;
list-style-type: none ;
}

#primaryContent h2 {
	margin: 20px 0 0 20px;
}
#subMenu{
	float:left;
	width:210px;
	margin: 0 5px 0 5px;
	
}

/* modify the layout if it's the home page so the intro text goes full width*/
/*.homepage #subMenu{
	margin-top: 50px;
}
*/
.pageIntro, #pageIntro p, {padding: 0 10px 10px 10px; }
#primaryContent p {padding: 0 10px 10px 20px;}
#primaryContent a{font-weight: bold;}
#primaryContent contentBoxOrange a{color: #ffffff; font-weight: bold;}
#primaryContent a:hover{color: #ffff33}
#primaryContent .contentBoxWhite a:hover{color: black}
#primaryContent li{color: white; font-size: 1.1em;}

#subMenu a{
	text-align:left;
	color: black;
	line-height: 1.7em;
	font-size: 1.1em;
	letter-spacing: 0.0em;
	text-decoration: underline;
}

#subMenu a:before {content: "\003E \0020"; color: #f3d720; font-size: 90%; }
#subMenu h2{ text-align:left; margin: 0 0 10px 10px}
#subMenu form
{
	border: 3px solid;
	padding: 12px;
	margin: 5px 5px 5px 5px;
	border-color: white;
	color: #86aeda;
	background-color: #86aeda;
	font-size: 1.1em;
}
#subMenu .box
{
	border: 3px solid;
	padding: 12px;
	margin: 5px;
	border-color: white;
	color: #f37421;
	background-color: #86aeda;
	font-size: 1.1em;	
	}



#subMenu ul{margin-top: 0;}
#subMenu li
{
	list-style-type:  none;
	margin: 0 0 0 -35px;
	font-size: 1.1em;
	letter-spacing: -2em;
}
#subMenu a{color: white;}
#subMenu a:hover{color: #f3d720;}


#mainNav a{
display: block;
padding: 0 2em 0 0.2em;
line-height: 2.5em;
float: left;
color: #48a9e0;
width: auto;
text-decoration: none;
margin: 0 0 0 0;
}







alert
{
	color:#ff0000;
}
#lblMsg
{
	padding: 0.1em 0.5em;	
	color:#ff0000;
	margin: 10px;
}

#rdGender,#rdMarital
{
	font-size: 1em;	
}


/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */
#spacer {
clear: both;
margin-bottom: 10px;
}

.spacer {
clear: both;
margin-bottom: 20px;
}

#manageTool fieldset a {
	color: yellow;
}
/* table formatting - for ringtones etc */
tttable {
	border-collapse: collapse;
	border: 0;
	font-size: 0.8em;
	margin: 10px;
	color: #666666;
}
tth, ttd {
	padding: 0.1em 0.5em;
	width:0px;
}
.panelClients select {
	font-size: 1.1em;
}

#contactTable {
	margin: 20px 0 0 10px;
	font-size: 1.3em;
	font-weight: bold;
	
}
caption {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	text-align: left;
}

thead {
	background: #ccc url(images/bar.gif) repeat-x left center;
}
th {
	font-weight: normal;
	text-align: center;
}
.even {
	background-color: #edf5ff;
}


.errors
{
	padding: 0.1em 0.5em;	
	color:#ff0000;
}
#panel
{
	margin: 10px;
	font-size: 1.1em;
}
label {
font-size: 0.8em;
color: #ffffff;
margin:0 0 0 0;
}

#manageTool a
{
	color:#3399CC;
	font-size: 1.2em;
	font-weight:bold;		
}

#pagingFunction
{
	margin: 0 50px 30px 40px;
	padding-top: 10px;
	font-size: 130%;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 5px;
	clear: both;
	text-align: right;
}
#pagingFunction a
{
	color: #f37421;
	margin-left: 10px;
}
#pagingFunction a:hover
{
	color: #f3d720;
}

#staffForm fieldset legend{
  border-color: #ffffff;
  border-width: 0px;
  border-style:none;
  padding: 10px;
  color:#CC9933;       
  margin:0 0 0 10px;
} 

#staffForm fieldset 
{
  font-size:1.1em;
  border-color: #ffffff;
  border-width: 0px;
}
#applyForm{ 
	font-size: 1em;
	color: #ffffff;
	margin:0 0 0 10px;
	font-weight: bold;
}
#applyForm label {
	vertical-align: top;
}

.formLabel { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 0 10px 0 0;
	width:150px; 
	color: white;
	/* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	margin-top:5px;
	font-size: 1.2em;
}

#applyForm input, #applyForm select{
	font-size: 1.2em;
	font-weight: bold;
	color: black;
}
#dropday {
	width: 45px;
}
#dropmonth {
	width: 60px;
}
#dropyear{
	width: 60px;
}


input, select, textarea{
	width: 160px;
	background-color: #ffffa0;
	font-size: 80%;
	color: black;
	border: 1px black solid;
	padding: 2px 2px;
	margin-bottom: 10px;	
}

textarea {height: 100px; font-size: 1.1em;}

input[type="submit"] {	background-color: #f3d720; color: black; font-weight: bold; font-size: 1.3em}

#primaryContent input[type="submit"] {	background-color: #f3d720; color: black; font-weight: bold; font-size: 1.3em}

input[type="radio"] {width: 20px; border: 0;
background-color: #4380a3; 
}


#rdGender, #rdContactMethod, .rdPhoneNumber, #rdMarital {font-size: 1.2em;
vertical-align: middle;
}

legend
{
  	color: white;      
  	font-size: 120%;
  	font-weight: bold;
	border-bottom: 1px #f3d720 solid;
	margin-bottom: 5px;
	margin-left: -5px;
}

fieldset {
	  border-color: white;
	  border: 0;
	  margin: 0;
	  padding: 0;
	  }

fieldset p {
	margin-top: 0;
}
br {
	height:0px;
	margin:-1em;
	padding:0px;
	border: 1px solid white;
}
.jobDescription {
	font-size: 0.9em;
}
#description
{
	margin:0 0 0 20px;
	font-size:1.2em;
	letter-spacing: 2px;
	color: #ffffff;
}
#description a
{
	color:#3399CC;
}
#jobResume
{
	color: #ffffff;
	margin:0 10px 0 20px;
	font-size: 1.5em;
	letter-spacing: 1.1px;
	font-weight:bold;
}
#jobDetails dl
{
	margin: 0 0 0 20px;
	color: black;
}


#jobContact
{
	color: #ffffff;
	margin:0 10px 0 0;
	font-size: 1em;
	letter-spacing: 1.1px;
	font-weight:bold;
}
#jobContact a
{
	color:#3399CC;
}

.testimonial
{
	float: left;
	background-image: url(../images/quote.gif);
	background-repeat: no-repeat;
	clear: both;
	}

#contactDetails dt {
	width: 150px;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: both;
}
#contactDetails dd {
 	margin-left: 300px;
	margin-bottom: 10px;
	position: relative;
	left: -150px;
	width: 200px;
}

.candidateName
{
	color: #f3d720;
	font-size: 1.5em;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 0;
}

#locations
{
	display:inline;
	float:left;	
}
.secret
{
	background-color:#FF9933;
}