@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;}



body {

font-size: 62.5%;

text-align: center; /* center for ie */

margin: 0;

padding: 0;

/* background-color: #d1e8f4; */

background: #fff url(null) fixed no-repeat;

}



P {

font-size: 1.2em;

}

h1 {

font-size: 2.8em;

}

h2 {

font-size: 2.2em;

}

.clear {

display: block;

height:1px;

clear:both;

margin: 0;

} 

/* Page Structures -------------------------------------*/

/* Page Header -----------------------------------------*/

#headercontainer {

background-color: #fff;

background-image: url(images/shaddow_bg.jpg);

background-position: top center;

background-repeat: repeat-y;

width: 920px;

margin-top: 0;

padding-top: 0;

margin-right: auto;

margin-left: auto;

margin-bottom: 0;

clear: both;

}



#header {

background-image: url(images/head_img.jpg);

background-position: top right;

background-repeat: no-repeat;

width: 900px;

height: 200px;

position: relative;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

text-align: left;

}



* html #header{height: 200px;}

#header h1 {position: absolute; left: 15px; top: 15px;}



#logocontainer {

float: left;

width: 450px;

height: 108px;

margin-top: 0;

margin-left: 0;

}

#navcontainer {

width: 900px;

height: auto;

margin-top: 0;

margin-right: auto;

margin-left: auto;

margin-bottom: 0;

}

/* Page Body ---------------------------------------------------*/



#pagebody {

background-color: #fff;

background-image: url(images/shaddow_bg.jpg);

background-position: top center;

background-repeat: repeat-y;

width: 920px;

margin-top: 0;

border-top: 1px;

margin-right: auto;

margin-left: auto;

margin-bottom: 0;

clear: both;

}

#bodycontainer {

width: 900px;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

text-align: center;

background-color: #e2f9f6;

}

#leftcol {

float: left;

width: 235px;

margin: 0;

padding: 0;

}

#leftcolimg {

background-image: url(images/lab.jpg);

background-position: center;

background-repeat: no-repeat;

height: 425px;

margin: 0;

}

#isolink {

padding-top: 475px;

}

#isolink img {

border: none;

}

#rightcol {

background-color: #fff;

width: 665px;

float: left;

margin: 0;

padding: 0;

text-align: left;

min-height: 625px;

}

#rightcontent {

background-image: url(images/thermo.jpg);

background-position:  500px 50px;

background-repeat: no-repeat;

width: 660px;

float: left;

margin: 0;

padding: 0;

text-align: left;

border-left: dashed 1px #44c5b6;

}

.rightspace {

height: 105px;

}

.formspace {

height: 395px;

min-height: 395px;

}

/* ----Footer -------------------------------------------------*/

#footercontainer {

background-color: #fff;

background-image: url(images/shaddow_bg.jpg);

background-position: top center;

background-repeat: repeat-y;

width: 920px;

border-top: 1px;

padding-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

background-color: #fff;

clear: both;

}

#footer {

width: 900px;

background-color: #2f4b72;

margin-right: auto;

margin-left: auto;

}

/* Logo -----------------------*/

#header #logo { 

position: relative;

overflow: hidden;

margin: 0;

padding: 0;

width: 400px; 

height: 108px;

}

#header #logo span {

display: block;

position:absolute;

left: 0;

top: 0;

z-index: 1;

width: 450px;

height: 108px;

margin: 0;

padding: 0;

background: url("images/logo-new.jpg") top left no-repeat;

cursor: pointer;

}

#header #logo a {

position: static;

display: block;

height: 108px;

white-space: normal;

color: #260f55;

}



/* --- Global Navigation --------------------------------------------------*/

#nav {

font-size: 90%;

margin: 0;

line-height: 1.3em;

background-color: #260f54;

height: auto;

}

#nav ul {

margin: 0;

text-align: center;

padding: 8px 0 10px 0;

list-style: none;

/* margin: 0; */

}

#nav li {

display: inline;

}

#nav li a:link, #nav li a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1.6em;

color: #fff;

text-decoration: none;

border-right: solid 1px #ccc;

padding: 0 24px 0 24px;

text-align: center; 

margin-right: -2px;

}

#nav li a:hover {

text-decoration: underline;

}

#navcontainer #nav .navcurrent {

background-color: #0091c9;

padding: 7px 24px 0.9em 24px;

margin-left: -1px;

border-right: solid 1px #0091c9;

}

