body {
	background-color:#EEEEEE;
	margin-top:20px;
}

#top {
	height:80px;
	width:761px;
	background-image:url(../images/bg_complete.jpg);
	background-repeat:no-repeat;
}

#top #topLogo {
	display:none;
}

#top #topNav {
	width:400px;
	margin-top:15px;
	float:right;
	text-align:right;
}

#head {
	width:791px;
	background-image:url(../images/bg_fade.jpg);
	padding-bottom:10px;
}

#head #headTop {
	height:15px;
	background-image:url(../images/bg_fade_top.jpg);
}

#head #headNav {
	width:761px;
	height:40px;
	background-image:url(../images/bg-nav.jpg);
}

#head #headPic {
	width:741px;
	background-color:#FFFFFF;
	padding:10px;
}

#headH {
	height:15px;
	width:791px;
	background-image:url(../images/bg_fade_top.jpg);
}

#mainH {
	width:791px;
	background-image:url(../images/bg_fade_home.jpg);
	background-repeat:repeat-y;
	text-align:left;
}

#mainHLeft {
	width:440px;
	padding:15px 0px 0px 15px;
	float:left;
	font-size:14px;
}

#mainHRight {
	width:270px;
	padding:20px 40px 20px 0px;
	float:right;
	text-align:justify;
}

#mainBanner {
	height:70px;
	width:791px;
	background-image:url(../images/bg_fade_home.jpg);
	background-repeat:repeat-y;	
}

#txtServices {
	position:relative;
	left:100px;
	top:40px;
	z-index:50;
}

#txtJob {
	position:relative;
	left:-30px;
	top:460px;
	z-index:50;
}

#txtClient{
	position:relative;
	left:50px;
	top:420px;
	z-index:50;
}

#main {
	width:791px;
	background-image:url(../images/bg_fade_content.jpg);
	background-repeat:repeat-y;
	text-align:left;
	padding-bottom:10px;
}

#mainLeft {
	height:100px;
	width:200px;
	float:left;
	padding-left:15px;
}

#mainLogos {
	background-image:url(../images/logos.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:170px;
	position:relative;
	left:35px;
	top:0px;
	z-index:50;
}

#mainLogosLoginArea {
	background-image:url(../images/logos.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:170px;
    margin-top: 13px;
	margin-left:23px;
}

#mainDiv1, #mainDiv2, #mainDiv3, #mainDiv4, #mainDiv5 {
	height:5px;
	width:200px;
	background-color:#D7D7D7;
}

#advert1, #advert2, #advert3, #advert4 {
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	border: 1px solid #BBBBBB;
}

#friendClientArea {
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	width:182px;
	border:1px solid #BBBBBB;
}

#main #mainRight {
	min-height:690px;
	width:500px;
	float:right;
	padding:20px 40px 10px 25px;
	text-align:justify;
}

#mainCMS {
	width:761px;
	background-image:url(../images/bg_fade_content.jpg);
	background-repeat:repeat-y;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
}

#divide {
	background-image:url(../images/bg_divide_lft.jpg);
	background-repeat:repeat-y;
}

#text {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:25px;
	padding-right:25px;
}

#submenuTitle {
	height:30px;
	background-color:#ABD94A;
	padding:20px 13px 0px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:10px;
	text-align:center;
}

#submenuBut {
	background-image:url(../images/bg_submenu.jpg);
	padding-left:10px;
	padding-right:10px;
	line-height: 30px;
	margin-bottom:30px;
	text-align:center;
}

#submenuClear {
	height:200px;
	background-image:url(../images/bg_left.jpg);
}

#mainEnd {
	height:15px;
	width:791px;
	background-image:url(../images/bg_fade_end.jpg);
	background-repeat:no-repeat;
}

#foot {
	width:760px;
	padding-top:5px;

}

#foot #footLeft {
	width:470px;
	float:left;
	text-align:left;
}

#foot #footRight {
	float:right;
	text-align:right;
}

#topClear, #headClear, #mainClear, #footClear {
	clear:both;
}

.ol {
	border: 1px solid;
}


/* TEXT */


p, li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	list-style-image: url(../images/icon_bullet.jpg);
}

a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#77C500;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#00439B;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#77C500;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
}

