/* Verve Communications CSS Document - FULL */

/* 
Colours: light grey #555 | dark grey #460045 | Verve green #77923c | Blue #086dd2 | News Item date background Green #94bb00;
*/

/* GENERAL */

html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,span,a,address,q,blockquote,sup,dl,dt,dd, object { margin: 0; padding: 0; border: none; font-size: 1em; outline: none; }
body { margin-top: 15px; font: 80% Arial, Verdana, Geneva, sans-serif; text-align: center; color: #000; background-color: #eee; }

h1 { color: #086dd2; background-color: #fff; font-size: 1.4em; line-height: 1.4em; }
h1.makeDarkGrey { color: #444; }  
h2 { padding: 5px 0 6px 7px; font-size: 0.8em; font-weight: bold; line-height: 1.1em; color: #fff; background: #319aff url(../images/non-content/h3BG.gif) center bottom repeat-x; }
h3 { font-size: 1.0em; line-height: 1.2em; margin-bottom: 5px; margin-right: 10px; color: #333; background-color: #fff; }
p { padding: 0px 10px 10px 0; line-height: 1.3em; color: #555; background-color: transparent; }
address { font-style:normal; margin-top: 5px; margin-left: 10px; }
acronym { border-bottom: none; cursor: help; }  
blockquote p { color: #77923c; background-color: #fff; font-style: italic; }  
ul, ol, li { list-style-type: none; }
hr { margin-right: 10px; margin-bottom: 10px; color: #77923c; background-color: #77923c; }
sup { font-size: .75em; }

.hidden { position:absolute; left:-2000px; top:-2000px; }
.bold { font-weight: bold; }  

div#mainNav ul, div#siteMap ul { height: 100% !important; height: 0%; /* IE */ display: block; }
  
/* LINKS */
ul#topMenu li a { font-size: .8em; font-weight: normal; text-decoration: none; margin-right: 10px; color: #fff; background-color: transparent;}
ul#topMenu li a:hover { text-decoration: underline; }

div#content a.topOfPage { padding-left: 15px; text-decoration: none; color: #086dd2; background: #fff url(../images/non-content/returnToTopB.gif) center left no-repeat; }
div#content a.topOfPage:hover { color: #77923c; background: #fff url(../images/non-content/returnToTopG.gif) center left no-repeat; }

/* MAIN MENU *//**/
div#mainNav li.mainSection { line-height: 1.6em !important; line-height: 1.7em; /* IE */  background: #6b9e00 url(../images/non-content/mainSectionBG.gif) top left repeat-x; }  
div#mainNav li.mainSection a { padding: 4px 0 0 7px; color: #fff; font-size: .8em; font-weight: bold; text-decoration: none; }
div#mainNav li a:hover { text-decoration: underline; }

/* SUBMENUS */  
div#mainNav li.subMenu { font-size: 0.8em; /* the following two rules hide the submenu sections until needed */ line-height: 0%; display: none; }  
div#mainNav li.subMenu ul li { padding: 5px 10px; }  
div#mainNav li.subMenu ul li a { color: #333; background-color: transparent; font-size: 1em; font-weight: bold; text-decoration: none; }
div#mainNav li.subMenu ul li a:hover { color: #0e74da; background-color: transparent; text-decoration: none; }
div#mainNav ul.subMenuPanel { padding: 3px 0 6px 0; background: #f4f4f4 url(../images/non-content/subMenuBG.gif) center center repeat-y; }

a.contentLink, a.contactLink { color: #086dd2; background-color: transparent; text-decoration: none; font-weight: bold; }
a.contactLink { font-size: .9em; margin-right: 10px; }   
a.contentLink:hover, a.contactLink:hover{ color: #77923c; background-color: transparent; text-decoration: underline; }  

/* POSITIONING and SIZE */
div#container { width: 750px; margin: 10px auto; text-align: left; background-color:#fff; line-height: 1.0em; /* Appears to fix disappearing text in IE6 */ border: 1px solid #ccc; }

div#pageTop {
  height: 60px;
  margin: 0;
  padding: 0;
  position: relative;
  }  
div#pageTop a {
  float: left;
  margin: 10px 0 0 12px;
  padding: 0;
  }
p#topStrapline {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 5px 10px;
  padding: 0;
  color: #77923c;
  background-color: #fff;
  font-size: 1.2em;
  text-align: right;
  width: 570px;
  }
p#testJSphpLink {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px 10px;
  padding: 0;
  color: #77923c;
  background-color: #fff;
  font-size: 1.2em;
  text-align: right;
  width: 420px;
  }
  
div#topNav {
  margin: 1px 10px 5px 10px;
  padding-left: 10px;
  width: 720px;
  height: 26px;
  background: #7cab02 url(../images/non-content/topNav_bg.gif) center center repeat-x;
  }  
ul#topMenu {
  float: left;
  margin-top: 0.4em;
  padding-top: 3px;
  }
ul#topMenu, ul#topMenu li {
  display: inline;
  }
div#mainNav {
  float: left;
  width: 162px;
  margin: 7px 0 10px 10px !important;
  margin: 7px 0 10px 5px; /* IE */
  } 
div#searchBox {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #dcdcdc url(../images/non-content/searchFill.gif) top center repeat-y;
  }   
fieldset {
  padding: 5px 7px 5px 7px;
  background: transparent url(../images/non-content/searchBottom.gif) bottom center no-repeat;
  }  
fieldset#searchPanel input.theTextBox {
  margin: 2px 3px 3px 0;
  padding-left: 3px;
  padding-right: 3px;
  width: 105px;
  font-size: 0.9em;
  }