/*-------------Sub Nav ------------------------------------*/

#subnav {

font-size: 90%;

margin: 0;

line-height: 1.3em;

background-color: #0091c9;

height: auto;

text-align: center;

}

#subnav ul {

margin: 0;

text-align: center;

padding: 8px 0 10px 0;

list-style: none;

/* margin: 0; */

}

#subnav li {

display: inline;

}

#subnav li a:link, #subnav li a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

color: #fff;

font-size: 1.2em;

text-decoration: none;

border-right: solid 1px #fff;

padding: 0 8px 0 8px;

}

#subnav li a:hover {

color: #260f55;

}

#navcontainer #subnav .subnavcurrent {

text-decoration: underline;

font-weight: bold;

}



/* --- Content / Text ----------------------------------------------*/



.services {

width: 205px;

margin-right: auto;

margin-left: auto;

text-align: center;

background-color: #e2f9f6;

}



.services h2 {

width: 205px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.8em;

font-weight: bold;

font-style: italic;

color: #333366;

line-height: 1.3em;

text-align: center;

margin-top: 45px;

margin-right: auto;

margin-left: auto;

}



.accreditation {

width: 205px;

margin-right: auto;

margin-left: auto;

text-align: center;

border-bottom: solid 1px #ccc;

}

.accreditation p {

font-family: Arial, Helvetica, sans-serif;

font-size: 1.6em;

font-weight: bold;

color: #00b09c;

text-align: center;

}



/*

#images {

float: left;

width: 370px;

margin: 15px 0 15px 0;

text-align: center;

}

#images img {

margin: 5px 0 0 0;

} */



/* ----Call to action buttons ---------------------*/

.buttoncontainer {

width: 600px;

text-align: center;

margin-top: 15px;

margin-right: auto; 

margin-bottom: 0;

margin-left: auto;

}



.buttoncontainer .button {

width: 146px;

min-height: 170px;

display: block;

float: left;

border: 1px solid #4a6c99;

padding: 0.9em 0.9em 0.9em 0.9em;

margin: 0 10px 0 0;

clear: none;

text-align: left;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 1.0em;

font-weight: bold;

color: #336699;

}

.button img {

margin: 0;

border: none;

}

.button a:link, .button a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.1em;

font-weight: bold;

color: #224e7a;

text-decoration: none;

border: none;

margin: 0 0.7em 0 0;

padding: 0;

text-align: left;

}

.button a:hover, .button a:active {

text-decoration: underline;

}

.buttonlink {

min-height: 150px;

}



/* ------------------------ Content --------------*/



.text {

width: 525px;

text-align: left;

margin: 0 0 55px 30px;

}

.text h3 {

color: #224e7a;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 2.4em;

margin: 25px 0 25px 0;

line-height: 1.0em;

}

.text h4 {

color: #224e7a;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.8em;

margin: 0;

line-height: 1.0em;

}

.text h5 {

color: #224e7a;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.4em;

margin: 25px 0 -25px 0;

line-height: 1.0em;

}

.text p {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #333366;

font-size: 1.2em;

margin: 15px 0 20px 0;

word-spacing: 0.1em;

line-height: 1.6em;

}

.text span {

font-weight: bold;

color: #224e7a;

}

h3.quality, h4.quality {
color: #953887;
}

h5.quality {
		font-weight: normal;
		color: #953887;
}

h3.microbio, h4.microbio {
color: #00a99e;
}

h5.microbio {
		font-weight: normal;
		color: #00a99e;
}

h3.safety, h4.safety {
color: #cb083d;
}

h5.safety {
		font-weight: normal;
		color: #cb083d;
}

.text img {

margin-right: 15px;

margin-left: 15px;

}

.admintext {

width: 600px;

text-align: left;

margin: 0 0 55px 30px;

}

.admintext h3 {

color: #224e7a;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 2.4em;

margin: 25px 0 25px 0;

line-height: 1.0em;

}

.admintext h4 {

color: #224e7a;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.8em;

margin: 0;

line-height: 1.0em;

}

.admintext h5 {

color: #224e7a;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.4em;

margin: 25px 0 -25px 0;

line-height: 1.0em;

}

.admintext p {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #333366;

font-size: 1.2em;

margin: 15px 0 20px 0;

word-spacing: 0.1em;

line-height: 1.6em;

}

.admintext li {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333366;
font-size: 1.1em;
margin: 0;
word-spacing: 0.1em;
padding: 0 0 5px 0;
}

