* {
margin: 0;
padding: 0;  
}

html, body {
min-height: 100.1%;
}

body {
font-size: 76%;
line-height: 1.0;
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", LucidaSans, Lucida, Arial, Verdana, sans-serif;
color: #333;
background: #fff url("/images/template/bg-body.gif");
}

p, ul, ol, dl, table {
font-size: .9em;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 2em;
}
ul ul, ol ol, ul ol, ol ul, p input {
font-size: 1em;
}

img {
border: 0;
}

a {
color: Blue;
cursor: pointer;
}

a:visited {
color: purple;
}

a:hover, a:focus {
color: red;
}

.hide,  #skiplink {
position: absolute;
top: -5000px;
left: -5000px;
}


fieldset {
border: 0;
}

.floatwrapper {
min-height: 1%;
}
.floatwrapper:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}

.replace {
position: relative;
overflow: hidden;
}
.replace i,
.replace em {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: transparent;
background-repeat: no-repeat;
}
.replace a i, a.replace i
.replace a em, a.replace em {
cursor: pointer;
}

.clearer {
line-height: 0.0; 
height: 1px;
clear: both;
}

/*wrapper
++++++++++++++++++++++++++++*/
#outerwrapper {
margin: 0 auto;
min-width: 770px;
max-width: 1100px;
}

#wrapper {
background: white;
}

/*header
++++++++++++++++++++++++++++*/
#header {
background: #c8e7fd url("/images/template/bg-header.jpg") no-repeat;
border-right: 1px solid #c8d9e6;
border-bottom: 1px solid #889DAD;
margin-top: 20px;
position: relative;
}

#skip:focus, #skip:active {
top: 0.2em;
left: 160px;
color: blue;
font-weight: bold;
padding: 0.2em 1em;
z-index: 99;
}
#tools {
position: absolute;
bottom: 12px;
right: 9px;
width: 196px;
}
#keepfoodsafe {
width: 196px;
height: 38px;
}
#keepfoodsafe em {
background-image: url("/images/template/bg-keep-food-safe.jpg");
}
#keepfoodsafe a:hover em, #keepfoodsafe a:focus em {
background-position: 0px -38px;
}
#search {
background: transparent url("/images/template/bg-search.jpg") 0px 4px no-repeat;
margin-top: 5px;
position: relative;
}
#search .box-top, #search .box-bot {
position: absolute;
display: block;
width: 196px;
height: 5px;
left: 0px;
font-size: 1px;
}
#search .box-top {
background-image: url("/images/template/bg-search-top.gif");
height: 4px;
top: 0px;
}
#search .box-bot {
background-image: url("/images/template/bg-search-bot.gif");
bottom: 0px;
}
#search label {
color: #09f;
font-weight: bold;
padding-top: 10px;
padding-bottom: 7px;
padding-left: 20px;
display: block;
letter-spacing: -1px;
}
#search #searcharea {
background: transparent url("/images/template/bg-search-round.gif") no-repeat;
display: block;
width: 173px;
height: 32px;
margin-left: 10px;
}
#search input {
display: block;
float: left;
clear: none;
border: none;
}
#search input.formterm {
margin-top: 4px;
padding-top: 2px;
margin-left: 11px;
width: 130px;
}
#search input.formsubmit {
margin-top: 4px;
}

/*navigation
++++++++++++++++++++++++++++*/
#navigation {
background-color: #efefef;
border-top: 1px solid #fff;
border-right: 1px solid #efefef;
border-bottom: 1px solid #b8b8b8;
border-left: 1px solid #e0e0e0;
}
#navigation ul {
list-style-type: none;
margin: 8px 0 9px 9px;
width: 550px;
}
#navigation ul li {
display: inline;
}
#navigation ul a {
letter-spacing: -0.5px;
font-weight: bold;
text-decoration: none;
display: block;
float: left;
background: #eff6f9 url("/images/template/bg-mainnav.gif") left bottom no-repeat;
color: #004c68;
width: 152px;
min-height: 16px;
padding: 8px 0px 4px 10px;
margin-right: 2px;
margin-bottom: 2px;
}
#logolink img {
background-image: url("/images/template/bg-mainnav-on.gif");
}
#navigation ul a:hover, #navigation ul a:focus {
background-color: #c4e0ed;
background-image: url("/images/template/bg-mainnav-on.gif");
color: #fff;
}
#navigation ul li a.active,
#navigation ul li.active a {
background-color: #e60202;
background-image: url("/images/template/bg-mainnav-current.gif");
color: #fff;
}
#navigation ul li#nav-edu a {
clear: left;
}


