* { margin: 0; padding: 0;} 
/*end global whitespace reset*/ 
/* layout: */ 

body  {
	color: black;
	font-size: 13px;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	line-height: 1.3em;
	background-color: #e2e2e2
	}


#main  {
	background-color: #42635d;
	margin: 0 auto;
	position: relative;
	top: 25px;
	width: 678px;
	padding-bottom:43px;
	}

#wrapper{position: relative;
	background-image: url("../images/footer.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #e88513;
	margin:0 auto;
	width:678px;  }
#content {
	margin: 0 20px 0 0;
	padding-top: 176px;
	padding-bottom: 50px;
	padding-left: 162px
	}
.kids #content{width:468px;
	padding-top: 150px; }
#content2{background-color: white;color: #42635d; padding: 6px 6px 50px 6px;
	background-image: url("../images/content2bg.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	width:456px;
	}
#content2 a{color:#e88513 }
#content2 a:hover{color:#42635d }

#header{width:678px;height:144px;position: absolute;top:0px;left: 0px;}
#subnav  {
	background-color: #42635d;
	display: block;
	margin-bottom: 10px;
	width: 468px
	}

#subnav a{font-weight: bold;}
#subnav ul { margin: 0;font-size: 13px; line-height: 18px; font-weight: normal; display:block;padding: 0 4px;}
/*#subnav ul li{display: inline;margin: 0;margin-right:20px;}*/
#subnav ul li{display: inline;margin: 0;padding-left:15px;background-image: url("../images/bullet.gif");
	background-repeat: no-repeat;background-position: 4px 0px; }
#subnav ul li:first-child {
	background-image: none;
	padding-left: 5px
	}


#footnote{position: absolute;bottom: 0;right: 0;padding:0 8px 8px 0;}
#footnote p{font-size: 9px;line-height: 1em;margin-bottom: 0}



#sidenav {
	display: block;
	font-family: "Arial Black";
	left: 8px;
	width: 140px;
	position: relative; margin-left:-154px; float:left;
	}

#sidenav ul { margin: 0;font-size: 16px; line-height: 18px; list-style: none;}
#sidenav ul li {
	margin: 0 0 10px;
	}

#sidenav a, #subnav a {
	text-decoration: none
	}

/* only IE mac/win sees these "* html" style fixes below */ 
/* note: first value is ie5/6win, optional escaped value is ie6win only */ 
/* make sure you don't put the escape slash before a-f */ 
/* start hide from ie5 mac until next comment \*/ 
 
* html #main {left:60px; lef\t:auto;}
* html .kids #content{width:306px;  }
* html #sidenav{position:absolute; top:188px; left:166px }
* html #content2{}
* html .kids .prop{display: none;}
* html .kids #content2{padding-bottom: 100px}
/* stop hide from ie5 mac */ 

.prop{height: 250px;width: 1px;display: block;float: right;}
.clear{clear: both;}
#PIGlogo_ {
	position:absolute;
	left:0px;
	top:0px;
	width:174px;
	height:144px;
}

#b-kids_ {
	background-image: url("../images/b-kids-over.gif");
	background-repeat: no-repeat;
	position:absolute;
	left:174px;
	top:0px;
	width:102px;
	height:144px;
}
#b-kids_ a {
	background-image: url("../images/b-kids.gif");
	background-repeat: no-repeat; display: block;
	}

#b-trivia_ {
	background-image: url("../images/b-trivia-over.gif");
	background-repeat: no-repeat;
	position:absolute;
	left:276px;
	top:0px;
	width:91px;
	height:144px;
}
#b-trivia_ a {
	background-image: url("../images/b-trivia.gif");
	background-repeat: no-repeat; display: block;
	}

#b-teachers_ {
	background-image: url("../images/b-teachers-over.gif");
	background-repeat: no-repeat;
	position:absolute;
	left:367px;
	top:0px;
	width:109px;
	height:144px;
}
#b-teachers_ a {
	background-image: url("../images/b-teachers.gif");
	background-repeat: no-repeat; display: block;
	}
#b-about_ {
	background-image: url("../images/b-about-over.gif");
	background-repeat: no-repeat;
	position:absolute;
	left:476px;
	top:0px;
	width:87px;
	height:144px;
}
#b-about_ a {
	background-image: url("../images/b-about.gif");
	background-repeat: no-repeat; display: block;
	}
#b-request_  {
	background-image: url("../images/b-request-over.gif");
	background-repeat: no-repeat;
	position: absolute;
	top: 5px;
	left: 563px;
	width: 115px;
	height: 16px
	}