fieldset#searchPanel input.button {
  margin: 2px 0 3px 0;
  width: 25px;
  font-size: 0.8em;
  cursor: pointer;
  }  

form#searchForm div input#queryText {
  margin: 5px 0;
  padding-left: 3px;
  }  
form#searchForm2 div input.button2 {
  margin: 10px 0;
  padding: 3px 10px;
  cursor: pointer;
  }  
   



div#form {
  margin-top: 10px;
  }
form#searchForm label {
  font-size: 12px;
  font-weight: bold;
  }  
  
div#calendarContainer p {
  font-size: .75em;
  padding: 5px;
  }  
div#calendarBox {
  border: 1px solid #aaa;
  }
  
div#picLinkBox {
  margin-top: 10px;
  height: 228px;
  border: 1px solid #aaa;
overflow: hidden;
  }  
div#picLinkBox img{
  /* margin-bottom: 5px; */
  }  
div#picLinkBox p{
  padding: 0px;
  font-size: .75em;
  } 
div#picLinkBox a#cvLink{
  display: block;
  padding-top: 250px;
  background: #fff url(../images/content/CV_red.gif) no-repeat left top;
  color: #086dd2;
  font-weight: bold;
  text-decoration: none;
  } 
div#picLinkBox a#cvLink:hover{
  color: #77923c;
  background: #fff url(../images/content/CV_green.gif) no-repeat left top;
  } 
  
  
  
  
   
/* Actual content */
div#content {
  float: right;
  width: 560px;
  margin: 10px 0;
  }
div#mainContentArea {
  padding-bottom: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  background: #fff url(../images/non-content/greenSectionDivider.gif) bottom center repeat-x;
  clear: right;
  }  
div#mainContentArea img {
  padding: 3px 15px 0 0;
  margin-bottom: 10px;
  float: left;
 } 
p.firstParagraph, p.firstParaHome {
  font-weight: normal;
  color: #086dd2;
  background-color: #fff;
  }
p.firstParagraph   {
  margin-top: 5px;
  }
p.firstParaHome {
  font-weight: bold;
  color: #555;
  }   
div.caseStudiesContainer img {
  margin: 5px 0;
  }  
div#leftContentBox, div#rightContentBox {
  width: 260px;
  margin: 10px 10px 10px 0 !important;
  margin: 10px 5px 10px 0; /* IE */
  }
