/* CSS Document */
body {
  background-color: #ffffff;
  text-align: center;
  padding: 0px;
  margin: 0px;
}
#container {
       width: 912px;
       margin-bottom: 0px;
       margin-left: auto;
       margin-right: auto;

      }


a img {
  border: none;
}


p, ul, ol, dl {
  
  font: normal 80% "Trebuchet MS", Geneva, Arial;    
  color: #666666;
}

ul li {
  display: block;
  padding: 0px 0px 0px 24px;
  margin: 0px 0px 1ex;  
  position: relative;
}

ol li {
  margin-left: 24px;
  padding: 0px 0px 1ex 0px;
}

h1 {
  margin: 2ex 0px 1ex;  
  font: normal 150% "Trebuchet MS", Geneva, Arial;   
}

h2 {
  margin: 2ex 0px 1ex;
  font: normal 150% "Trebuchet MS", Geneva, Arial; 
}

h3 {
  margin: 2ex 0px 1ex;
  font: normal 100% "Trebuchet MS", Geneva, Arial;  
  color: #666666;
}

.cleaner {
  clear: both;
  height: 0px;
  overflow: hidden;
}

#header {
  height:  150px;
  position: relative;
}

#header #logo {
  position: absolute;
  left:  2px;
  top: 16px;
  width: 300px;
  height: 147px;
  z-index: 80;
}

#navigation {
  float: right;
  margin: 75px 5px 0 0;
}

#navigation li {
  float: right;
  display:  block;
  list-style: none;
  font: normal 13px "Trebuchet MS", Geneva, Arial;
  text-align:center;
  background: none;
}

#navigation a {
  color: #666666;
  text-decoration: none;
}

#navigation a:hover {
  color: #003399;
}

#navigation .active a {
  color: #ffcc66;
}

#navigation li strong {
  display: block;
  font-weight: bold;
}



/* -----------------content checker--------------------- */
#leftside
	{	
	float: left;
width: 300px;
margin-top: 20px;
padding-top: 0px; 
text-align:left;
	}
#rightside
{
margin-left: 305px;
padding-top: 1px; 
text-align:left;
   
}

#body {
  float:  left;
  width:  100%;
  margin: 0px:
  position: relative;
}

#body-inner {
  margin: 0px;
  padding-top: 8px;
  width: 616px;
}

#sidebar {
  
  width: 296px;
   float: right;
   font: "Trebuchet MS", Geneva, Arial;
}

content #content{
  float:  left;
  width:  100%;
  margin: 0px -296px 0px 0px;
}

content #content-inner {
  margin: 0px 296px 0px 0px;
  padding:  0px;
  overflow: visible;
}

#sidebar #subnav h2 {
  letter-spacing: 0.2em;
  font-weight: normal;
  color:  #003399;
  font-size: 12px;
}

#sidebar #subnav h3 {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: normal;
  color:  #767676;
  font-size: 12px;
}

#sidebar #subnav ul {
  margin: 0px;
  position: relative;
  width: 100%;
}

#sidebar #subnav li {
  margin: 0px;
  padding: 0px;
  display: inline;
  background: none;
}

#sidebar #subnav li a,
#sidebar #subnav li strong {
  display: block;
  text-decoration: none;
  padding: 0.5ex 0ex;
  border-top: 1px solid #eee;
}

#sidebar #subnav a:hover {
  color: #f97214;
}

#sidebar #subnav li strong {
  color: #8cc63f;
  font-weight: bold;
}

#sidebar #subnav li ul {
  margin: 0px 0px 0px 16px;
  font-size: 85%;
}

#sidebar #subnav li ul a,
#sidebar #subnav li ul strong {
  border: none;
}

#sidebar .box {
  margin: 0px 0px 4px;
  padding: 0px 20px 20px;
 background-color:#0033CC; 
  background: url(../images/sidebar-box-bottom.png) no-repeat 0px 100%;
  position: relative;
}

#sidebar .box h2 {
  margin: 0px -20px 1ex;
  padding: 20px 20px 0px;
  background: url(../images/sidebar-box-top.png) no-repeat 0px 0px;
  font-size: 125%;
  color: #8cc63f;
}

#sidebar .box p.top {
  margin: 0px -20px 1ex;
  padding: 20px 20px 0px;
  background: url(../images/sidebar-box-top.png) no-repeat 0px 0px;
}

ul.more li {
  display:  inline;
  margin-right: 12px;
  padding-bottom: 4px;
}

#content .box {
  margin: -8px 0px 8px;
  padding: 0px 20px 20px;
  background: url(../images/body-box-bottom.png) no-repeat 0px 100%;
  position: relative;
}