/*2 col layout on home page
++++++++++++++++++++++++++++*/
#homepage #mainwrapper {
margin: 0 202px 0 15px;
}
#homepage #content {
float: left;
width: 100%;
position: relative;
}
#homepage #related {
float: right;
position: relative;
width: 175px;
margin-right: -193px;
}

/*content
++++++++++++++++++++++++++++*/
#content {

}

#content p {
line-height: 1.8;
margin-top: 1em;
margin-bottom: 1em;
}

#content li {
line-height: 1.5;
}

#content dt {
line-height: 1.5;
margin-top: 1em;
margin-bottom: 0;
}
#content dd {
line-height: 1.5;
margin-top: 0;
margin-bottom: 1em;
}

#content a {
color: #408aa9;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}

#content h1 {
margin: 1em 0 0;
font-size: 1.25em;
color: #09f;
background: transparent url("/images/template/bg-h1.gif") 0px 2px no-repeat;
padding-left: 16px;
}
#content h1 em {
font-style: normal;
color: #666;
}
#content h2 {
margin: 1em 0 0;
font-size: 1.2em;
}
#content h3 {
margin: 1em 0 0;
font-size: 1.0em;
}
/* redundant as this div not applied */
#content .tablewrapper {
padding-bottom: 7px;
margin: 1em 0 3em;
background: transparent url("/images/template/bg-tablewrapper.jpg") left bottom repeat-x;
}
#content table {
border-collapse: collapse;
width: 100%;
margin: 1em 0 3em;
border-bottom: 7px solid #eee;
}
#content th, #content td {
vertical-align: top;
text-align: left;
border: 1px solid #fff;
padding: 0.6em;
}
#content thead {

}
#content th {
background: transparent url("/images/template/bg-th.jpg") left bottom repeat-x;
padding: 0.8em 0.6em 0.4em 0.6em !important;
line-height: 1.4;
}
#content th.active {
background: transparent url("/images/template/bg-th-on.jpg") left bottom repeat-x;
line-height: 1.0;
}
#content th a {
display: inline;
}
#content th img {
display: inline;
vertical-align: bottom;
}
#content td {
background: #daeffe;
}
#content tr.even td {
background: #fff;
}
#content tr:hover td {
color: #09f;
}
#content th a, #content td a {
color: #333;
}
#content th a:hover {
text-decoration: none;
}
#content tr:hover td a {
color: #09f;
}
#content ul {
list-style-type: none;
margin-left: 0;
margin: 1em 0;
}
#content ul li {
padding-left: 14px;
background: transparent url("/images/template/bg-bullet-blue.gif") no-repeat 0px 0.5em;
margin-top: 0.4em;
margin-bottom: 0.4em;
}

#content ol{
margin-left: 2.7em;
}
#content ol li {
margin: 0 0 0.4em;
}




/*search results
++++++++++++++++++++++++++++*/

dl.search-results dt {
	margin-top: 1.5em !important;
	font-weight: bold;
	text-decoration: underline;
}
dl.search-results dt:first-child {
	margin-top: 1em !important;
	font-weight: bold;
	text-decoration: underline;
}
dl.search-results dd {
	margin-left: 2em;
}




/*homepage rightbar
++++++++++++++++++++++++++++*/
#related {
padding-top: 22px;
padding-bottom: 30px;
}
#related .rel-box {
margin-bottom: 5px;
background: #fff url("/images/template/bg-rel-box.gif") repeat-y;
}
#related .rel-box h2 {
background: transparent url("/images/template/bg-rel-box-header.gif") no-repeat;
min-height: 12px;
padding: 13px 0 0 27px;
color: #333;
font-size: 1.1em;
}
#related #rel-partners.rel-box h2 {
min-height: 11px;
padding: 14px 0 0 27px;
font-size: 1.0em;
}
#related .rel-box h2 a {
color: #333;
text-decoration: none;
}
#related .rel-box .box-content {
padding: 12px 14px 6px;
}
#related .rel-box .box-bot {
display: block;
width: 175px;
height: 8px;
background: transparent url("/images/template/bg-rel-box-bot.gif") no-repeat;
}

