/* This style provides the basic formatting for the page. It specifies the background gradient   */
body {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	background-image: url('images/bg-grad.jpg');
}

/* This style formats a paragraph.    */
p {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: #000000;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 20px;
}

/* This style formats the cells in a table.    */
td {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
}

/* This class formats the light green background for secondary navigation on Staffing pages.    */
.ltGreenBkg {
     background: #9ec8b7;
	 color: #ffffff;
	 padding-right: 10px;
}

/* This class formats the dark green background for secondary navigation on Staffing pages.    */
.dkGreenBkg {
     background: #328b66;
	 color: #ffffff;
	  padding-right: 10px;
}

/* This style formats list items    */
li {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	margin-left: 20px;
	font-size: 12px;
	color: #000000;
}

/* This class adds extra space at the end of a list    */
.last  {
    margin-bottom: 20pt;
}

/* Use this class for topic titles on the Resources pages.    */
.smallhead {
     font-weight: bold;
	 padding-left: 20px;
}

/* Use this class for topic titles on the Resources pages.    */
.byline {
     font-weight: bold;
	 padding-left: 20px;
}

/* Use this clas for bold text.    */
.bold  {
      font-weight: bold;
}

/* This class indents text 40 pixels. It is green text.    */
.indent  {
     margin-left: 60px;
	 margin-bottom: 20px;
	 color: #0b8151;
}

/* This class indents text 40 pixels. It is black text.    */
.indentPlain  {
     margin-left: 60px;
	 margin-bottom: 20px;
	 color: 000000;
}

/* This class formats the white text on the navigation bar.    */
.navtext  {
     font-family: Verdana, Tahoma, Arial, Helvetica;
	 font-size: 14px;
	 font-weight: bold;
	 color: #ffffff;
	 text-decoration: none;
	 margin-top: 10px;
	 margin-left: 10px;
	 margin-bottom: 10px;
}

/* This class formats the green text that is the title at the top of each page.    */
.pagetitles {
	font-size: 18px;
	font-weight: bold;
	color: #0b8151;
	margin-left: 40px;
	}
	
/* This appears to be an old class that is no longer usd    */
.subtitlesblack {
	font-weight: bold;
	color: #000000;
}

/* This class formats the text in the page footers.    */
.smallfont
{
	font-size: 10px;
}

/* This class is used for inline green text.    */
.green {
       color: #0b8151;
}

/* This style assigns a disc to first-level bulleted lists */
ul  {
   list-style-type: disc;
}

/* This style assigns a square to second-level bulleted lists */
ul ul {
   list-style-type: square;
}

/*  This is the style for list itms      */
li {
	font-family: Verdana, Tahoma, Arial, sans, , Helvetica;
	font-size: 10pt;
	margin-right: 40px;
	margin-bottom: 10px;
}

/*  This class reduces the space between bulleted items    */
.CloseUp {
	font-family: Verdana, Tahoma, Arial, sans, , Helvetica;
	font-size: 10pt;
	margin-right: 40px;
	margin-bottom: 0px;
}


/* This class indents text that is a continuation paragraph of a list    */
.listContinue  {
     margin-left: 20px;
	 margin-bottom: 10px;
	 color: 000000;
}

/* This style formats the color of links that have not been clicked.    */
a:link {
	color: #0b8151;
}

/* This style formats the color of visited links.    */
a:visited {
	color: #0033CC;
}

/* This style formats the color when the user hovers over a link.    */
a:hover {
	color: #007761;
}

/*  This class is from the old style sheet and appears to be no longer in use.   */
.sidebartitles {
	font-size: 14px;
	font-weight: bold;
}

/* This div specifies the image area for the Home page.   */
#banner_home {
    float: left;
	display: block;
	width: 729px;
	height: 176px;
	margin: 0px;
    padding: 0px;
	background-image: url('images/01.jpg');
}
	
/* This div specifies the image area for the Clients page.   */
#bannerClients {
    float: left;
	display: block;
	width: 729px;
	height: 176px;
	margin: 0px;
    padding: 0px;
	background-image: url('images/Bioinformatics_PMandTW.jpg');
}

/* This div specifies the image area for the Jobs page.   */
#bannerJobs {
    float: left;
	display: block;
	width: 729px;
	height: 176px;
	margin: 0px;
    padding: 0px;
	background-image: url('images/headphoto-IT-and-engineers.jpg');
}

/* This div specifies the image area for the Contact Us page.   */
#bannerContact {
    float: left;
	display: block;
	width: 729px;
	height: 176px;
	margin: 0px;
    padding: 0px;
	background-image: url('images/headphoto-contact_us.jpg');
}

/* This div specifies the image area for the Resources page.   */
#bannerResources {
    float: left;
	display: block;
	width: 729px;
	height: 176px;
	margin: 0px;
    padding: 0px;
	background-image: url('images/headphoto-resources.jpg');
}

/* This div specifies the image area for the  secondary Resources page.   */
#bannerResources2 {
    float: left;
	display: block;
	width: 729px;
	height: 176px;
	margin: 0px;
    padding: 0px;
	background-image: url('images/headphoto-home.jpg');
}

/* This div specifies the image area for the  secondary Resources page.   */
#bannerStaffing {
    float: left;
	display: block;
	width: 729px;
	height: 176px;
	margin: 0px;
    padding: 0px;
	background-image: url('images/BioinformaticsStaffing.jpg');
}

/* This div specifies the image area for the  Writers secondary Resources page.   */
#bannerStaffingWriters {
    float: left;
	display: block;
	width: 729px;
	height: 176px;
	margin: 0px;
    padding: 0px;
	background-image: url('images/headphoto-medicalwriters.jpg');
}

/* This div specifies the image area for the  Managers secondary Resources page.   */
#bannerStaffingManagers {
    float: left;
	display: block;
	width: 729px;
	height: 176px;
	margin: 0px;
    padding: 0px;
	background-image: url('images/headphoto-projectmanagers.jpg');
}

/* This div specifies the formatting for the navigation bar, excluding text.   */
#navbar {
    float: left;
	display: block;
	background-color: #CCCCCC;
	border-bottom-style: solid;
	border-top-style: solid;
     border-bottom-color: #a5afb8;
	 border-top-color: #a5afb8;
	 border-bottom-width: thin;
	 border-top-width: thin;
	width: 729px;
	clear: both;
	margin-top: 0px;
}

/* This div specifies that the links in the navigation area are white and not underlined. 
It overrides the normal link colors. */
#navbar a{
     color: #ffffff;
	 text-decoration: none;
}

#staffingNav  a{
     color: #ffffff;
	 text-decoration: none;
}

/* This div specifies mid text area with no side graphics.   */
#middle {
    float: left;
	display: block;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

/* This div specifies the left area for the Home page and the Clients page.   */
#left {
   
	width: 500px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

/* This div specifies the right area for the Home page and the Clients page. It holds the image.  */
#right  {
    width: 186px;
	float: right;
	padding-top: 40px;
	padding-right: 20px;
}

/* This div formats the main text area on the staffing pages.  */
#staffing {
    border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
    border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-left-color: #cccccc;
	margin-left: 40px;
	margin-right: 40px;
	clear: both
}

/* This div formats the secondary navigation area (tabs) on the staffing pages.  */
#staffingNav  {
    margin-left: 40px;
    margin-right: 40px;
    clear: both
}

/* This div formats the footer area at the bottom of each page.  */
#bottom {
    float: left;
	display: block;
	padding-top: 60px;
	width: 729px;
	clear: left;
	text-align: center;
	clear: both;
}