div#leftContentBox {
  float: left;
  }
div#rightContentBox {
  float: right;
  }
ul#ourValues li {
  padding: 0 70px 8px 20px;
  background: #fff url(../images/non-content/bullet01.gif) 0% 10% no-repeat;
  } 

ul#talentNav {
  margin: 10px 0 20px 0;
}
ul#talentNav li {
  display: inline;
  padding: 3px 10px;
  margin-right: 1px;
  background-color: #fff;
  } 
ul#talentNav li a {
  font-size: .84em;
  text-decoration: none;
  color: #77923c;
  font-weight: bold;
  } 
ul#talentNav li a:hover {
  text-decoration: underline;
  }   
div.companiesBox {
  border-top: 1px solid #77923c;
  padding-top: 5px;
  margin-bottom: 15px;
  }
div.familyLogo  {
  float: right;
  margin-top: 5px;
  margin-left: 25px;
  padding: 0;
  }
div.familyLogo img {
  margin: 0;
  padding: 0;
  }  
div.companiesBox h4 {
  color: #555;
  margin-top: 3px;
  margin-bottom: 5px;
  }
div#addresses {
  margin-top: 5px;
  padding-top: 10px;
} 
div#recruitmentDetails h1 { margin-bottom: 10px; }
div#recruitmentDetails {margin-bottom: 10px; }
div#recruitmentDetails p.instructions {  margin-left: 0; padding: 5px 10px; color: #fff; background: #94bb00 url(../images/non-content/newsDateCorner) top right no-repeat; }
 
div#addressBox { float: left; width: 120px; margin: 0px 30px 10px 0px; padding-left: 10px; }
div#addressBox address { margin: 10px 0px; padding: 0; line-height: 1.3em; }

div#emailAddresses li, div#recruitmentDetails li {
  padding: 5px 0;
  }
div#emailAddresses li a, div#recruitmentDetails li a {
  padding-left: 15px;
  background: #edeed9 url(../images/non-content/prweekLinkBLUE.gif) 0% 10% no-repeat;
  }
div#emailAddresses li a:hover, div#recruitmentDetails li a:hover {
  background: #edeed9 url(../images/non-content/prweekLinkGREEN.gif) 0% 10% no-repeat;
  }
  
/* CMS styling */  
div.cmsBox {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 0;
  }
div.newsItem {
  background: #edeed9 url(../images/non-content/newsWatermark.gif) bottom right no-repeat;
  }
div.prweekItem {
  background: #edeed9 url(../images/non-content/prweekWatermark.gif) bottom right no-repeat;
  clear: both;
  }
div.cmsBox h3 {
  padding: 4px 10px 2px 10px;
  line-height: 1.1em;
  height: 1.5em;
  font-size: 1em;
  margin: 0 0 8px 0;
  background: #edeed9 url(../images/non-content/prweekH_bkgnd.gif) top left repeat-x;
  }
div.cmsBox p a {
  padding-left: 15px;
  text-decoration: none;
  color: #086dd2;
  background: transparent url(../images/non-content/prweekLinkBLUE.gif) 0% 10% no-repeat;
  }
div.cmsBox p a:hover {
  color: #77923c;
  text-decoration: underline;
  background: transparent url(../images/non-content/prweekLinkGREEN.gif) 0% 10% no-repeat;
  }
div#mainContentArea img#prweekIntro {
  float: right;
  margin-right: 5px;
  padding-right: 0;
  }
p.PRWeek {
  margin-top: 10px;
  margin-bottom: 0;
  }
div.prweekItem p {
  margin-left: 10px;
  margin-right: 100px;
  }  
div.newsItem p {
  margin-left: 10px;
  margin-right: 10px;
  }  
div.newsItem div {
  margin-left: 13px;
  float: right;
  }  
div.cmsBox p.cmsDate {
  margin-left: 0;
  width: 200px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  color: #fff;
  background: #94bb00 url(../images/non-content/newsDateCorner) top right no-repeat;
  }
