/* Style Screen (Main Stylesheet) */

/* 
(C)2009 FIRSTBASEDESIGN / HEALTHCARE GOVERNANCE SOLUTIONS

Created: Fri 03 Oct 2008
Updated: Thu 22 Jan 2009
Author: Marc Remblance
Version: 1.1
*/


/* ----- Layout / Structure (screen) -----  */

* { 
	margin : 0;
	
	padding : 0;
	
	}
	

body {

	background: #d7e0df;
	
	height: 100%;
	
	font-family: "Lucida Sans", arial, verdana;
	
	}
	

#wrapper {

	width : 936px;

	text-align: left;

	margin: 0 auto;
	
	border: 3px #89bcb9 solid;

	}


#header {
	
	height: 178px;

	}
	
#header img {
	
	display: block;
	
	}


#headerImageStrip {
	
	width: 936px;

	height: 190px;
	
	}
	
	
.smallHeaderImages {

	float: left;

	border: none;
	
	}
	
	
#strapLine {
	
	width: 936px;

	height: 93px;
	
	}
	
	
#container {

	float: left;

	width : 936px;

    background: url(../images/container.gif) repeat-y;

	}
	

#content {
	
	float: right;
	
	width: 680px;
	
	}
	

#leftContent {
	
	float: left;
	
	width: 330px;
	
	padding: 0 10px 0 5px;
	
	}
	
	
#rightContent {

	float: left;

	width: 330px;
	
	padding: 0 7px 0 0;

	}
	
	
#sidebar {
	
	float: left;
	
	width: 248px;
	
	}
		
	
#footer {
	
	background-image: url(../images/footer.gif);
	
	clear: both;
	
	height: 48px;
	
	}
	
	
.quoteImages {
	
	padding-left: 15px;
	
	}
	
	
#quoteImagesContainer {

	margin-top: 10px;
	
	list-style-type: none;
	
	}
	
	
.partnerImages {

	margin: 15px 0 10px 48px;
	
	border: 2px solid #678c8a;
	
	}
	
	
.pieChart {

	margin: 15px 0 15px 35px;
	
	
	}
	
	
.indexPieChart {
	
	margin: 50px 0 15px 45px;
	
	}
	
	
#infoBoxOne {

	width: 190px;
		
	background-color: #6570a8;
	
	float: left;
	
	border: 2px solid #ccc;
	
	padding: 5px 0 0 8px;
	
	margin: 30px 3px 0 48px;
	
	}
	
	
#infoBoxTwo {

	width: 190px;	
	
	background-color: #597d7c;
	
	float: left;
	
	border: 2px solid #ccc;
	
	padding: 5px 0 0 8px;
	
	margin: 30px 3px 0 2px;
	
	}
	
	
#infoBoxThree {

	width: 190px;
	
	background-color: #89bbb8;
	
	float: left;
	
	border: 2px solid #ccc;
	
	padding: 5px 0 0 8px;
	
	margin: 30px 3px 0 3px;
	
	}
	
	
/* ----- Typography -----  */


h1 {

	font-size: 1.2em;
	
	padding: 20px 10px 10px 10px;
	
	color: #263f3e;
	
	}
	

#recruitmentHeading {

	font-size: 1.2em;
	
	padding: 20px 10px 10px 10px;
	
	color: #36605e;
	
	}
	
	
h2 {

	font-size: 1em;
	
	padding: 20px 10px 5px 15px;
	
	color: #263f3e;
	
	}
	
	
h3 {

	font-size: .9em;
	
	padding: 20px 10px 5px 15px;
	
	color: #263f3e;
	
	}
	
	
h4 {

	font-size: 1.2em;
	
	padding: 20px 10px 17px 15px;
	
	color: #fff;
	
	}
	
	
p {
	
	font-size: .8em;
	
	line-height: 1.4em;
	
	color: #333;
	
	padding: 5px 30px 10px 45px;
	
	}
	
	
.pageLinks {

	font-size: .9em;
	
	color: #263f3e;
	
	text-decoration: none;
	
	border-bottom: 1px dotted;
	
	font-weight: bold;
	
	}
	
	
.pageLinks a:hover {

	color: #36605e;

	}
	
	
.pageLists {

	font-size: .8em;
	
	list-style-type: circle;
	
	padding-left: 62px;
	
	padding-bottom: 10px;
	
	}
	
	
