html {margin:0; padding:0; height: 100%;}

form {margin: 0; padding: 0;}

p {margin: 0px 0px 14px 0px; padding: 0; line-height: 133%;}

body {
font-family: arial, helvetica, sans-serif; 
color:#383838; 
text-align:center; 
margin: 0; 
padding: 0;
font-size: small; 
width: 100%;
background: #FFFFFF url(images/bg1.jpg) repeat-x top;
height: 100%;
}

h2 {padding: 0px 0px 0px 0px; margin: 0px 0px 4px 0px; font-size: small; font-weight: bold; color: #4c98ff;}
h3 {font-size: small; font-weight: bold; padding: 0; margin: 0;}
h4 {font-size: small; color: #666666; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0;}

img {
border:0px;
}


.web {width: 100%;}

A:link{font-size:12px;color:#4c98ff; font-weight: bold; outline: none;}
A:visited{font-size:12px;color:#4c98ff; font-weight: bold; outline: none;}
A:hover{font-size:12px;color:#4c98ff; text-decoration: underline; font-weight: bold; outline: none;}
A:active{font-size:12px;color:#4c98ff; font-weight: bold; outline: none;}
A{font-size:12px;color:#4c98ff; text-decoration: none; font-weight: bold; outline: none;}


#Table_01 {
	position:relative;
	top:0px;
	width:992px; margin: 0 auto 0 auto;
        text-align: center;
        padding: 0;

}


/* HOME PAGE */



.home1 {
width: 100%;
background: url(images/homebackground.jpg) no-repeat bottom center;
}

.home2 {
width: 100%;
background: url(images/homebackground2.jpg) repeat-x top;
}

.bottomareahome {
color: #fff;
font-size: 13px;
width: 992px;
height: 172px;
clear: both;
margin: 0 auto 0 auto;
}

.bottomarea1home {
width: 100%; 
clear: both;
min-width: 992px;
text-align: center;
}

.contentareahome {
overflow: auto;
width: 992px;
padding-top: 16px;
}

/* HEADER */

.whitetop 

{width: 992px;
height: 107px;
text-align: left;
background: url(images/topmenu.jpg) no-repeat top right;}

.topmenu
{
width: 754px;
height: 107px;
float: left;
}

.top1 {width: 23px; height: 107px; font-size: 1px; float: left;}
.top2 {width: 731px; height: 107px; font-size: 11px; float: left;}
.top3 {width: 731px; height: 29px; text-align: right;}
.googlelogo {width: 731px; height: 31px; text-align: right; background: url('images/googlelogo.jpg') no-repeat bottom right;}
.customsearch {font-size: 10px; padding-top:8px; padding-right: 19px;}

.contentarea {
overflow: auto;
width: 992px;
background: url(images/bg2.jpg) no-repeat top center;
padding-top: 16px;
}

.bottomarea1 {
width: 100%; 
clear: both;
background: url('images/bg3.jpg') repeat-x top; 
min-width: 992px;
text-align: center;
}

.bottomarea {
color: #fff;
font-size: 13px;
width: 992px;
height: 172px;
clear: both;
background: url(images/bottomtop.jpg) no-repeat top center;
margin: 0 auto 0 auto;
}

.copy {
width: 992px;
min-height: 20px;
clear: both;
text-align: left;
margin: 4px auto 0 auto;
font-size: small;
}



/* LEFT COLUMN */

.leftcolumn {
float: left;
display: inline;
width: 239px;
min-height: 200px;
}

.servicesmenu {
width: 239px;

}

.servicesmenu1 {
background: url(images/servicestop.png) no-repeat top;
width: 239px;
height: 55px;
}

.services {
background: url(images/servicesbg.png) repeat-y center;
width: 239px;
}

.servicesmenu3 {
background: url(images/servicesbottom.png) no-repeat top;
width: 239px;
height: 26px;
margin-bottom: 14px;
}

ul.ulservices {
font-size: 1px;
background: url(images/servicesmenu.jpg) no-repeat left top;
margin: 0px 0px 0px 18px;
height: 264px;
padding: 0;
list-style: none;
}

li.liservices {width: 221px; height: 22px; text-align: left; padding: 0px 0px 0px 0px; outline: none;}

.liservices
a:link{width: 221px; height: 22px; outline: none;}
.liservices
a:visited{width: 221px; height: 22px; outline: none;}
.liservices
a:hover{width: 221px; height: 22px; outline: none;}
.liservices
a:active{width: 221px; height: 22px; outline: none;}
.liservices
a{width: 221px; height: 22px; text-indent: -100000px; display: block; outline: none;}


img.imgservices {width: 200px; height: 22px; margin: 0;}

.middlecolumn {
float: left;
display: inline;
width: 20px;
position: relative;
min-height: 200px;
}

/* CONTENT AREA */

.rightcolumn {
float: left;
display: inline;
width: 733px;
position: relative;
}

.contenttop {
text-align: left;
width: 733px;
height: 48px;
background: url(images/contenttop.png) no-repeat center top;
}

.contentinside {
width: 733px;
min-height: 200px;
background: url(images/contentbg.png) repeat-y center;
}

.contentinside2 {
margin-left: 15px;
width: 704px;
min-height: 150px;
background: url(images/insidebg.png) no-repeat left top;
overflow: auto;
}

.contentinside3 {
margin-left: 15px;
width: 704px;
min-height: 150px;
background: url(images/insidebg2.png) no-repeat left top;
overflow: auto;
}

p.pscience {padding-top: 6px;}

.subpagecontent {width: 516px; min-height: 200px; display: inline; float: left; margin-right: 28px;}
.subpagerightcolumn {margin-top: 14px; width: 146px; display: inline; float: left; position: relative;}

.contentbottom {
width: 733px;
height: 18px;
background: url(images/contentbottom.png) no-repeat center top;
margin-bottom: 18px;
}

.maintext {
padding: 14px 14px 0px 14px;
text-align: justify;
color: #383838;
line-height: 133%;
}

ul.menu {padding: 0px 0px 0px 0px; list-style: none; margin: 0;}
li.menu {height: 47px; border: 0; font-size: 12px; text-align: center; margin: 0; padding: 0px 0px 0px 0px;}

.menu
a:link{font-size: 12px; outline: none;}
.menu
a:visited{font-size: 12px; outline: none;}
.menu
a:hover{font-size: 12px; outline: none;}
.menu
a:active{font-size: 12px; outline: none;}
.menu
a{font-size: 12px; outline: none;}


img.imgtitle {margin-left: 36px; height: 47px; margin-top: 1px; float: left;}
.features {padding-top: 18px; font-size: 10px; color: #a2a2a2; text-align: left; float: left; width: 340px;}


.features
A:link{color: #a2a2a2; font-size: 10px;}
.features
A:visited{color: #a2a2a2; font-size: 10px;}
.features
A:hover{color:#4c98ff; font-size: 10px; text-decoration: underline;}
.features
A:active{color: #a2a2a2; font-size: 10px;}
.features
A{color: #a2a2a2; font-size: 10px;}


.print {width: 115px; float: left;}

.tellafriend {width: 128px; float: left;}

.fav {float: left; width: 85px;}

h1.pagetitle {margin: 0; height: 48px; padding: 0; text-indent: -100000px;}
h1.pagetitle2 {margin: 0; height: 48px; padding: 0;}

/* LIST */


ul.list li {background: url(images/dots.gif) no-repeat left top; padding-left: 18px; color: #000; font-weight: normal; margin-bottom: 7px; line-height: 126%; margin-top: 6px; padding-top: 0px;}


ul.list {list-style: none; margin: 0px 0px 0px 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 16px;}

/* PDF LIST */

ul.pdflist li {background: url(images/arrow1.gif) no-repeat left top; padding-left: 22px; color: #000; font-weight: normal; margin-bottom: 6px; line-height: 16px; margin-top: 6px; padding-top: 0px;}


ul.pdflist {list-style: none; margin: 0px 0px 0px 0px; padding-top: 0px; padding-bottom: 4px; padding-left: 13px;}


h3.toggler {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: small; font-weight: bold; color: #555;}

h3.toggler A{font-weight: bold; color: #555;}
h3.toggler A:link{font-weight: bold; color: #555;}
h3.toggler A:hover{font-weight: bold; text-decoration: underline; color: #555;}
h3.toggler A:link{font-weight: bold; color: #555;}
h3.toggler A:active{font-weight: bold; color: #555;}
h3.toggler A:visited{font-weight: bold; color: #555;}

h2.dairyscience {padding: 0px 0px 0px 0px; margin: 0px 0px 4px 0px; font-size: small; font-weight: bold; color: #4c98ff;}
div.element {padding: 0px 0px 0px 0px; margin: 0; text-align: left;}

ul.pdflist A{font-weight: normal;}
ul.pdflist A:link{font-weight: normal;}
ul.pdflist A:hover{font-weight: normal; text-decoration: underline;}
ul.pdflist A:link{font-weight: normal;}
ul.pdflist A:active{font-weight: normal;}
ul.pdflist A:visited{font-weight: normal;}

/* SEARCH RESULTS */

.searchresultscolumn {width: 992px;}

/* DAIRY SCIENCE SUBMENU */
ul.submenu li {color: #000; font-weight: normal; margin-bottom: 6px; line-height: 16px; margin-top: 6px; padding-top: 0px;}


ul.submenu {list-style: none; margin: 0px 0px 0px 0px; padding-top: 0px; padding-bottom: 4px; padding-left: 0px;}

ul.submenu
A{background: url(images/arrow1.gif) no-repeat left top; padding-left: 22px;font-weight: normal;}
ul.submenu
A:link{background: url(images/arrow1.gif) no-repeat left top; padding-left: 22px;font-weight: normal;}
ul.submenu
A:hover{background: url(images/arrow1.gif) no-repeat left top; padding-left: 22px;font-weight: normal; text-decoration: underline;}
ul.submenu
A:link{background: url(images/arrow1.gif) no-repeat left top; padding-left: 22px;font-weight: normal;}
ul.submenu
A:active{background: url(images/arrow1.gif) no-repeat left top; padding-left: 22px;font-weight: normal;}
ul.submenu
A:visited{background: url(images/arrow1.gif) no-repeat left top; padding-left: 22px;font-weight: normal;}