@charset "utf-8";
/* CSS Document */





/* MAIN STYLES 
------------------------------------------------------------------ */


#banner {
	background: url(../food-safety/images/back-banner.jpg) no-repeat;
	height: 256px;
	width: 965px;
	margin: 0px 0px 20px;
	float: left;
	padding: 0px 0px 0px 15px;
}




#banner h1 {
	margin: 30px 0px;
	display: block; /* Allows you to change the width and height of the image */

height: (Image height here);
width: (Image width here);
	text-indent: -2000em; /* Hides the text in the h1 tag */
	text-decoration: none; /* Hides the underline of the hyperlink */
	z-index: 1000; /* IE Fix*/

background: url(Your link here!) 0 0 no-repeat; /* The pathway to the image*/
	background: url(../food-safety/images/food-safety.gif) no-repeat;
	height: 22px;
	width: 428px;
}


.highlight1 {
	color: #666666;
}

.introBox {
	float:left;
	width: 600px;
}
p.intro {
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}


.fs-eventBox {
	float: right;
	width: 229px;
	margin-top: 90px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.fs-event {
	background: url(../food-safety/images/back-events.jpg) no-repeat;
	height: 58px;
	width: 214px;
	margin: 5px 0px 0px;
	padding: 11px 0px 0px 14px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.fs-event h2 {
	padding: 0px 0px 5px;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}
.fs-event p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #333333;
}
.fs-event p a {
	color: #005daa;
	text-decoration: underline;
}
.fs-event p a:hover {
	text-decoration: none;
}



#main {
	width: 730px;
	float:left;
}

#main .products {
	margin: 0px 0px 25px;
}
#main .products p { text-align:center;}

#main .products p a {
	font: 11px/20px Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 0px 10px;
}
#main .products p a:hover {
	color: #005daa;
}

.dblCol {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 40px;
	width: 715px;
	float: left;
}
.dblCol-left {
	width: 330px;
	border-right: 1px dashed #CCCCCC;
	padding: 0px 20px 0px 0px;
	float:left;
}
.dblCol-left p {
	color: #494949;
	font: 12px/20px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.dblCol-right {
	float: right;
	width: 340px;
}
.dblCol-right ul {
	background: url(../food-safety/images/icon-pdf.jpg) no-repeat left top;
	padding: 0px 0px 0px 45px;
}
.dblCol-right ul li a {
	font: 12px/22px Arial, Helvetica, sans-serif;
	color: #005daa;
	text-decoration: none;
	background: url(../food-safety/images/bullet-blueArrow.gif) no-repeat left center;
	padding: 0px 0px 0px 8px;
}
.dblCol-right ul li a:hover {
	text-decoration: underline;
}

.number {
	position: absolute;
	width: 200px;
	height: 45px;
	text-align: left;
	padding: 0px 0px 0px 30px;
	margin-left:15px;
}
.one {
	background: url(../food-safety/images/one.gif) no-repeat left top;
}
.two {
	background: url(../food-safety/images/two.gif) no-repeat left top;
}
.three {
	background: url(../food-safety/images/three.gif) no-repeat left top;
}
.four {
	background: url(../food-safety/images/four.gif) no-repeat left top;
}
.line1 {
	font-size: 14px;
	color: #ff0000;
	line-height: 20px;
}
.line2 {
	font-size: 18px;
	color: #336699;
	font-weight: bold;

}



/* RIGHT CONTENT ------------------------------------- */
#right-fs {
	float: right;
	width: 205px;
	border: 1px solid #CCCCCC;
	padding: 5px 10px 15px;
	margin-bottom:10px;
}


#right-fs ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#right-fs h2 a {
	margin: 0px 0px 12px;
	padding: 0px 0px 0px 5px;
	width: 185px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	background: url(../images/bg-localnav.gif) repeat-x left top;
	height: 24px;
	line-height: 24px;
	border-bottom-style: none;
}
#right-fs h2 a:hover {
	background: #336699;
	color: #fff;
}
#right-fs li {
	margin: 0 0 1px 0px;
 }
#right-fs a {
	display: block;
	padding: 5px 0px 10px 3px;
	width: 202px;
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
}
#right-fs a:hover {
	color: #333;
	text-decoration: none;
}


#right-fs ul ul {
	margin: 0 0 10px 0;
}
#right-fs ul ul li {
	margin: 0; 
	border-bottom: none;
	padding:0px;
}

#right-fs ul ul a {
	display: block;
	padding: 7px 2px;
	width: 201px;
	color: #868686;
	text-decoration: none;
	font-size:11px;
	border-top: 1px solid #D7D7D7;
	font-weight: normal;
}
#right-fs ul ul a:hover {
	color: #333333;
	text-decoration: none;
	background: #F3F3F3;
}
#right-fs a.active {
	color: #000;
	background-color: #E4E4E4;
	text-decoration: none;
}

#right-fs p.pdf-button {
	background: url(../food-safety/images/bg-right-pdf.jpg) no-repeat;
	margin-bottom: 20px;
}

#right-fs p.button {
	background: url(../food-safety/images/bg-right.jpg) no-repeat;
	margin-bottom: 20px;
}

#right-fs p.pdf-button a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	margin-left: 50px;
	width: 152px;
	padding-top: 6px;
}
#right-fs p.pdf-button a:hover {
	text-decoration: none;
	font-weight: bold;
}

#right-fs p.button a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	margin-left: 0px;
	width: 197px;
	text-align:center;
	font-size:12px;
	height:28px;
	line-height:28px;
	padding:0px;
}
#right-fs p.button a:hover {
	text-decoration: none;
	font-weight: bold;
}