#faqList {
	
	font-size: .8em;
	
	line-height: 1.5em;
	
	list-style-type: none;
	
	padding: 0 55px 10px 50px;
	
	}
	
	
#faqList li {
	
	padding: 5px 0 10px 15px;
	
	text-indent: -19px;
	
	}
	
	
.listQuestions {
	
	font-size: 1.1em;
	
	}
	

.infoBoxList {
	
	font-size: .7em;
	
	line-height: 2em;
	
	color: #fff;
	
	font-style: italic;
	
	padding-left: 5px;
	
	list-style-type: none;
	
	}


strong {
	
	color: #263f3e;
	
	}
	

#navigationHeading {
	
	font-size: .9em;
	
	letter-spacing: 1px;
	
	padding: 0 0 15px 22px;
	
	color: #678c8a;
	
	font-weight: bold;
	
	}
	
	
#footer #left {

	color: #fcfbf8;

	float: left;
	
	padding-left: 16px;
	
	}
	
	
#footer #right {

	color: #fcfbf9;
	
	float: right;
	
	padding-right: 20px;
	
	}
	
	
#footer #left, #right {

	font-size: .6em;
	
	padding-top: 20px;
	
	}
	
	
#footer #left a, #right a {

	color: #8bb3b1;
	
	text-decoration: none;
	
	}
	
	
#footer #left a:visited, #right a:visited {
	
	color: #678c8a;
	
	text-decoration: none;
	
	}
	
	
#footer #left a:hover, #right a:hover {
	
	color: #678c8a;
	
	text-decoration: none;
	
	}
	
	
.emailLink {

	color: #263f3e;
	
	text-decoration: underline;
	
	font-weight: bold;
	
	}
	
	
.goBackLink {
	
	color: #263f3e;
	
	text-decoration: underline;
	
	font-weight: bold;
	
	}

	
/* ----- Navigation (Main) -----  */

	
#navigation ul, #navigation li {

	font-size: .9em;
	
	letter-spacing: 1px;
	
	padding-left: 20px;
	
	list-style-type: none;
	
	font-weight: bold;
	
	}


#navigation li a {

	text-decoration: none;

	color: #fff;
	
	padding: 0 3px 0 3px;

	}


#navigation li a:active {

	color: #fff;
	
	background-color: #678c8a;
	
	padding: 0 3px 0 3px;

	}


#navigation li a:visited {

	color: #fff;
	
	padding: 0 3px 0 3px;

	}


#navigation li a:hover {

	color: #fff;
	
	background-color: #678c8a;
	
	padding: 0 3px 0 3px;

	}
	
	
/* ----- Contact Form -----  */


#contactForm {

	width: 580px;
	
	padding-left: 35px;
	
	}


fieldset {
  
	margin: 10px 0 0 12px;
	  
	padding: 0; 
	
	} 


legend {

	font-size: .9em;  
	
	margin-left: 8px;  
	
	color: #263f3e;  
	
	font-weight: bold; 
	
	} 


fieldset ol {  
	
	padding: 10px 5px 0 5px;  
	
	list-style: none; 
	
	} 


fieldset li {  
	
	padding-bottom: 15px; 
	
	} 


fieldset.submit {
	
	border-style: none;
	
	float: none;  
	
	width: auto;  
	
	border: 0 none #fff;  
	
	padding: 0 0 20px 147px;  
		
	}
	
	
label {  
	
	display: block;
	
	float: left;  
	
	width: 130px;  
	
	margin-right: 10px;
	
	font-size: .8em;
	
	text-align: right; 
	
	}
	
	
input {
	
	border: 1px solid #263f3e;
	
	}
	
	
textarea {
	
	font: small Arial, Geneva, Verdana, sans-serif;
	
	border: 1px solid #263f3e;
	
	margin-top: 3px;
	
	}
	
	
.submit input {

	border: none;
	
	}
	
	
/* ----- RSS Feed (sidebar) -----  */


.rss-box {
	 
	 margin: 10px 3%;
	 
	 margin-top: 5px;
	 
	 padding: 4px 8px;
	 
	 width: 209px;
	 
	 background-color: #ededed;
	 
	 border: 1px solid #fff;

	 }
	 

.rss-title a {

	 display: none; 
	 
	 }