div.cmsBox span.cmsDate {
  font-size: 0.8em;
  float: right;
  }

div#pageNavContainer {
  padding: 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-size: 0.8em;
  }
ul.page_nav li {
  display: inline;
  padding: 0;
  background-color: #edeed9;
  }  
ul.page_nav li a {
  Text-decoration: none;
  padding: 2px 5px;
  color: #333;
  background-color: #edeed9;
  }  
ul.page_nav li a:hover {
  color: #fff;
  background-color: #086dd2;
  }  
ul.page_nav li.DBcurrentPage  {
  display: inline;
  padding: 2px 5px;
  color: #fff;
  background-color: #94cc00;
  }



h3.greyGradHeadline {
  border: 1px solid #ccc;
  padding: 4px 10px 2px 10px;
  line-height: 1.1em;
  height: 17px;
  margin: 10px 0 5px 0;
  background: #edeed9 url(../images/non-content/prweekH_bkgnd.gif) top left repeat-x;
  }
div.talentDisplayBox {
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 5px 5px 0 5px;
  background: #edeed9 url(../images/non-content/talentWatermark.gif) bottom right no-repeat;
  clear: both;
  }
div.talentDisplayBox p {
  margin: 0;
  padding-bottom:5px;
  }
div.talentDisplayBox p.endOfProfile {
  padding-bottom: 15px;
  }
  
div.talentDisplayBox a.talentLink {
  margin-left: 20px;
  padding-left: 15px;
  text-decoration: none;
  color: #086dd2;
  background: #edeed9 url(../images/non-content/talentLinkB.gif) center left no-repeat;
  }
div.talentDisplayBox a.talentLink:hover {
  text-decoration: underline;
  color: #77923c;
  background: #edeed9 url(../images/non-content/talentLinkG.gif) center left no-repeat;
  }
div.talentDisplayBox a.closeBTN {
  float: right;
  padding-right: 18px;
  text-decoration: none;
  color: #086dd2;
  background: #edeed9 url(../images/non-content/closeBtnB.gif) center right no-repeat;
  }
div.talentDisplayBox a.closeBTN:hover {
  color: #77923c;
  background: #edeed9 url(../images/non-content/closeBtnG.gif) center right no-repeat;
  }
div.talentDisplayBox h4 {
  margin: 0 0 10px 0;
  }
div.talentDescriptor {
  width: 230px;
  } 
div.talentDescriptor a {
  float: right;
  margin-top: 2px !important;
  margin-top: 1px; /* IE6 */
  } 


div.boxedItem {
  border: 1px solid #ccc;
  margin-top: 10px;
  padding: 0;
  background-color: #edeed9;
  }
div.boxedItem h3 {
  padding: 4px 10px 2px 10px;
  line-height: 1.1em;
  height: 1.5em;
  margin: 0 0 8px 0;
  background: #edeed9 url(../images/non-content/prweekH_bkgnd.gif) top left repeat-x;
  }
div.boxedItem p, div.boxedItem ul {
  padding: 0 10px 10px 10px;;
  }
div.boxedItem ul li {
  padding: 0.2em 0;
  }  
div.fixedHeight {
  height: 386px;
  }  
div.padded {
  padding-top: 10px;
  }    
div.clientForm {
  padding: 10px;
  }
div.clientForm form label {
  display: block;
  padding-bottom: 5px;
  } 
div.clientForm form input {
  display: block;
  margin-bottom: 5px;
  } 
div.clientForm form input.button {
  margin-top: 10px;
  margin-bottom: 0;
  width: 80px;
  }  
   
div.searchResult {
  padding: 10px;
  }
div.searchResult p {
  padding: 0 0 5px 0;
  }
div.searchResult p a {
  padding: 0 0 0 15px;
  color: #086dd2;
  background: #edeed9 url(../images/non-content/talentLinkB.gif) center left no-repeat;
  }