#related .rel-box h3 {
font-size: 0.9em;
}
#related .rel-box h3 a {
color: #09f;
text-decoration: none;
}
#related .rel-box h3 a:hover, #related .rel-box h3 a:focus {
color: #06c;
}
#related .rel-box p {
margin: 0.2em 0 0.8em;
line-height: 1.2;
}

#related .rel-box li {
margin: 0.2em 0 0.8em ;
line-height: 1.2;
list-style-type: none;
}
#related #rel-news.rel-box li {
margin: 0.2em 0 0.8em 10px;
line-height: 1.2;
list-style-type: disc;
}
#related .rel-box li a {
color: #666;
text-decoration: none;
}
#related #rel-news.rel-box li a {
font-size: 11px;
font-weight: bold;
color: #0099FF;
}

#related #rel-news.rel-box li a:focus,
#related #rel-news.rel-box li a:hover {
  color: #0066CC;
}
#rel-partners p.button {
margin-bottom: 0;
}
#rel-partners p.button a {
display: block;
width: 88px;
min-height: 16px;
padding: 4px 24px 2px 10px;
color: #333;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none;
background: transparent url("/images/template/bg-participate.gif") left bottom no-repeat;
}
#rel-partners p.button a:hover, #rel-partners p.button a:focus {
background-image: url("/images/template/bg-participate-on.gif");
}

/*footer
++++++++++++++++++++++++++++*/
#footer {
clear: both;
font-size: 0.85em;
color: #4e4a49;
padding: 12px 0 60px 12px;
}

#footer strong {
margin-right: 0.4em;
}
#footer a {
text-decoration: none;
color: #4e4a49;
margin: 0 0.4em;
}
#footer a:hover, #footer a:focus {
text-decoration: underline;
}

/*homepage 
++++++++++++++++++++++++++++*/
#homepage #content {
padding-top: 12px;
}
#homepage .rollbox {
width: 268px;
min-height: 167px;
float: left;
clear: none;
background: #fff;
margin-bottom: 22px;
float: left;
}

#homepage .rollbox img {
display: block;
border: 1px solid #ccc;
}
#homepage #rollbox-1, #homepage #rollbox-2 {
margin-right: 12px;
}
#homepage .rollbox-text {
margin: 0 25px 0 32px;
}
#homepage .rollbox-text h2 {
width: 200px;
height: 55px;
margin-top: 0;
}
#homepage .rollbox-text p {
line-height: 1.3;
margin-top: 0;
margin-bottom: 6px;
} 
#homepage .rollbox p.button {
margin-bottom: 0;
}
#homepage .rollbox p.button a {
display: block;
width: 88px;
min-height: 16px;
padding: 4px 24px 2px 10px;
color: #333;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none;
background: transparent url("/images/template/bg-rollbox-1-button.gif") left bottom no-repeat;
}
#homepage #rollbox-2 p.button a {
background-image: url("/images/template/bg-rollbox-2-button.gif");
}
#homepage #rollbox-4 p.button a {
background-image: url("/images/template/bg-rollbox-4-button.gif");
}

#homepage #rollbox-2 p {
margin-bottom: 4px;
}



/*2 col layout on content pages
++++++++++++++++++++++++++++++++*/
#contentpage #navigation {
border-bottom: 0px;
}
#breadcrumb {
margin: 0 0;
padding: 4px 0 6px;
padding-left: 18px;
background: transparent url("/images/template/bg-breadcrumb.jpg") left bottom repeat-x;
font-weight: bold;
border-left: 1px solid #c2c2c2;
}
#breadcrumb a {
color: #333;
text-decoration: none;
}
#breadcrumb .on a, #breadcrumb .on {
color: #e60202;
}

#contentpage #mainwrapper {
margin: 0 53px 0 154px;
}
#contentpage #content {
float: left;
width: 100%;
position: relative;
padding-top: 8px;
}
#contentpage #subnav {
float: left;
position: relative;
width: 144px;
margin-left: -144px;
}

