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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #e61820;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-image: url(images/grad_bckgnd.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
p {
	margin-top: 0;
	padding: 0;
}
a {
	text-decoration:none;
}
a:link, a:visited {
color: #0000cc;
}
a:hover {
	text-decoration:underline;
}
ul {
	margin: 0;
	padding: 0;
}
#container {
	margin: 0;
	text-align: center;
	background-image: url(images/stripe_bckgnd.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#containerContent {
	width: 969px;
	margin: 0 auto;
	text-align: left;
	overflow:hidden;
}
#topLeftNav {
	float:left;
	margin: 0;
	height: 33px;
	padding-top:24px;
	width: 270px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	text-align:center;
	letter-spacing: 1px;
}
#topRightNav {
	float:right;
	margin: 0;
	padding-top:24px;
	width: 688px;
	font-size:11px;
	text-transform:uppercase;
	text-align:left;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 1px;
}
#topLeftNav ul, #topLeftNav li {
	display:inline;
	line-height:33px;
}
#topLeftNav a {
	color: #e1d456;
}
#topLeftNav li {
	padding: 0 3px;
}
.homeimage {
	background: url(images/homeleftbckgnd.jpg) no-repeat bottom;
}
#topnav .selected a {
	color: #E61820;
}
#sidebar1 {
	clear:both;
	float: left;
	width: 275px;
	background: #F5EBA5 url(images/shadow1.jpg) no-repeat right top;
	padding: 0;
}
#sidebar1 h1 {
margin: 0;
padding: 0;
}
#sidebar1 h1, #sidebar1 h1.home {
	display: list-item;                /* 1. */
	list-style-image: url(images/logo.gif); /* 2. */
	list-style-position: inside;       /* 3. */
	letter-spacing: -1000em;           /* 4. */
	font-size: 1pt;                    /* 5. */
	color: #F5EBA5;
	margin: 0 0 0 3px;
	padding: 0;
	height: 111px;
	width: auto;
}
#sidebar1 h1 a {
display:block;
}
#sidebar1 img.logo {
margin-left: 6px;
}
#sidebar1 p {
	font-size: 11px;
	margin: 5px;
	margin-top: 1em;
}
#sidebar1 p strong {
	text-transform: uppercase;
	color: #a08b44;
	letter-spacing: .1em;
}
/* second and third level pages */
.sidebarContent {
	padding: 23px 23px 0 23px;
	background: url(images/sidebar_family.jpg) no-repeat left bottom;
	width:223px;
	height:483px;
}
#sbfoodsafety  p  strong, .contentsidebar p strong {
	text-transform: uppercase;
	color: #a08b44;
	letter-spacing: 0;
}
#sbfoodsafety  p {
	margin-left: 10px;
	margin-right: 10px;
}
#sbflourscoop {
	/*height:563px;*/
	background-image: url(images/sidebar_flourscoop.jpg);
}
#sbflourbowl {
	/*height:563px;*/
	background-image: url(images/sidebar_flourbowl.jpg);
}
#sbkathy2 {
	/*height:563px;*/
	background-image: url(images/sidebar_kathy2.jpg);
}
#sbkathy3 {
	/*height:563px;*/
	background-image: url(images/sidebar_kathy3.jpg);
}
#sbfoodsafety img.aib{
	padding-top:15px;
}
.sidebarNav1 a {
	color: #B32317;
}
.sidebarNav2 a {
	color: #A78D44;
}
.sidebarNav1 {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	line-height: 18px;
	margin-top: 18px;
}
.sidebarNav2 {
	font-size: 10px;
	text-align: center;
	text-transform: lowercase;
	line-height: 12px;
	margin: 0px 0 6px 0;
}
.sidebarContent li {
	list-style-type: none;
}
#sidebarShadow {
	clear:both;
	float: left;
	width: 270px;
	height: 4px;
	margin: 0;
	padding: 0;
	background-image: url(images/shadow2bottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#mainContent {
	clear:right;
	padding: 0;
	background-image: url(images/shadow2.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
	margin-left: 275px;
	font-size: 12px;
	color: #FFFF99;
	background-color: #FFFFFF;
}
/* second and third level pages */
.content {
	font-size: 12px;
	line-height: 1.3;
	background-color: #FFF;
	color: #A21516;
	padding:40px;
	overflow: hidden;
	margin-right: 5px;
}
#fixedHeight {
height: 426px;
}
.content h1 {
	background: url(images/content_head.gif) no-repeat;
	text-indent: -9999px;
	height: 31px;
	margin-top: 14px;
	margin-bottom: 10px;
}
.content h2 {
	font-size: 18px;
	text-transform: uppercase;
	word-spacing: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.content h3 {
	font-size: 12px;
	text-transform: uppercase;
	word-spacing: 1px;
	color: #EE3224;
	font-weight: bold;
	margin-bottom: 12px;
}
.content ul {
	margin:1.2em;
	padding:0;
	margin-top: -.5em;
}
.content ul.breadcrumbs {
	margin-left: 0;
	color: #A78D44;
	text-transform: lowercase;
	margin-bottom:-14px;
	word-spacing: 3px;
}
.breadcrumbs li {
	display: inline;
	font-size: 10px;
}
.contentImage {
	float: right;
	width: 335px;
	margin-left: 30px;
	margin-bottom: 20px;
	margin-top: 14px;
}
.contentImage#transparent {
	margin-left: 0px;
	width: 350px;
	text-align: right;
}
.contentImage3rdLevel {
	float: right;
	width: 235px;
	margin-left: 30px;
	margin-bottom: 20px;
	margin-top: 14px;
}
.contentImage h3, .contentImage3rdLevel h3 {
	font-size: 10px;
	text-transform: uppercase;
	word-spacing: 1px;
	color: #EE3224;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 19px;
	text-align:left;
}
.contentImage3rdLevel .nomargin{
	margin-bottom:0;
	padding-bottom:0;
}
.contentImage#transparent h3{
margin-left: 15px;
}
.contentImage img {
	margin: 0px;
	padding: 0px;
	z-index: 1;
}
.contentImage img.fltrtalt{
margin: 0 0 0 20px;
}
.contentImagebleed {
	float: right;
	margin: -30px -30px 0px 0px;
	clear: right;
}
#footer {
	float: right;
	padding: 15px 20px;
	width: 654px;
	background-image: url(images/shadow2bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0;
	text-align:center;
	color: #e1d456;
	font-size: 9px;
	/*text-transform: uppercase;*/
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
/* table style */ 
caption {
	text-transform: uppercase;
	word-spacing: 1px;
	color: #EE3224;
	font-weight: bold;
	text-align: left;
	margin-bottom: 6px;
}
table, th, td {
	border: 1px solid #870E1B;
	border-collapse: collapse;
	text-align: center;
	color: #000000;
	padding: 5px;
	font-size: 10px;
}
td, th {
	vertical-align:middle;
}
th {
	background-color: #870E1B;
	font-size: 9px;
	color: #F5F1CC;
	font-weight: bold;
	text-transform: uppercase;
}
table {
	border:none
}
tfoot td {
	text-align: left;
	border: none;
}
tfoot .red {
	margin-left:10px
}
.yellowRow {
	background-color: #F5F1CC;
}
.red {
	color: #D40624;
	font-size: 12px;
	font-weight: bold;
}
.blue {
	color: #1998C6;
	font-size: 12px;
	font-weight: bold;
}
.contentImage3rdLevel img {
	margin: 0px;
	padding: 0px;
}
.MMSDCcaption {
	font-size: 11px;
	color: #000000;
	padding: 0 15px;
}
.contentsidebar {
	clear: both;
	background: #F5EBA5;
	margin-top: 120px;
	padding: 15px 15px 5px 15px;
}
.contentsidebar p, p.blackCaption {
	font-size: 11px;
	color: #000000;
}
p.footnote {
	font-size: 9px;
	color: #A21516;
}
.listhead {
	margin-bottom: .6em;
	padding: 0;
}

@media print {
.content h1 {
	text-indent: 0px;
	font-size: 24px;
	font-weight: bold;
	color: #b31e17;
	height: 31px;
	margin-top: 14px;
	padding-bottom: 10px;
	text-transform:uppercase;
}
}
.sidebarContent h3, .sidebarContent h3 a {
	font-size: 13px;
	text-transform: uppercase;
	color: #947D36;
	width: 100px;
	border-bottom: 1px solid #947D36;
	text-align: center;
	margin: 15px auto -10px auto;
}
.sidebarContent h3 a:visited {
color: #947D36;
}
.sidebarContent h3 a:hover {
text-decoration:none;
}

.spectable {
	clear: both;
	margin-bottom: 1em;
}