.rss-title, rss-title a {
	
	font-family: "Lucida Sans", Arial, Verdana, Trebuchet ;
	
	font-size: .8em;
	
	font-weight: bold;
	
	margin: 5px 0;
	
	padding: 0;
	
	letter-spacing: 1px;


	}


.rss-items {
  
	}


.rss-item  {
  
	  font-family: "Lucida Sans", Arial, Verdana, Trebuchet ;
	  
	  font-size: .675em;
	  
	  font-weight : bold; 
	  
	  margin: 8px 0;
	  
	  color: #263f3e;
	  
	  line-height: 1.2em;

	  }


.rss-item a:link, .rss-item a:visited, .rss-item a:active {
	
	text-decoration : none;
	
	border-bottom: 1px dotted #678c8a;
	
	color: #263f3e;
	
	font-size: 1em;
	
	}


.rss-item a:hover { 
	
	text-decoration : none;
	
	color: #678c8a;
	
	border-bottom: 1px dotted #678c8a;
	
	}
	

.rss-date {
	
	font-size: .8em;
	
	font-weight : bold;
	
	color: #678c8a;
	
	line-height: 2em;
	
	}
	
	
.rssIcon {
	
	padding-left: 97px;
	
	padding-top: 40px;
	
	border: none;
	
	}
	
	
.rssIcon a {
	
	border: none;
	
	}
	

.rss_box li {
	
	list-style-type: none;
	
	}
	
	
/* ----- RSS Feed (recruitment page) -----  */


.rss-box-jobs {
	 
	 margin: 10px 0 0 45px;
	 
	 margin-top: 5px;
	 
	 padding: 5px 8px 5px 8px;
	 
	 width: 500px;
	 
	 background-color: #ededed;
	 
	 border: 1px solid #fff;

	 }
	 
	 
.rss-title-jobs a {

	 display: none; 
	 
	 }


.rss-title-jobs, rss-title-jobs a {
	
	font-family: "Lucida Sans", Arial, Verdana, Trebuchet ;
	
	font-size: .8em;
	
	font-weight: bold;
	
	margin: 5px 0;
	
	padding: 0;
	
	letter-spacing: 1px;


	}


.rss-items -jobs{
  
	}


.rss-item-jobs  {
  
	  font-family: "Lucida Sans", Arial, Verdana, Trebuchet ;
	  
	  font-size: .675em;
	  
	  font-weight : bold; 
	  
	  margin: 8px 0;
	  
	  color: #263f3e;
	  
	  line-height: 1.2em;

	  }


.rss-item-jobs a:link, .rss-item-jobs a:visited, .rss-item-jobs a:active {
	
	text-decoration : none;
	
	border-bottom: 1px dotted #678c8a;
	
	color: #263f3e;
	
	font-size: 1em;
	
	}


.rss-item-jobs a:hover { 
	
	text-decoration : none;
	
	color: #678c8a;
	
	border-bottom: 1px dotted #678c8a;
	
	}
	

.rss-date-jobs {
	
	font-size: .8em;
	
	font-weight : bold;
	
	color: #678c8a;
	
	line-height: 2em;
	
	}
	

.rss_box-jobs li {
	
	list-style-type: none;
	
	}
	
	
	
/* ----- Swap Hover effect -----  */	
	
	
#work {   
	
	list-style: none;   
	
	margin: 0;   
	
	padding: 0;  
	
	}   


#work li { 
	
	float: left;   
	
	display: block;   
	
	width: 234px;	   
	
	display: inline;       
	
	background: #fff;
	
	height: 190px; 
	
	}   


#work li a {   

	border: none;   
	
	}
	
	
#work p {   

	margin-bottom: 0;   

	}  


#work li .show {   

	display: block;   
	
	width: 234px;   
	
	height: 190px;   
	
	}
	

#work li .hide {   

	color: #d4df9d;   
	
	text-align: left;   
	
	height: 0;  
			
	overflow: hidden;   
				
	background: #89bcb9;  
	
	}  


#work li:hover .hide {   

	cursor: default;  
	
	height: 170px;   
	
	padding: 10px;   
	
	width: 214px;   
	
	}  


#work li:hover .show {   

	height: 0;   
	
	overflow: hidden;   
	
	}
	

img {
	
	border: none;
	
	}
	

.imageHoverInfo {

	margin: 0;
	
	padding: 10px 0 0 17px;
	
	}