body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: .8em;
}

.clearer { clear: both; }

a:link, a:visited 	{text-decoration: none; margin-right: 8px; color: #cc0000; padding: 0;}
a:hover, a:active 	{text-decoration: underline; margin-right: 8px; color: #000000; padding: 0;}

h1 {font-family:"Times New Roman", Times, serif; font-weight: normal; color:#ffffff; font-size: 2.6em; padding: 5px 0px; margin: 5px 0px;}
h2 {font-family:"Times New Roman", Times, serif; font-weight: normal; color:#343434; font-size: 2em; padding: 5px 0px 5px 0px; margin: 25px 0px 5px 0px;  }
h3 {font-family:"Times New Roman", Times, serif; font-weight: normal; color:#343434; font-size: 1.6em; padding: 10px 0px; margin: 25px 0px 15px 0px; border-top: #cccccc solid 1px; border-bottom: #cccccc solid 1px;}
p {	line-height: 1.4em;}

#logocontainer {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #000000;
}

#logo {
	width: 750px;
	margin: 0px auto;
	padding: 20px 0px 13px 0px;
}


/* N A V I G A T I O N */

#menucontainer {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#menu {
	width:790px;
  	padding:0px 0px 0px 0px;
	margin-right: auto;
	margin-left: auto;
}

#menu ul 				{padding:0px 0px; margin:0 0 0 0; list-style-type:none; width:750px;}
#menu li 				{padding:0; float:left; text-decoration:none; }
#menu a, #menu a:visited 				{padding: 0px; height: 39px; width: 100px; color:#000; font-weight:normal; text-decoration:none; display:block;}
#menu a:hover, #menu a:focus  {padding: 0px; height: 39px; width: 100px; color:#000; font-weight:bold; text-decoration:none; display:block;}

#menu .aboutus a 		{height: 39px; background-image:url(images/Nav-aboutus.jpg); background-repeat:no-repeat; background-position: center top;}
#menu .aboutus a:hover 	{height: 39px; background-image:url(images/Nav-aboutus.jpg); background-repeat:no-repeat; background-position: center bottom;}

#menu .why a:link, #menu .why a:visited 	{height: 39px; background-image: url(images/Nav-whyelililly.jpg); background-repeat:no-repeat; background-position: center top;}
#menu .why a:hover, #menu .why a:active		{height: 39px; background-image:url(images/Nav-whyelililly.jpg); background-repeat:no-repeat; background-position: center bottom;}

#menu .jobs a 			{height: 39px; background-image: url(images/Nav-elilillyjobs.jpg); background-repeat:no-repeat; background-position: center top;}
#menu .jobs a:hover 	{height: 39px; background-image: url(images/Nav-elilillyjobs.jpg); background-repeat:no-repeat; background-position: center bottom;}

#menu span {display: none;}


  
/*  E N D    O F   N A V I G A T I O N */


#imagerowcontainer-red {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image:url(images/redtexture.jpg); background-repeat:repeat-x; background-position:left;
}

#imagerow-red {
	width: 775px;
	height: 66px;
	margin: 0px auto;
	padding: 120px 0px 0px 25px;
	background-image:url(images/header-lab2.jpg); background-position: left center; background-repeat:no-repeat;
}

#imagerowcontainer-green {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(images/greentexture.jpg); background-repeat:repeat-x; background-position:left;
}

#imagerow-green {
	width: 775px;
	height: 66px;
	margin: 0px auto;
	padding: 120px 0px 0px 25px;
	background-image: url(images/header-kid2.jpg); background-position: left center; background-repeat:no-repeat;
}

#imagerowcontainer-lilac {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(images/purpletexture.jpg); background-repeat:repeat-x; background-position:left;
}

#imagerow-lilac {
	width: 775px;
	height: 66px;
	margin: 0px auto;
	padding: 120px 0px 0px 25px;
	background-image: url(images/header-microscope2.jpg); background-position: left center; background-repeat:no-repeat;
}




#contentcontainer {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#content {
	width: 750px;
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
}

#imagerotatorcontainer{ 
	width: 225px;
	padding-bottom: 10px;
}

#imagerotator1 {width: 90px; height: 90px; margin-right: 25px; float: left; border: solid 5px #f6dca3;}
#imagerotator2 {width: 90px; height: 90px; float:left;  border: solid 5px #f6dca3;}

.leftcol	{
	width: 500px;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	float: left;
}

.leftcol ul	{
	margin: 0px 0px 0px 8px;
	padding: 0px;
}

.leftcol li	{
	margin: 0px 0px 0px 8px;
	padding: 0px;
	line-height: 1.4em;
}

.rightcol	{
	width: 225px;
	margin: 0px;
	padding: 25px 0px 0px 0px;
	float: left;
}

.rightcol ul	{
	margin: 0px 0px 0px 8px;
	padding: 0px;
}

.rightcol li	{
	margin: 0px 0px 0px 8px;
	padding: 0px;
	line-height: 1.4em;
}


/*footer*/

#footercontainer {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-top: #000000 solid 1px;
	background-image:url(images/colors.gif); background-position:top; background-repeat:repeat-x;
}

#footer {
	width: 750px;
	font-size: .8em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#footer .hayslogo img {
	float: left;
	padding-right: 15px;
	margin-top: -10px;
}