#b-request_ a {
	background-image: url("../images/b-request.gif");
	background-repeat: no-repeat; display: block;
	}


#b-eventcalendar_  {
	background-image: url("../images/b-eventcalendar-over.gif");
	background-repeat: no-repeat;
	position: absolute;
	top: 21px;
	left: 563px;
	width: 115px;
	height: 16px
	}
#b-eventcalendar_ a {
	background-image: url("../images/b-eventcalendar.gif");
	background-repeat: no-repeat;display: block;
	}


#b-spon_  {
	background-image: url("../images/b-sponsors-over.gif");
	background-repeat: no-repeat;
	position: absolute;
	top: 37px;
	left: 563px;
	width: 115px;
	height: 16px
	}
#b-spon_ a {
	background-image: url("../images/b-sponsors.gif");
	background-repeat: no-repeat;display: block;
	}

 
#b-contact_  {
	background-image: url("../images/b-contact-over.gif");
	background-repeat: no-repeat;
	position: absolute;
	top: 57px;
	left: 562px;
	width: 115px;
	height: 16px
	}
#b-contact_ a {
	/*background-image: url("../images/b-contact.gif");*/
	background-repeat: no-repeat;display: block;
	}

#b-about_ a:hover, #b-teachers_ a:hover, #b-trivia_ a:hover, #b-kids_ a:hover, #b-contact_ a:hover, #b-spon_ a:hover, #b-eventcalendar_ a:hover, #b-request_ a:hover{background-image: none}
	 


/*textstyling*/
.symbol { font-family: Symbol, serif }
p  { margin-bottom: 0.8em }
p#breadcrumbs, span.pathway  {display:block; font-size: 10px; padding: 3px;  }
p,ul,dl,td,ol,td,th,caption {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 1.3em
	}
li,dd{margin-left:1.5em;}
dt{clear: left;margin-top: 8px}
a { color: white; text-decoration: underline }
a:hover { color: black}
a:visited{}
a:active{}
form{clear: both}
h1, h2, h3, h4, dt  {
	font-weight: bold;;
	}
h1, h2, h3 {
	margin-bottom: 0.5em
	}

h1  {
	color: #333;
	font-size: 22px;
	font-family: "Comic Sans MS";
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px; line-height: 1.1em
	}

h2 {font-size: 17px; padding-top: 5px; padding-bottom: 5px;  }
h3{font-size: 15px;}
h4{font-size: 12px;}
table{}
caption{padding: 2px; background-color: #005999; color: white}
td,th{margin-right: 2px;padding: 2px; vertical-align: top}	
.ruleabove{border-top: 1px solid #005999}
hr{margin-bottom: 10px}
img.pullout{position: relative;margin-left:-154px;float:left;clear: both; padding: 0 15px 10px 0;}
.right{float: right;margin: 0 0 10px 15px}
.left{float: left;margin: 0 15px 10px 0}
/* image highlights */

div#sidenav.welcome a#welcome, 
div#sidenav.biosecurity a#biosecurity,
div#sidenav.feedmill a#feedmill,
div#sidenav.breeding a#breeding,
div#sidenav.farrowing a#farrowing,
div#sidenav.nursery a#nursery,
div#sidenav.growout a#growout,
div#sidenav.manure a#manure,
div#sidenav.surprise a#surprise,
div#sidenav.intro a#intro,
div#sidenav.hearing a#hearing,
div#sidenav.airquality a#airquality
{padding-left: 17px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 0.4em; color:#42635d }

div#subnav.aboutpork a#aboutpork,
div#subnav.safety a#safety,
div#subnav.careers a#careers,
div#subnav.fun a#fun,
div#subnav.introduction a#introduction,
div#subnav.gallery a#gallery,
div#subnav.video a#video
{color:#e88513}

div#header.kids a#kids,
div#header.teachers a#teachers,
div#header.trivia a#trivia,
div#header.about a#about,
div#header.request a#request,
div#header.calendar a#calendar,
div#header.contact a#contact,
div#header.sponsors a#sponsors
{background-image:none}

/* 2-columns for sponsors: */
body.sponsors #content2 li {
	list-style-type: none;
	width: 200px;
	float: left
	}

body.sponsors #content2 h3 {
	margin-top: 10px;
	padding: 3px;
	clear: left;
	background-color: gray;
	color: white;
	text-align: center;
	}
address {
	font-style: normal
	}