h3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;
}

.submenu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#00439B;
	text-decoration:none;
}

.submenu a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#999999;
}

.red {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#CC0000;
}

.green {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#77C500;
}

.black {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

.blue {
	color:#00439B;
}

.grey {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}

.grey a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#999999;
	text-decoration:none;
}

.grey a:hover {
	font-weight:normal;
	color:#999999;
	text-decoration:underline;
}

/* MENU */

.solidblockmenu {
	width:100%;
	margin: 0;
	padding: 0;
	float: left;
	font: bold 12px Arial;
	overflow: hidden;
	border-width: 1px 0;
}

.solidblockmenu li {
	display: inline;
}

.solidblockmenu li a{
	float: left;
	color: #FFFFFF;
	padding: 13px 25px 13px 25px;
	text-decoration: none;
	border-right: 1px solid #FFFFFF;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
	color: #00439B;
	background: url(../images/blockactive.jpg) center center repeat-x;
}

/* Drop down menu function */

.cssmenu {
	position:absolute;
	visibility: hidden;
	border:1px solid #DDDDDD;
	border-bottom-width: 0;
	line-height: 16px;
	z-index: 100;
	background-color: #FFFFFF;
	width: 190px;
}

.cssmenu a {							
	width: 100%;						
	display: block;
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 0px ;
	margin: 0 6px 0 0;						
	text-decoration: none;
	font-weight: bold;
	font:bold 11px arial;
	text-indent: 5px;
	color: #000000;
	text-align:left;

}

.cssmenu a:hover {
	background-color:#EEEEEE;
	color: #000000;
	cursor:default;
}









/*CLIENT & STAFF AREA SIDE MENU CSS*/

.side_menuoff, .side_menuon {
	width:180px;
	background-image:url(/images/bg_submenu.jpg);
	padding-left:10px;
	padding-right:10px;
	line-height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
}


/* COLOR OF SIDE MENU OPTIONS WHEN NOT SELECTED */
.side_menuoff {
	color:#00439B;
	text-decoration: none;
}


.side_menuon {
	color: #00439B;
	text-decoration: underline;
	cursor: pointer;
}


.formtitle {
	font-weight:bold;
	color:#0043AD;
	padding: 2px;
}

a.formlink:hover {
	text-decoration: underline;
}

a.formlink:active, a.formlink:visited {

}


/* TEXT AROUND FORMS */
.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
}

/* TEXT FIELDS */
.formfields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#162854;
	background-color:#F5F8FF;
	border-style: solid;
	border-width: 2px;
	border-color: #4E6BB1;
}

/* ADMIN AREA TEXT DESCRIBING FIELD */
.formfieldlabel {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 6px;		
}

input.htmleditbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#162854;
	background-color:#F5F8FF;
	border-style: solid;
	border-width: 2px;
	border-color: #4E6BB1;
	width: 60px;
}

/* USER MESSAGES FOR SUBMITTED FORMS */
.confirmation {
	font-size:11px;
	font-weight:bold;
	color: #6C585D;
}

/* JOB VACANCY LIST HIGHLIGHTED ROW */
.rowhighlight {
   	background-color:#0081C5;	
}

table.trainingTable  {  /* ??? */
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:black;
}

.vacancyBlockHeading {
  border-style: none;
  border-width:3px;
  background-color:#92D050;
}

.paginationHeading {
  border-style: none;
  border-width:3px;
  background-color:#DDDDDD;
}


/* VACANCIES CSS*/
.heading_blue {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00439B;
	margin: 0px;
	padding: 0px;
}

.heading_green {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #77C500;
	margin: 0px;
	padding: 0px;
}

.heading_red {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	margin: 0px;
	padding: 0px;
}

.heading_white {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.applicationForm
{
 font-family: Arial, Helvetica, sans-serif;
 width: 515px;
 background-color:#EFEFEF;
 font-size:11px;
}

.applicationFormHeadings
{
 font-family: Arial, Helvetica, sans-serif;
 width: 515px;
 background-color:#01439A;
}

p.formerror{
 color:red;
}

.vacancyBackGrey {
 background-color:#EFEFEF;
}

.bookedDate {
 background-color:red;
}