﻿@charset "utf-8";
/* -----------------------------------------------------------------

Copyright 2008 HRO'C Group. All rights reserved
CSS written by Kevin Rapley (KR)

SWATCHES

#189455		Dodd Green
#0f238c		Dodd Blue
#8791c5		Dodd Blue 50%
#dbdeee		Dodd Blue 25%
#e0e5e2		Teal
#707271		Grey
#383938		Dark Grey

CONTENTS
Search for any of the below to be transported to that section of the
document

=HEADER
=ACCESS
=MENU
=SECONDARYMENU
=CONTENT
=TOP-BUTTON
=FOOTER

=TOP
----------------------------------------------------------------- */

 #page { 
  margin: 0 auto;
  width: 982px;
 }

/* =HEADER
contains the logo and background gradient for the masthead
----------------------------------------------------------------- */

 #header {
  border-bottom: solid 7px #189455;
 }

/* =MENU
Main navigational menu.
----------------------------------------------------------------- */

 #menu {
  float: left;
  list-style: none;
  padding-top: 88px;
 }

  #menu ul {
   margin-left: 17px;
  }

   #menu li {
    display: block;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    margin-right: 4px;    
   }

   #menu a:link {    
    background-color: white;
    border: solid 1px #0f238c;
    color: #0f238c;    
    display: block;
    padding: 2px 8px;
    text-decoration: none;
   }

   #menu a:visited {
    background-color: white;
    border: solid 1px #0f238c;
    color: #0f238c;    
    display: block;
    padding: 2px 8px;
    text-decoration: none;
   }

   #menu a:hover {
    background-color: white;
    border: solid 1px #189455;
    color: #189455; 
   }

   #menu a:active {
    background-color: white;
    border: solid 1px #189455;
    color: #189455; 
   }

/* =FEATURED
----------------------------------------------------------------- */

 #featured {
  background: #dbdeee;
  margin-top: 10px;
  padding: 23px 0;
 }

  #featured div {
   
  }

  #featured h2 {
   background-color: #dbdeee;
   color: #189455;
   font-size: 1.6em;
   line-height: 1.2;
   margin-bottom: 0;
   padding: 0 20px;
  }

  #featured img {
   border: solid 2px white;
   margin-bottom: 0;
   margin-top: 20px;
   width: 341px;
  }

   #featured img:first-child {
    margin-top: 0;
   }

  #featured p {
   background-color: #dbdeee;
   color: #0f238c;
   font-size: 1.2em;
   margin: 20px 0 0;
   padding: 0 20px;
  }

  #featured ul {
   float: left;
   list-style: none;
   margin: 20px 0 0 0;
  }

   #featured ul li {
    float: left;
    margin-right: 5px;
   }

  #featured .clear ul {
   margin: 0 0 0 136px;
  }

  .menuIntroduction {
   float: left;
   margin: 0;
  }

/* =SECONDARYMENU
Secondary menu.
----------------------------------------------------------------- */

 #secondaryMenu {
  
 }

  #secondaryMenu ul {
   
  }

   #secondaryMenu li {
    
   }

    #secondaryMenu li ul li {
     
    }

   #secondaryMenu a {
    
   }

/* =CONTENT
Main content region.
----------------------------------------------------------------- */

 #content {
  padding: 40px 20px;
  width: 942px;
 }

  .topics div {
   padding-right: 10px;
  }

  .topics img.cms_alignRight {
   margin: 40px 0 10px 5px;
  }

  .topics img.cms_alignLeft {
   margin: 40px 5px 10px 0;
  }

/* =FOOTER
Copyright statement, links to policies, RSS and 3heads link
----------------------------------------------------------------- */

 #footer {
  font-size: .95em;
  margin-bottom: 20px;
 }

  #footer ul {
   list-style: none;
  }

   #footer li {
    float: left;    
    padding-right: 5px;
   }

  #footer img { 
    margin-top:0px;
   }

  #footer p {
   clear: both;
   margin: 0 0 0 18px;
  }

/* =TOP
Search for above to be brought to the top of the document
----------------------------------------------------------------- */

    table
    {


    }
  
    table th
    {
	
	vertical-align:top;
	border-bottom:none;
	
    }
  
table td
{
	font-weight: bold;
	border-bottom:none;
}

div.googleContent div.map {
	width: 100%;
	height: 400px;
}

p.cms_mediaLink_doc a { 
background: url('/admin/images/filetype_doc.gif') no-repeat; 
padding-left: 18px; 
display: block; 
clear: both; 
height: 16px; 
}    
p.cms_mediaLink_exe a { 
background: url('/admin/images/filetype_exe.gif') no-repeat; 
padding-left: 18px; 
display: block; 
clear: both; 
height: 16px; 
}    
p.cms_mediaLink_pdf a { 
background: url('/admin/images/filetype_pdf.gif') no-repeat; 
padding-left: 18px; 
display: block; 
min-height: 16px; 
}    
p.cms_mediaLink_zip a { 
background: url('/admin/images/filetype_zip.gif') no-repeat; 
padding-left: 18px; 
display: block; 
clear: both; 
height: 16px; 
}    
p.cms_mediaLink_mp3 a { 
background: url('/admin/images/filetype_mp3.gif') no-repeat; 
padding-left: 18px; 
display: block; 
clear: both; 
height: 16px; 
}    
Image  img.cms_mediaImage { }    
object.cms_mediaObject { }  

.job_title
{
background-color: #f1f2f8;
float: left;
   width: 295px;
   color:#253796;
}

.job_location
{
background-color: #f1f2f8;
float: left;
width: 125px;
color:#253796;
}

.job_salary
{
background-color: #f1f2f8;
float: left;
 width: 65px;
 color:#253796;
}

.header
{
background-color:#dbdeee;
color:#253796;
font-weight: bold;
}

.job_title p
{
           height:30px;
           line-height: 30px;
           overflow: hidden;
           padding-left: 30px;
           margin:0;
}

.job_title p a
{
	color:#189455;
}

.job_location p
{
              height:30px;
           line-height: 30px;
           overflow: hidden;
           margin:0;
}

.job_salary p
{
            height:30px;
           line-height: 30px;
           overflow: hidden;
           margin:0;
	font-weight: bold;
}

.careers h2
{
float: left;
}

h2.latest_vacancies
{
        float: left;
        padding-left:348px;
}

h2.apply
{
        float: left;
        padding-left:265px;
}


#email_form
{
	background-color: #f1f2f8;
}

#form_title
{
 background-color:#dbdeee;
}

#form_title p
{
	padding: 5px 5px 5px 30px;
	
}

.careers table em
{
          background: none !important;
          font-size: 0.8em;
          font-weight: normal;
}

.careers table p
{
font-weight: normal;
margin:0;
}

.careers #email_form table p
{
	text-align:right;
font-weight: bold;
}

.careers table td input.text
{
background-color:#FFFFFF;
border:1px solid #DDDDDD;
padding:1px;

}

.careers table td .freetext
{
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	padding:1px;
	height: 200px;
}
