@charset "UTF-8";
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666 url(../images/bg.gif);
margin: 0; 
padding: 0;
text-align: center; 
color: #000000;
}
html {
margin: 0;
padding: 0;
}
#container {
width: 960px;
background: #FFFFFF;
margin: 0 auto; 
border: 0;
text-align: left; 
}
/*------------------------------
            header
------------------------------*/
#header {
background: #f0f5e6 right top repeat-y url(../images/header-bg.jpg);
height: 105px;
color: #333;
padding: 0;
margin:0;  
}

#header img {
margin: 0;
padding: 5px 0 0 30px;
float: left;
border: 0;
}
#header .floatright {
float: right;
}
#header p {
margin: 0;
padding: 25px 20px 0 0;
font: 11px/23px Arial, Helvetica, sans-serif;
text-align: right;
}

/*------------------------------
            Navmenu (main nav)
------------------------------*/
ul#navmenu {
z-index:1;
  margin: 0;
  border: 0 none;
  padding: 24px 0 0 0;
  width: 700px; /*For KHTML*/
  list-style: none;
  height: 28px;
float: right;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 28px;
width: 140px
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 180px;
  list-style: none;
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
border: 0;
  border-left: 1px solid #ffffff;
 padding: 0 10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: transparent;
  color: #666;
  font: normal 11px/28px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a,
ul#navmenu li.selected,
ul#navmenu li.selected a
 {
  background: #9bc757;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
width: 200px;
  float: none;
  background: #f0f5e6;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #9bc757;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #f0f5e6;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #9bc757;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 220px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/*------------------------------
            wideContent
------------------------------*/
#wideContent {
margin: 0;
padding: 0; 
background: #FFFFFF;
}
#wideContent h1 {
margin: 0;
padding: 25px 0 7px 0; 
font: 1.3em normal Arial, Helvetica, sans-serif;
}
#wideContent h2 {
margin: 0;
padding: 25px 0 7px 0; 
font: 1.1em normal Arial, Helvetica, sans-serif;
}
#wideContent p {
margin: 0;
padding: 0 0 15px 0; 
font: .9em normal Arial, Helvetica, sans-serif;
line-height: 1.4em;
color: #777;
}
#wideContent img {
float: left;
margin: 0 15px 10px 0;
padding: 0;
}
#wideContent embed {
margin: 0;
padding: 0;
}


/*------------------------------
            mainContent
------------------------------*/
#mainContent {
margin: 0;
padding: 0 30px; 
background: #FFFFFF;
}
#flashContent {
float: left;
margin: 0;
padding: 0; 
background: #FFFFFF;
}
#mainContent h1 {
margin: 0;
padding: 25px 0 7px 0; 
font: 1.5em Arial, Helvetica, sans-serif;
font-weight: normal;
}
#mainContent h2 {
margin: 0;
padding: 5px 0 7px 0; 
font: 1.1em normal Arial, Helvetica, sans-serif;
color: green;
}
#mainContent h3 {
margin: 0;
padding: 5px 0 7px 0; 
font: 1em normal Arial, Helvetica, sans-serif;
color: #000;
}
#mainContent p {
margin: 0;
padding: 0 0 15px 0; 
font: .95em normal Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #4d4d4d;
}
#mainContent ul {
margin: 0 30px;
padding: 0 0 15px 0; 
font: .95em normal Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #4d4d4d;
list-style-type: square;
}
#mainContent img {
float: left;
margin: 0 15px 10px 0;
padding: 0;
}
#mainContent embed {
z-index:-1;
margin: 0 -30px;
padding: 0;
}
#mainContent a:link, #mainContent a:visited {
text-decoration: none;
color: green
}

#mainContent a:hover {
text-decoration: underline;
}

#mainContent blockquote {
margin: 13px 30px 0 30px;
padding: 0 0 10px 0; 
font: .85em normal Arial, Helvetica, sans-serif;
line-height: 1.7em;
color: #777;
}
#mainContent .author{
margin: 0 0 35px 310px;
padding: 0;
}
#mainContent .author h4{
margin: 0 0 0 0;
padding: 0;
font: .85em normal Arial, Helvetica, sans-serif;
line-height: 1.4em;
color: #777;
}
#mainContent .author p{
margin: 0 0 0 14px;
padding: 0;
font: .85em normal Arial, Helvetica, sans-serif;
line-height: 1.4em;
}
#mainContent .post {
padding: 35px;
margin: 20px 0;
background: #eef6de;
}
#mainContent .post h1{
font-size: 1.2em;
margin: 0;
padding: 0 0 10px 0;
color: green;
}
#mainContent .post h2{
font-size: 1.2em;
margin: 0;
padding: 0;
color: green;
}
#mainContent .post h3{
font: .95em normal Arial, Helvetica, sans-serif;
}
#mainContent .post p{
font: .85em normal Arial, Helvetica, sans-serif;
line-height: 1.4em;
color: #486846;
}
#mainContent .post ul{
font: .85em normal Arial, Helvetica, sans-serif;
line-height: 1.4em;
color: #486846;
}
#mainContent .post a {
text-decoration: underline;
}
#mainContent .small{
font-size: .7em;
}
#mainContent .small a{
text-decoration: underline;
}
#mainContent .small a:hover{
text-decoration: none;
color: green;
}
#mainContent p.reference{
font: .75em normal Arial, Helvetica, sans-serif;
line-height: 1.3em;
color: #688a66;
}
#mainContent p.reference a{
text-decoration: underline;
}


