/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body
{
  font-family: Arial,sans-serif;
  color: #333333;
  margin: 0px;
  padding: 0px;
  min-width: 974px;
  background: #fff;
}

h2, h2 a
{
  color: #FFF;
  font-size: 20px;
}

p
{
  color: #000;
  padding: 5px 5px 0px 5px;
}

a
{
  text-decoration: none;
}

a:hover
{
  color: #F0F;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container
{
  position: relative;
  width: 974px;
  margin-left: auto;
  margin-right: auto;
}

#masthead
{
  width: 974px;
}

#logo
{
  padding: 0px 0px 0px 0px;
  width: 200px;
  float: left;
}

#intro
{
  float: right;
  width: 770px;
  font-size: 75%;
}

#menuBox
{
  margin-top: 2px;
  float: right;
  width: 770px;
}

#menuBox ul
{
  float:left;
  width:100%;
  padding:0;
  margin:0;
  list-style-type:none;
}

#menuBox a
{
  float:left;
  width:6em;
  text-decoration:none;
  color:white;
  background-color:purple;
  padding:0.2em 0.6em;
  border-right:1px solid white;
}

#menuBox a:hover
{
  background-color:#ff3300;
  color:white;
}

#menuBox li
{
  display:inline;
}

#bodyText
{
  width: 974px;
  float: left;
  border-top: ridge #03F;
}

/************* #breadCrumb styles *************/

#breadcrumb
{
  font: bold 12px "Lucida Grande", sans-serif;
  width: 974px;
  float: left;
  margin-top: 5px;
  margin-bottom: 10px;
}

#breadcrumb a
{
  text-decoration: none;
  padding-right: 10px; /*adjust bullet image padding*/
  color: red;
}

#breadcrumb a:visited, .breadcrumb a:active
{
  color: red;
}

#breadcrumb a:hover
{
  text-decoration: underline;
}

/***  Boxes **/

#boxes, #jobboxes
{
  font-size: 80%;
  padding: 0 0 0 0px;
  float: left;
}

#boxes, #jobboxes .body p
{
  margin-top: 20px;
  background: #fff;
  margin: 0;
}

#UKbox, #Internationalbox, #Agencybox, #Medicalbox
{
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 20px; 
  float: left;
  width: 236px;
  height: 300px;
  overflow: auto;
  border: 1px solid #dadada;
  background: #FFF;
  padding: 0;
}

#boxUKjob, #boxInternationaljob, #boxAgencyjob, #boxMedicaljob
{
  float: left;
  width: 974px;
}

#UKHeader, #InternationalHeader, #AgencyHeader, #MedicalHeader
{
  color: #FFF;
} 

#UKHeader
{
  background: #ff9a00;
}

#InternationalHeader
{
  background: #072B61;
}

#AgencyHeader
{
  background: #3C83BB;
}

#MedicalHeader
{
  background: #648f3f;
}

/************* #siteInfo styles ***************/

#MentionBox
{
  width: 100%;
  float: left;
  padding: 10px 10px 10px 10px;
  text-align:center;
  color:purple;
}

#siteInfo
{
  position: relative;
  clear: both;
  width: 945px;
  border: 1px solid #cccccc;
  font-size: 75%;
  color: #cccccc;
  padding: 0px 10px 10px 10px;
  vertical-align: middle;
  margin-top: 20px;
  margin-bottom: 5px;
}

.advertBox
{
  width: 75%;
  float: left;
  padding: 10px 10px 10px 10px;
}

.advert
{
  display: block;
  margin-left: auto;
  margin-right: auto
}

.feedjitBox
{
  float: right;
  padding: 10px 10px 10px 10px;
}