div.searchResult p a:hover {
  color: #77923c;
  background: #edeed9 url(../images/non-content/talentLinkG.gif) center left no-repeat;
  }
  
/*  
div#leftColumn {
  float: left; 
  width: 240px;
  margin-top: 20px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #bbb;
  background-color: #fff;
  }
div#rightColumn {
  float: right; 
  width: 273px;
  margin-top: 20px;
  padding: 5px;
  border: 1px solid #bbb;
  background-color: #fff;
  }
*/  
ul.clientList {
  margin-top: 10px;
  }
ul.clientList li {
  margin: 5px 0 0 0;
  }
ul.clientList li a {
  padding-left: 15px;
  background: transparent url(../images/non-content/talentLinkB.gif) center left no-repeat;
  }
ul.clientList li a:hover {
  background: transparent url(../images/non-content/talentLinkG.gif) center left no-repeat;
  }

  
blockquote.clientTestimonial {
  border-top: 1px solid #77923c;
  padding-top: 10px;
  margin-top: 10px;
  }
blockquote.clientTestimonial p {
  color: #333;
  } 
blockquote.clientTestimonial p.clientName, blockquote.clientTestimonial p.clientJobTitle {
  font-style: normal;
  margin: 0;
  padding: 0;
  color: #555;
  background-color: #fff;
  }
p.clientName {
  font-weight: bold;
  margin-bottom: 3px;
  }

div#thePlayer { padding: 10px; background-color: #f0f0f0; }
div#playerWindow { margin: 0px auto; width: 400px; outline: none; }
div#playerWindow img { Float: none; padding: 0; margin:0; }

div#siteMap ul {
  margin: 10px 0 0 10px;
  padding: 0;
  }
div#siteMap ul li {
  padding: 3px;
  }
div#siteMap ul li a{
  font-weight: bold;
  color: #086dd2;
  padding-left: 15px;
  background: #fff url(../images/non-content/linkArrowBLUE.gif) center left no-repeat;
  }
div#siteMap ul li a:hover{
  color: #77923c;
  background: #fff url(../images/non-content/linkArrowGRN.gif) center left no-repeat;
  }
div#siteMap ul li ul {
  margin: 0 0 0 3px;
  padding: 0 0 0 10px;
  border-left: 1px solid #ccc;
  }
div#siteMap ul li ul li a{
  font-weight: normal;
  padding-left: 15px;
  color: #086dd2;
  background: #fff url(../images/non-content/siteMapWhiteB.gif) center left no-repeat;
  }
div#siteMap ul li ul li a:hover{
  color: #77923c;
  background: #fff url(../images/non-content/siteMapWhiteG.gif) center left no-repeat;
  }

div.boxedItem table {
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-collapse: collapse;
  margin-left: 10px;
  }
div.boxedItem th, div.boxedItem  td {
  padding: 5px 10px;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  }
div.boxedItem th {
  text-align: left;
  }
div.boxedItem tr.lastRowOfTable {
  margin-bottom: 5px;
  }
.accessTable th {
  color: #fff;
  background-color: #94bb00;
  }

div#addresses p.generalNumber {
  margin-left: 0;
  padding: 5px 10px;
  color: #fff;
  background: #94bb00 url(../images/non-content/newsDateCorner) top right no-repeat;
  clear: both;
  }   


div#bottomBanners {
  margin-top: 10px;
  margin-bottom: 10px;
  }  
div#footer {
  text-align: left;
  font-size: .85em;
  margin: 0;
  padding: 10px;
  clear: both;
  }
#footer p, #footer a {
  color: #888;
  padding:0;
  margin: 0;
  }
#footer a {
  text-decoration: none;
  }
#footer a:hover {
  color: #333;
  }
  
div#footer ul, div#footer li {
  list-style-type: none;
  display: inline;
  }
div#footer li {
  padding-right: 1em;
  }
div#footer li#copyright, div#footer li#credit {
  text-align: right;
  float: right;
  padding: 0 0 0 2em;
  }