#content .splash {
  margin: 0px -20px 1ex;
  height: 164px;
  width: 912px;
  background-repeat: no-repeat;
  background-position: left top;
}

#content .splash h1 {
  display: none;
}

#content .splash h1 {
  display: none;
}

#content .splash p {
  position: absolute;
  top: 88px;
  left: 28px;
  width: 380px;
  color: #606e74;
  /*text-shadow: #eee 0px 1px 0px;*/
  font-size: 110%;
}

#content .box h1.top,
#content .box h2.top,
#content .box h3.top {
  margin: 0px -20px 0.5ex;
  padding: 20px 20px 0px;
  background: url(../images/body-box-top.png) no-repeat 0px 0px;
}

#content .box h1.top {
}

#content .box.form {
  padding: 0px 20px 20px;
  background: url(../images/form-bottom.png) no-repeat 0px 100%;
  color: white;
  position: relative;
  width: 576px;
}

#content .box.form h1.top,
#content .box.form h2.top {
  margin: 0px -20px 1ex;
  padding: 20px 20px 0px;
  background: url(../images/form-top.png) no-repeat 0px 0px;
  color: white;
  text-shadow: gray 0 2px 4px;
}

#content .box .callout {
  position: absolute;
  top: 0px;
  left: -296px;
  width: 272px;
  padding: 0px 12px 12px;
  background: url(..images/sidebar-box-bottom.png) no-repeat left bottom;
  color: #767676;
}

#content .box .callout h2.top,
#content .box.form .callout h2.top {
  margin: 0px -12px 1ex;
  padding: 20px 20px 0px;
  background: url(../images/sidebar-box-top.png) no-repeat 0px 0px;
  font-size: 125%;
  color: #8cc63f;
  text-shadow: none;
}

#content .box .form {
  background-image: none;
  padding: 0px;
}

#content ol.form li {
  border-top: 1px solid #ddd;
  padding: 1ex 0px;
  margin: 0px;
  list-style: none;
}

#content ol.form li.buttons {
  padding-left: 128px;
  border-top: none;
}

#content ol.form label {
  display:  block;
  width: 120px;
  line-height: 1.5em;
}

#content ol.form label.required {
  background: url(../images/required-field.png) no-repeat 100% 1px;
}

#content ol.form input.text,
#content ol.form select,
#content ol.form textarea,
#content ol.form .field {
  display: block;
  margin: -1.5em 0px 0px 128px;
  width: 400px;
}

#content ol.form textarea.full {
  margin: 0px;
  width: 576px;
}

#content ol.form input.button {
  font-size: 125%;
  width: 128px;
}

#content ol.form .field select,
#content ol.form .field input.text {
  width: auto;
  display: inline;
  margin: 0px;
}

#content .error-messages ul li {
  background-image: url(../images/bullet-error.png);
}

#content .column *:last-child {
  margin-bottom: 0px;
}

#content p.look-right {
  font-weight: bold;
  width: 320px;
  padding: 8px 40px 16px 8px;
  background: #ffc url(../images/right-arrows.png) no-repeat 320px 50%;
  border: 1px solid #eee;
}

.subbox {
  /*background: url(../images/subbox-bottom.png) no-repeat 0px 100%;*/
  background: #e6eff2;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 2ex -12px -2ex;
  padding: 12px;
}

.subbox h2 {
  margin: -12px -12px 0ex;
  padding: 12px 12px 1ex;
  /*background: url(../images/subbox-top.png) no-repeat 0px 0px;*/
  /*color: white;
  text-shadow: #444 0px 1px 2px;*/
}

.subbox#lab-testing {
  background-image: url(../images/lab-testing-subbox.png);
  padding-right: 160px;
}

.subbox#lab-testing h2 {
  margin-right: -160px;
}

.subbox blockquote {
  color: #606e74;
  /*font-size: 85%;*/
}

#body ul.share {
	margin: 4ex 0px 0px;
	padding: 1ex 8px;
	border-top: 1px solid #eee;
}

#body ul.share li {
	display: inline;
	margin: 0px 1em 0px 0px;
	padding: 0px;
	background: none;
}

#body ul.share li a {
	padding: 0.5ex 0px 0.5ex 20px;
	background-position: 0px 50%;
	background-repeat: no-repeat;
}


#footer {
  clear: both;
  margin: 40px 0px 0px;
  background: url(../images/footer.png) no-repeat 0px 0px;
  height: 64px;
  padding: 20px 20px 0px;
  font-size: 12px;
  color: #767676;
}

#footer address {
  font-style: normal;
}

#footer a.url {
  display: none;
}

img.photo {
	clear: right;
	float: right;
	margin: 0px 0px 1ex 1em;
	border: 1px solid #999;
	padding: 3px;
}