#subnav #subnav-secondary-links ul {
list-style-type: none;
margin-top: 21px;
}
#subnav #subnav-secondary-links li {
margin-bottom: 5px;
}
#subnav #subnav-secondary-links li a {
font-size: 0.95em;
text-decoration: none;
display: block;
background: transparent url("/images/template/bg-subnavitem.jpg") left bottom no-repeat;
color: #333;
width: 111px;
min-height: 15px;
padding: 4px 2px 2px 10px;
}
#keepfoodsafe {
background-image: url("/images/template/bg-subnavitem-on.jpg");
}
#subnav #subnav-secondary-links li a:hover, #subnav #subnav-secondary-links li a:focus {
background-image: url("/images/template/bg-subnavitem-on.jpg");
}
#subnav #subnav-secondary-links li.active a,
#subnav #subnav-secondary-links li a.active {
background-color: #e60202;
background-image: url("/images/template/bg-subnavitem-current.gif");
color: #fff;
}


#subnav .block {
	margin-top: 2em;
}




/* Food safety page */
#contentpage #content .c-box {
padding-bottom: 16px;
clear: both;
}

#contentpage #content #c-1 {
min-height: 220px;
}

#contentpage #content #c-2 {
min-height: 220px;
}

#contentpage #content #c-3 {
min-height: 180px;
}

#outerwrapper #mainwrapper #content .homepage .c-box {
min-height: 0px;
}

#contentpage #content #c-4 {
min-height: 180px;
padding-bottom: 30px;
}

#homepage #content .c-box h2,
#contentpage #content .c-box h2 {
width: 200px;
height: 38px;
margin-top: 0;
}
#homepage #content .homepage #c-1 h2 i,
#homepage #content .homepage #c-1 h2 em,
#contentpage #content #c-1 h2 i,
#contentpage #content #c-1 h2 em {
background: transparent url("/images/template/bg-rollbox-1-header.gif") 0px -10px no-repeat;
}
#homepage #content .homepage #c-2 h2 i,
#homepage #content .homepage #c-2 h2 em,
#contentpage #content #c-2 h2 i,
#contentpage #content #c-2 h2 em {
background: transparent url("/images/template/bg-rollbox-2-header.gif") 0px -10px no-repeat;
}
#homepage #content .homepage #c-3 h2 i,
#homepage #content .homepage #c-3 h2 em,
#contentpage #content #c-3 h2 i,
#contentpage #content #c-3 h2 em {
background: transparent url("/images/template/bg-rollbox-3-header.gif") 0px -14px no-repeat;
}
#homepage #content .homepage #c-4 h2 i,
#homepage #content .homepage #c-4 h2 em,
#contentpage #content #c-4 h2 i,
#contentpage #content #c-4 h2 em {
background: transparent url("/images/template/bg-rollbox-4-header.gif") 0px -14px no-repeat;
} 

#contentpage #content .c-box img {
float: right;
clear: none;
display: block;
margin-top: 12px;
}
#homepage #content .homepage #c-1 ul li,
#contentpage #content #c-1 ul li {
background-image: url("/images/template/bg-bullet-yellow.gif");
}
#homepage #content .homepage #c-2 ul li,
#contentpage #content #c-2 ul li {
background-image: url("/images/template/bg-bullet-red.gif");
}
#homepage #content .homepage #c-3 ul li,
#contentpage #content #c-3 ul li {
background-image: url("/images/template/bg-bullet-green.gif");
}
#homepage #content .homepage #c-4 ul li,
#contentpage #content #c-4 ul li {
background-image: url("/images/template/bg-bullet-blue.gif");
}

#homepage #content .homepage ul li.yellow-bullet,
#contentpage #content ul li.yellow-bullet {
background-image: url("/images/template/bg-bullet-yellow.gif");
}
#homepage #content .homepage ul li.red-bullet,
#contentpage #content ul li.red-bullet  {
background-image: url("/images/template/bg-bullet-red.gif");
}
#homepage #content .homepage ul li.green-bullet,
#contentpage #content ul li.green-bullet {
background-image: url("/images/template/bg-bullet-green.gif");
}