.admintext span {

font-weight: bold;

color: #224e7a;

}

.admintext img {

margin-right: 15px;

margin-left: 15px;

}
.admintext th {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #224e7a;
font-size: 0.8em;
font-weight: bold;
}
.admintext td {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 0.8em;
font-weight: normal;
 overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.admintext td a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
padding: 0 0 10px 0;
}
/* #text .servicelist {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.2em;

color: #000;

font-weight: normal;

margin: 0 0 25px 25px;

} */

.text ul {

list-style: disc;

margin: 35px 0 45px 0;

}

.text li {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #333366;

font-size: 1.2em;

word-spacing: 0.1em;

line-height: 1.3em;

margin: 0 0 0 35px;

padding: 0;

}    



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

#form {

width: 450px;

text-align: left;

margin: -25px 0 25px 30px;

}

#form h4 {

color: #336699;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 2.0em;

margin: 15px 0 25px 0;

line-height: 1.0em;

letter-spacing: normal;

}

#form p {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #333366;

font-size: 1.2em;

margin: 15px 0 5px 0;

word-spacing: 0.1em;

line-height: 1.3em;

}

#form .contactform fieldset {

border: none;

}

#form .loginform fieldset {

border: none;

}

#form .contactform legend {

display: none;

}

#form .loginform legend {

display: none;

}

.contactform .fixedwidth {

display: block;

width: 155px;

float: left;

}

.loginform .fixedwidth {

display: block;

width: 105px;

float: left;

}

.contactform #name {

width: 205px;

}

.loginform #user {

width: 205px;

}

.loginform #pword {

width: 205px;

}



.loginform .msg {

 font-weight: bold;

}



.contactform #email {

width: 205px;

}

.contactform #tel {

width: 205px;

}

.contactform #subject {

width: 205px;

}

.contactform .btn {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.0em;

width: 75px;

margin-right: 75px;

}/* -------- Footer Formatting ---------------------------*/



#copy {

width: auto;

padding-top: 1px;

}

#copy p {

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1.0em;

color: #fff;

text-align: left;

margin: 15px 0 0 20px;

}

#copy span {

font-weight: bold;

}

#designby {

width: auto;

text-align: left;

padding: 15px 0 5px 20px;

}

#designby p {

font-family: Arial, Helvetica, sans-serif;

font-size: 0.9em;

color: #fff;

}

#designby a {

text-decoration: underline;

}

#designby a:link {

text-decoration: none;

color: #fff;

}

#designby a:visited {

text-decoration: none;

color: #fff;

}

#designby a:hover, #designby li a:active {

text-decoration: underline;

}

/* ----- Footer Nav style / format ----------*/

#footernav {

margin: 15px 0 5px 20px;

padding: 0;

text-align: left;

}

#footernav ul {

margin: 0 0 0 0;

padding: 0;

}

#footernav li {

list-style: none;

display: inline;

font: normal 1.1em Arial, Helvetica, sans-serif;

color: #fff;

border-right: solid 1px #fff;

margin: 0 5px 0 0;

padding: 0 5px 0 0;

}

#footernav li a:link {

text-decoration: none;

color: #fff;

}

#footernav li a:visited {

text-decoration: none;

color: #fff;

}

#footernav li a:hover, #footernav li a:active {

text-decoration: underline;

}

/*- Admin Style ------------*/

#topbar {

font-size: 90%;

margin: 0;

line-height: 1.3em;

background-color: #260f54;

height: auto;

}

#topbar p {

font: normal 1.4em Arial, Helvetica, sans-serif;

color: #fff;

padding: 5px 0 5px 20px;

text-align: left;

font-weight: bold;

}

#adminnav {

font-size: 90%;

margin: 0;

line-height: 1.4em;

height: auto;

text-align: left;

}

#adminnav ul {

margin: 0;

text-align: left;

padding: 8px 0 10px 0;

list-style: none;

/* margin: 0; */

}

#adminnav li {

display: block;

padding: 10px 0 0 20px;

}

#adminnav li a:link, #adminnav li a:visited {

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

color: #260f55;

font-size: 1.5em;

text-decoration: none;

border-bottom: solid 1px #e2f9f6;

}

#adminnav li a:hover {

color: #333366;

}

#leftcol #adminnav .admincurrent {

text-decoration: underline;

}



table.accounts {

  font-size: 1.4em;

}

#demo {
  border: solid 1px #ccc;
}