#sub-page-title {
margin: 0 -30px 25px -30px;
height: 79px;
}

#sub-page-title h1{
margin: 0;
padding: 45px 0 0 30px;
color: white;
font-weight: normal;
}

.cro {
background: #fff left repeat-y url(../images/page-CROresearch-consulting.jpg);
}
.nut {
background: #fff left repeat-y url(../images/page-nutraceutical-products-consulting.jpg);
}
.gras {
background: #fff left repeat-y url(../images/page-GRAS-Self-affirmation.jpg);
}
.reg {
background: #fff left repeat-y url(../images/page-regulatory-compliance.jpg);
}
.tec {
background: #fff left repeat-y url(../images/page-technical-writing.jpg);
}
.new {
background: #fff left repeat-y url(../images/page-news.jpg);
}
.abo {
background: #fff left repeat-y url(../images/page-about-us.jpg);
}
.res {
background: #fff left repeat-y url(../images/page-resources.jpg);
}
.con {
background: #fff left repeat-y url(../images/page-contact-us.jpg);
}
/*------------------------------
            blog
------------------------------*/
#blog {
height: 135px;
margin: 5px 0 0 0;
padding: 0;
width: 960px;
text-align: left;
}

#blog ul {
margin: 0;
padding: 0 0 0 20px;
}

#blog ul li {
display: inline;
float: left;
width: 200px;
padding: 18px 30px 15px 0;
margin: 0;
}
#blog h3 {
font:.8em normal Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 1.3em;
}
#blog p {
font:.8em normal Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
line-height: 1.3em;
}
#blog h4 {
font:.8em Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 1.3em;
}
#blog p a {
font:.8em Arial, Helvetica, sans-serif;
color: green;
line-height: 1.3em;
}
#blog h4 a{
color: black;
}


/*------------------------------
            nav (tabs)
------------------------------*/

#nav {
float: left;
width: 960px;
margin: 25px 0 0 0;
padding: 0;
border: 0;
background: white url("../images/tab-bg.gif") repeat-x bottom;
font-size:84%;
line-height:normal;
}
#nav ul {
margin:0;
padding: 2px 7px 0 20px;
list-style:none;
}
#mainContent ul.tabs {
position: relative;
background: #FFF;
z-index: 2;
margin: 0;
padding: 0;
}
#nav li, .tabs li {
float:left;
margin:0;
padding:0;
display: inline;
width: 228px;
background:url("../images/tab-r-off.gif") no-repeat right top;
}
.tabs li {
width: auto;
}

#nav a, #mainContent .tabs a {
outline: none;
float: left;
display:block;
color:#a2a2a2;
text-decoration: none;
padding:5px 10px 4px;
margin: 0;
background:url("../images/tab-l-off.gif") no-repeat left top;
}
#nav a:hover, #mainContent .tabs a:hover {
color: black;
}
#nav #current, .tabs .activeli {
background:url("../images/tab-r.gif") no-repeat right top;
}
#nav #current a, #mainContent .tabs .activeli a {
color: black;
background:url("../images/tab-l.gif") no-repeat left top;
padding-bottom:5px;
}
#mainContent .tabs a {
padding-bottom: 4px;
}
#tab-content .tab {
padding: 0 10px;
clear: both;
position: relative;
z-index: 1;
top: -1px;
border: solid 1px #000;
margin-bottom: 1em;
}

/*------------------------------
            footer
------------------------------*/
#footer {
float: left;
font-family: Arial, Helvetica, sans-serif;
padding: 12px 20px; 
background:#585e4d url(../images/footer-border.gif) top repeat-x;
}
#footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 20px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer td {
width: 230px;
font-size: 75%;
line-height: 130%;
color: #9b9f94;
}

#footer a:link {
color: #9b9f94;
text-decoration: none;
}

#footer a:visited {
color: #9b9f94;
text-decoration: none;
}

#footer a:hover {
color: white;
background: transparent;
text-decoration: underline;
}

#footer a:active {
color: green;
}


/*------------------------------
            This is where the stuff that is different from master.css is!!!
------------------------------*/
#mainContent {
float: left;
width: 580px;
}

/*------------------------------
            rightcolumn
------------------------------*/
#rightcolumn {
float: right;
width: 280px;
}
#rightcolumn h1 {
margin: 20px 0 0 0;
padding: 20px 0;
font: 1em Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #777;
}

#rightcolumn ul{
margin: 0;
padding: 0;
list-style: none;
}
#rightcolumn ul li{
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #777;
font: normal 11px/28px Verdana, Arial, Helvetica, sans-serif;
}
#rightcolumn a:link, #rightcolumn a:visited {
text-decoration: none;
color: green
}

#rightcolumn a:hover {
text-decoration: underline;
}
#rightcolumn ul li ul li{
border-bottom: 0;
margin: 0 0 0 15px;
padding: 0;
line-height: 20px;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.page-title {
height: 210px;
margin: 1px 0 0 -30px;
padding: 0;
}

#footnote {
text-align: center;
margin-top: 60px;
color: #9b9f94;
}
#footnote a:link {
font: 100% Arial, Helvetica, sans-serif;
font-size: 12px;
color: #9b9f94;
text-decoration: none;
}

#footnote a:visited {
font: 100% Arial, Helvetica, sans-serif;
font-size: 12px;
color: #9b9f94;
text-decoration: none;
}

#footnote a:hover, #footnote a:active {
font: 100% Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
background: transparent;
text-decoration: underline;
}

-->