/* -------------------------------------------- */
/* Abacus Employment Services */
/* Designed and built by Emerald Colour Limited */
/* www.emeraldcolour.co.uk | T:01256 819788 */
/* -------------------------------------------- */


/* -------------------------------------------- */
/* zero browser settings */
/* -------------------------------------------- */

body, html, div, h1, h2, h3, h4, h5, h6, p, ul, li, img, form
{
margin: 0;
padding: 0;
border:none;
}


/* -------------------------------------------- */
/* body */
/* -------------------------------------------- */

body
{
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
line-height: 1.4em;
text-align: left;
background-color:#cccccc;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
}


/* -------------------------------------------- */
/* links */
/* -------------------------------------------- */

a:link
{
color: #000000;
text-decoration: underline;
}

a:visited
{
color: #000000;
text-decoration: underline;
}

a:hover
{
color: #999999;
text-decoration: underline;
}

a:active
{
color: #000000;
text-decoration: underline;
}


/* -------------------------------------------- */
/* wrapper */
/* -------------------------------------------- */

#wrapper
{
width: 800px;
margin-right: auto;
margin-left: auto;
text-align: left;
background-color: #ffffff;
overflow: hidden;
}


/* -------------------------------------------- */
/* header */
/* -------------------------------------------- */

#header_box
{
float: left;
display: inline;
padding: 15px 15px 20px 15px;
}

.header_bar
{
float: left;
width: 770px;
height: 20px;
display: inline;
background-color: #cccccc;
}

#header_box img
{
float: left;
margin: 2px 0px 2px 0px;
}


/* -------------------------------------------- */
/* navigation*/
/* -------------------------------------------- */

#navigation_box
{
float: left;
width: 140px;
display: inline;
margin-bottom: 15px;
}

ul#navigation
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
	
ul#navigation a
{
display: block;
text-decoration: none;
background: #999999;
color: #ffffff;
font-size: 11px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
padding: 7px 0px 6px 10px;
border-bottom: .2em solid #fff;
width: auto;
}
	
ul#navigation a:hover
{
background: #ffcc33;
color: #ffffff;
}
	
ul#navigation li
{
display: inline;
}

body#current a#current
{
background: #ffcc33;
color: #ffffff;
}

		
	
/* -------------------------------------------- */
/* column left */
/* -------------------------------------------- */
	
#column_left
{
float: left;
width: 140px;
display: inline;
margin: 0px 0px 0px 30px;
}

#cl_panel_yellow
{
float: left;
width: 140px;
display: inline;
background: url(images/seg_sml_yellow.jpg) no-repeat;
background-color: #cccccc; 
margin-bottom: 15px;
padding-bottom: 10px;
}

#cl_panel_grey
{
float: left;
width: 140px;
display: inline;
background: url(images/seg_sml_grey.jpg) no-repeat;
background-color: #cccccc; 
margin-bottom: 15px;
padding-bottom: 10px;
}

#column_left h1
{
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
text-align: left;
padding: 7px 0px 17px 10px;
}

#column_left p
{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.4;
color: #000000;
text-align: left;
padding: 0px 8px 4px 10px;
}



/* -------------------------------------------- */
/* column middle */
/* -------------------------------------------- */
	
#column_middle
{
float: left;
width: 360px;
display: inline;
margin: 0px 30px 0px 30px;
}

#column_middle h1
{
font-size: 24px;
font-weight: bold;
padding: 0px 0px 10px 0px;
color: #ffcc33;
}

#column_middle h2
{
font-size: 16px;
font-weight: bold;
line-height: 1.3em;
padding: 6px 0px 0px 0px;
color: #999999;
}

#column_middle h3
{
font-size: 16px;
font-weight: bold;
padding: 0px 0px 4px 0px;
color: #999999;
}

#column_middle h4
{
font-size: 16px;
font-weight: bold;
padding: 10px 0px 4px 0px;
color: #999999;
}

#column_middle h5
{
font-size: 14px;
font-weight: bold;
font-style: italic;
padding: 0px 0px 20px 0px;
color: #000000;
}

#column_middle h6
{
font-size: 18px;
font-weight: bold;
padding: 10px 0px 4px 0px;
color: #ffcc33;
}

#column_middle p
{
font-size: 12px;
font-weight: normal;
line-height: 1.4em;
padding: 0px 0px 6px 0px;
color: #000000;
}

#column_middle img
{
float: right;
margin: 0px 0px 10px 10px;
}


/* -------------------------------------------- */
/* vacancies */
/* -------------------------------------------- */
	
#vacancy_box
{
float: left;
width: 360px;
display: inline;
margin: 3px 0px 10px 0px;
}

#vacancy_box h1
{
display: block;
background: #999999;
color: #ffffff;
font-size: 11px;
font-weight: bold;;
padding: 4px 0px 4px 5px;
margin-bottom: 6px;
width: auto;
}

#vacancy_box p
{
font-size: 11px;
font-weight: normal;
line-height: 1.4em;
padding: 0px 0px 0px 5px;
color: #000000;
}

#vacancy_box a:hover
{
background: #999999;
color: #cccccc;
}


/* -------------------------------------------- */
/* column right */
/* -------------------------------------------- */
	
#column_right
{
float: left;
width: 180px;
display: inline;
margin: 0px 30px 0px 0px;
}

#cr_panel_image
{
float: left;
margin-bottom: 15px;
}

#cr_panel_yellow
{
float: left;
width: 180px;
display: inline;
background: url(images/seg_lrg_yellow.jpg) no-repeat;
background-color: #cccccc; 
margin-bottom: 15px;
padding-bottom: 10px;
}

#cr_panel_grey
{
float: left;
width: 180px;
display: inline;
background: url(images/seg_lrg_grey.jpg) no-repeat;
background-color: #cccccc; 
margin-bottom: 15px;
padding-bottom: 10px;
}

#cr_panel_grey img
{
float: left;
padding: 6px 0px 8px 10px;
}

#column_right h1
{
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
text-align: left;
padding: 7px 0px 17px 10px;
}

#column_right p
{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.4;
color: #000000;
text-align: left;
padding: 0px 8px 4px 10px;
}


/* -------------------------------------------- */
/* footer */
/* -------------------------------------------- */	
	
#footer_box
{
float: left;
width: 770px;
height: 30px;
display: inline;
background-color: #cccccc;
margin: 30px 15px 15px 15px;
}

#footer_box p
{
font-size: 10px;
font-weight: normal;
text-align: right;
color: #ffffff;
padding: 9px 15px 0px 0px;
margin: 0px
}


/* -------------------------------------------- */
/* form */
/* -------------------------------------------- */	
	
#form_box
{
float: left;
display: inline;
margin: 12px 0px 0px 0px;
}

label
{
width: 80px;
float: left;
display: block
}

.fill
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 260px;
}

.submit input
{
margin-left: 80px;
}