/* styles for bmes online */

* {

margin: 0px;
padding: 0px;

}

html {

margin: 0px;
padding: 0px;
margin-left: -1px;
overflow-Y: scroll;

}

body {

/* height: 100%; */
margin: 0px;
padding: 0px;
text-align: center;

font-family: frutiger, verdana, helvetica, arial, sans-serif;
font-size: xx-small;

background: #eee;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

html>body {

font-size: x-small;
margin-left: 0px;

}

/* end ie5 fontsize fix */




/* main layout divs */


#wrapper {

background: url("../img/design/bg_772.gif") top center repeat-y #eee;
display: inline-block;

}





/* Hide from IE Mac \*/
#wrapper {display:block;}
/* End hide from IE Mac */

/* Hide from IE Mac \*/
* html #wrapper {height: 1%;}
/* End hide from IE Mac */


/* tony aslett float clearing technique */

#wrapper:after {

content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;

}

#container {

width: 750px;

margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
border: 0px;
text-align: left;
background: #fff;

}

/* ie5 container fixes */

/* following rule is for ie mac float problem */
#container {

display: inline-block;

}


/* following hack is for ie win only */

/* Hides from IE-mac \*/
* html #container {

height: 1%;

}

/* now reset display property for everything except ie mac */
#container {

display: block;

}
/* End hide from IE-mac */




/* ------------------- hidden links ------------------- */

#skipnav, #skipcontent, #skiplogin {

position: absolute;
left: -999px;
width: 990px;

}


/* header stuff */

#header {

height: 100px;

margin: 0px;
padding: 0px 0px 0px 0px;

background: #7c1;

}

/* strapline span uses the smart leahy/langridge image replacement (LIR) technique */
#header p {

padding: 30px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:30px;
	
background: url("../img/design/where_we_learn_about_food.gif") no-repeat 15px 15px;
	
}

/* h1 also uses the smart leahy/langridge image replacement (LIR) technique */
#header h1 {

padding: 70px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:70px;
	
background: url("../img/design/meat_and_education.gif") no-repeat 15px 34px;
	
}


#header img {

margin: 24px 15px 0px 0px;
padding: 0px;
float: right;

}




/* main column */

#main_column {

width: 475px;
padding: 0px;
margin: 0px;
float: left;

}


#main_menu {

height: 10px;


/* should really be 15px margin but use padding to keep netscape 7 happy */
margin:  0px;
padding: 15px;

}


#main_menu ul {

list-style: none;

}

#main_menu li {

float: left;

}

#main_menu a, #main_menu a:link ,#main_menu a:active, #main_menu a:visited, #main_menu a:hover {

display: block;

padding: 10px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:10px;

}

#menu_home {

width: 51px;
background: url("../img/design/menu_home.gif") no-repeat;

}

#menu_about {

width: 70px;
background: url("../img/design/menu_about.gif") no-repeat;

}

#menu_links {

width: 60px;
background: url("../img/design/menu_links.gif") no-repeat;

}

#menu_feedback {

width: 90px;
background: url("../img/design/menu_feedback.gif") no-repeat;

}

#menu_contact {

width: 85px;
background: url("../img/design/menu_contact.gif") no-repeat;

}

#menu_register {

width: 70px;
background: url("../img/design/menu_register.gif") no-repeat;

}


#main_content {

/* positioning of main content should really use margin, but ie5 doesn't like it */
margin: 0px;
padding: 5px 35px 15px 15px;

}



#latest_features {

margin: 0px 0px 15px 0px;
padding: 0px;

display:inline-block;

}

/* Hide from IE Mac \*/
#latest_features {display:block;}
/* End hide from IE Mac */

/* Hide from IE Mac \*/
* html #latest_features {height: 1%;}
/* End hide from IE Mac */



/* tony aslett float clearing technique */

#latest_features:after {

content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;

}


#latest_features h2 {

/* uses the smart leahy/langridge image replacement (LIR) technique */

padding: 20px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:20px;
	
background: url("../img/design/latest_features_heading.gif") no-repeat 0px 0px;

}

#latest_features div.feature {

width: 129px;
height: 180px;
margin: 15px 0px 0px 0px;
border: 1px solid #7c1;

float: left;

}

#latest_features div.feature h3 {

font-size: xx-small;
margin: 0px;
padding: 5px 5px 0px 5px;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

html>body #latest_features div.feature h3 {

font-size: x-small;

}

/* end ie5 fontsize fix */


#latest_features div.feature p {

margin: 0px;
padding: 5px;
line-height: 1.33em;

}


#latest_features div.feature ul {

list-style: none;
margin: 0px;
padding: 0px;

}

#latest_features div.feature li {

margin: 0px;
padding: 3px;

}

#latest_features div.feature li strong {

color: #666;

}


#latest_features div.feature a {

color: #5a0;
text-decoration: none;

}

#latest_features div.feature a:hover {

text-decoration: underline;

}

#latest_features #feature_1 {

margin-right: 16px;

}

#latest_features #feature_2 {

margin-right: 16px;

}

#latest_features #feature_3 {

margin-right: 0px;

}

#latest_features #feature_4 {

margin-right: 16px;

}

#latest_features #feature_5 {

margin-right: 16px;

}

#latest_features #feature_6 {

margin-right: 0px;

}


/* special rules for double feature box (feature_1and2) */

#latest_features #feature_1and2 {

width: 274px;
height: 180px;
margin-right: 16px;

}

#latest_features #feature_1and2 h3 {

font-size: small;

}

#latest_features #feature_1and2 img {

margin-right: 10px;
border-right: 1px solid #ddd;
float: left;

}

#latest_features #feature_1and2 p.pdf_link {

padding: 0px 0px 5px 20px;
background: url("../img/design/pdf_icon.gif") no-repeat top left;

float: left;

}

#see_also_features {

margin: 0px 0px 15px 0px;
padding: 0px;

}


#see_also_features h2 {

/* uses the smart leahy/langridge image replacement (LIR) technique */

padding: 20px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:20px;
	
background: url("../img/design/see_also_heading.gif") no-repeat 0px 0px;

}

#see_also_features div.feature {

margin: 15px 0px 0px 0px;
padding: 0px 0px 15px 0px;
border-bottom: 1px dotted #ccc;

display:inline-block;

}

/* Hide from IE Mac \*/
#see_also_features div.feature {display:block;}
/* End hide from IE Mac */

/* Hide from IE Mac \*/
* html #see_also_features div.feature {height: 1%;}
/* End hide from IE Mac */


/* tony aslett float clearing technique */

#see_also_features div.feature:after {

content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;

}

/* Hides from IE-mac \*/
* html #see_also_features div.feature {

height: 1%;

}
/* End hide from IE-mac */


#see_also_features div.feature img {

margin: 0px 10px 0px 0px;
padding: 0px;
border: 1px solid #7c1;
float: left;

}

#see_also_features div.feature h3 {

font-size: small;
margin: 0px;
padding: 0px;

}

#see_also_features div.feature h3 a {

color: #490;

}

#see_also_features div.feature p {

margin: 0px;
padding: 10px 0px 0px 0px;

}

#see_also_features div.feature p a {

color: #490;
text-decoration: none;

}

#see_also_features div.feature a:hover {

text-decoration: underline;

}


#supporters {

margin: 0px 0px 15px 0px;
padding: 0px;

}

#supporterslinks img {

margin: 10px 0px 0px 0px;
border: 1px solid #ddd;

}

#supporterslinks {

color: #fff;

}


#main_content h2 {

/* uses the smart leahy/langridge image replacement (LIR) technique */

padding: 20px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:20px;

}

#about_heading {

background: url("../img/design/about_heading.gif") no-repeat 0px 0px;

}

#contact_heading {

background: url("../img/design/contact_heading.gif") no-repeat 0px 0px;

}


#feedback_heading {

background: url("../img/design/feedback_heading.gif") no-repeat 0px 0px;

}


#links_heading {

background: url("../img/design/links_heading.gif") no-repeat 0px 0px;

}


#digibites_heading {

background: url("../img/design/digibites_heading.gif") no-repeat 0px 0px;

}


#interactives_heading {

background: url("../img/design/interactives_heading.gif") no-repeat 0px 0px;

}

#downloads_heading {

background: url("../img/design/downloads_heading.gif") no-repeat 0px 0px;

}

#order_free_heading {

background: url("../img/design/order_free_heading.gif") no-repeat 0px 0px;

}

#recipes_heading {

background: url("../img/design/recipes_heading.gif") no-repeat 0px 0px;

}

#research_heading {

background: url("../img/design/research_heading.gif") no-repeat 0px 0px;

}

#news_heading {

background: url("../img/design/news_heading.gif") no-repeat 0px 0px;

}

#register_heading {

background: url("../img/design/register_heading.gif") no-repeat 0px 0px;

}

#sitemap_heading {

background: url("../img/design/sitemap_heading.gif") no-repeat 0px 0px;

}

#registration_added_heading {

background: url("../img/design/registration_added_heading.gif") no-repeat 0px 0px;

}

#registration_updated_heading {

background: url("../img/design/registration_updated_heading.gif") no-repeat 0px 0px;

}

#registration_delete_heading {

background: url("../img/design/delete_registration_heading.gif") no-repeat 0px 0px;

}

#registration_deleted_heading {

background: url("../img/design/registration_deleted_heading.gif") no-repeat 0px 0px;

}

#login_heading {

background: url("../img/design/login_heading.gif") no-repeat 0px 0px;

}


#logged_out_heading {

background: url("../img/design/logged_out_heading.gif") no-repeat 0px 0px;

}

#basket_heading {

background: url("../img/design/basket_heading.gif") no-repeat 0px 0px;

}

#orders_heading {

background: url("../img/design/orders_heading.gif") no-repeat 0px 0px;

}

#order_placed_heading {

background: url("../img/design/order_placed.gif") no-repeat 0px 0px;

}

#my_account_heading {

background: url("../img/design/my_account_heading.gif") no-repeat 0px 0px;

}

#change_password_heading {

background: url("../img/design/change_password_heading.gif") no-repeat 0px 0px;

}

#forgotten_password_heading {

background: url("../img/design/forgotten_password_heading.gif") no-repeat 0px 0px;

}

#password_changed_heading {

background: url("../img/design/password_changed_heading.gif") no-repeat 0px 0px;

}

#file_not_found_heading {

background: url("../img/design/file_not_found_heading.gif") no-repeat 0px 0px;

}

#not_authorised_heading {

background: url("../img/design/not_authorised_heading.gif") no-repeat 0px 0px;

}

#access_control_heading {

background: url("../img/design/access_control_heading.gif") no-repeat 0px 0px;

}

#welcome_heading {

background: url("../img/design/welcome_heading.gif") no-repeat 0px 0px;

}

#feature_heading {

background: url("../img/design/feature_heading.gif") no-repeat 0px 0px;

}

#digibites_evaluation_heading {

background: url("../img/design/digibites_evaluation_heading.gif") no-repeat 0px 0px;

}

#yff_heading {

background: url("../img/design/yff_heading.gif") no-repeat 0px 0px;

}

#wcrf_heading {

background: url("../img/design/wcrf_heading.gif") no-repeat 0px 0px;

}

#ffl_heading {

background: url("../img/design/ffl_heading.gif") no-repeat 0px 0px;

}

#rmcb_heading {

background: url("../img/design/rmcb_heading.gif") no-repeat 0px 0px;

}



#main_content h3 {

color: #490;
font-size: small;
margin: 15px 0px 15px 0px;
padding: 0px;

}

#main_content h3.digibites {


}


#main_content p {

margin: 15px 0px 0px 0px;
padding: 0px;

}

#main_content p.info {

font-weight: bold;
color: #666;

}

#main_content p.caption {

margin: 0px;
padding: 0px;
text-align: right;
font-size: x-small;
color: #999;

}

#main_content p.nonfloatimgcaption {

margin: 0px 0px 20px 0px;
padding: 0px;
font-size: x-small;
color: #999;

}

#main_content blockquote {

color: #666;
font-style: italic;
margin: 15px 20px 0px 10px;
padding: 0px;

}


#main_content img.bodyimage {

margin: 15px 10px 5px 0px;
padding: 0px;
border: 1px solid #ccc;

float: left;

}


#main_content img.nonfloatimg {

margin: 15px 10px 5px 0px;
padding: 0px;
border: 1px solid #ccc;

}


#main_content img.lrgimage {

margin: 10px 0px 0px 0px;
padding: 0px;

float: left;

}


#main_content div.intro {

margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dotted #ccc;

}

#main_content div.intro p {



}


/* resources stuff */

#main_content #resource_select {

margin: 15px 0px 30px 0px;
padding: 5px 5px 5px 5px;
background: #eee;

}

#main_content #resource_select label {

color: #333;
font-weight: bold;
padding: 0px 5px 0px 0px;

}

#main_content #resource_select select {

margin-right: 5px;

font-family: frutiger, verdana, helvetica, arial, sans-serif;
font-size: xx-small;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

html>body #main_content #resource_select select {

font-size: x-small;
margin-left: 0px;

}

/* end ie5 fontsize fix */

#main_content #resource_select option {

padding: 0px 5px 0px 0px;

}


#resource_select #gobutton {

width: 43px;
height: 19px;

margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/go_button_eee.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}



#resource_select input.button {

padding: 0px 10px 0px 0px;
border: 0px;

width: 43px;
height: 20px;
overflow: hidden;

font-size: xx-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;
color: #333;

background: url("../img/design/go_button_bg.gif") no-repeat 0px 1px;

cursor: pointer;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

html>body #resource_select input.button {

font-size: x-small;

}

/* end ie5 fontsize fix */



#main_content #resources_tab_menu {

width: 423px;
height: 20px;

margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;

background: url("../img/design/tab_menu_bg.gif") repeat-x;

}


#main_content #resources_tab_menu ul {

list-style: none;
margin: 0px;
padding: 0px;

}


#main_content #resources_tab_menu li {

margin: 0px;
padding: 0px;

float: left;

}


#main_content #resources_tab_menu li a {

font-weight: bold;
text-align: center;

display: block;

width: 143px;
height: 19px;

padding: 4px 0px 0px 0px;
margin: 0px;

background: url("../img/design/tab_down.gif") no-repeat 0px 2px #fff;

}


#main_content #resources_tab_menu li a.active {

width: 137px;
background: url("../img/design/tab_up.gif") no-repeat #fff;

}



#main_content div.resource_item {

margin: 0px 0px 15px 0px;
padding: 0px 0px 15px 0px;
border-bottom: 1px dotted #ccc;

width: 425px;
float: left;

}

#main_content div.resource_item img {

margin: 0px 10px 10px 0px;
padding: 0px;
border: 1px solid #ccc;

float: left;

}


#main_content div.resource_item h3 {

margin: 0px 0px 0px 0px;
color: #666;

}

#main_content div.resource_item h4 {

margin: 0px 0px 0px 0px;
color: #999;
font-size: x-small;

}

#main_content h4 {

margin: 10px 0px 5px 0px;
color: #999;
font-size: x-small;

}


#main_content h5 {

margin: 15px 0px 0px 0px;
color: #000;
font-weight: bold;
font-size: x-small;

}


#main_content div.resource_item h4 {

color: #666;
font-size: small;

}


#main_content div.resource_item p {

line-height: 1.33em;

}


#main_content div.resource_item p.pdf_link {

padding: 0px 0px 5px 20px;
background: url("../img/design/pdf_icon.gif") no-repeat top left;

}


#main_content div.resource_item p.pdf_link_news {

padding: 0px 0px 5px 20px;
background: url("../img/design/pdf_icon.gif") no-repeat top left;
float: left;

}


#main_content div.resource_item p.curric_links {



}

#main_content div.resource_item p.instruction {

color: #999;
clear: both;

}

#main_content div.resource_item p.get_resource {

text-align: right;

}


#main_content div.resource_item p.get_resource img {

border: 0px;

}


#main_content div.resource_item p.get_resource a {

font-weight: bold;

margin: 0px 0px 0px 0px;
padding: 3px 27px 5px 45px;
background: url("../img/design/order_button_bg.gif") no-repeat #fff;


/* width and height settings to keep ie5 happy */
width: 103px;
height: 20px;


}


#main_content div.resource_img_gallery {

width: 425px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 15px 0px;
border-bottom: 1px dotted #ccc;

}


#main_content div.resource_img_gallery img {

margin: 0px 20px 20px 0px;
padding: 0px;
border: 1px solid #ccc;

float: left;

}

#main_content div.resource_img_gallery p {

clear: left;

}


#main_content div.page_column {

width: 200px;
margin: 5px 0px 15px 0px;
padding: 0px;
float: left;

}

#main_content #page_column_01 {

margin-right: 20px;

}

#main_content #page_column_02 {



}

#main_content div.page_column img {

border: 1px solid #ccc;
padding: 0px;
margin: 0px;

}

#main_content div.links_group {

padding: 0px 0px 20px 0px;

}


#main_content ul {

list-style-type: circle;

margin: 0px 0px 0px 10px;
padding: 10px;

}


#main_content li {

margin: 0px;
padding: 5px;

}



#main_content ol {

margin: 0px 0px 0px 10px;
padding: 10px;

}


#main_content ol li {


}




/* go_resource stuff for interactives */


#main_content div.resource_item p.go_resource {

text-align: right;

}

#main_content div.resource_item p.go_resource img {

border: 0px;

}

#main_content div.resource_item p.go_resource a {

font-weight: bold;

margin: 0px 0px 0px 0px;
padding: 2px 19px 5px 10px;
background: url("../img/design/go_button_bg_fff.gif") no-repeat #fff;


/* width and height settings to keep ie5 happy */
width: 48px;
height: 19px;

}


/* download and play buttons for interactive resources */

#main_content div.resource_item p.get_interactive_buttons {

padding: 20px 0px 5px 0px;
color: #ccc;

}

#main_content div.resource_item p a.download {

font-weight: bold;

margin: 0px 0px 0px 0px;
padding: 3px 24px 5px 10px;
background: url("../img/design/download_button_bg.gif") no-repeat #fff;


/* width and height settings to keep ie5 happy */
width: 88px;
height: 20px;


}


#main_content div.resource_item p a.play {

font-weight: bold;

margin: 0px 0px 0px 0px;
padding: 3px 26px 5px 18px;
background: url("../img/design/play_button_bg.gif") no-repeat #fff;


/* width and height settings to keep ie5 happy */
width: 88px;
height: 20px;


}


/* back to top link */


#main_content p.backtotop, #main_content p.backtotop_bottom {

text-align: right;
padding-bottom: 15px;
margin-bottom: 15px;

clear: left;

}


#main_content p.backtotop {

border-bottom: 1px dotted #ccc;

}


#main_content p.backtotop_bottom {

border: 0px;

}


#main_content p.backtotop a, #main_content p.backtotop_bottom a {

font-weight: bold;

margin: 0px 0px 0px 0px;
padding: 3px 22px 4px 7px;
background: url("../img/design/backtotop_button_bg.gif") no-repeat #fff;


/* width and height settings to keep ie5 happy */
width: 93px;
height: 19px;

}


#main_content p.bottom_menu {

text-align: right;

}


#main_content p.pdf_link {

padding: 0px 0px 5px 20px;
background: url("../img/design/pdf_icon.gif") no-repeat top left;

}


#main_content p.doc_link {

padding: 0px 0px 5px 20px;
background: url("../img/design/doc_icon.gif") no-repeat top left;

}


#main_content p.zip_link {

padding: 0px 0px 5px 20px;
background: url("../img/design/self_extract_icon.gif") no-repeat top left;

}


#main_content p.img_link {

padding: 0px 0px 5px 20px;
background: url("../img/design/img_icon.gif") no-repeat top left;

}


#main_content p.pp_link {

padding: 0px 0px 5px 20px;
background: url("../img/design/pp_icon.gif") no-repeat top left;

}



/* styles for forms */


#contact_form {

		
}
		
	
	
#contact_form label {

padding: 0px;
margin: 0px;

}

#contact_form input {

margin: 5px 0px 10px 0px;

}

#contact_form textarea {

margin: 5px 0px 10px 0px;

}
	
#contact_form fieldset {

padding: 15px;
margin: 0px 0px 15px 0px;
border: 1px solid #ccc;

}

	
#contact_form legend {

font-weight: bold;
padding: 5px;
color: #000;

}

	
#contact_form #your_details {

width: 300px;
text-align: right;

}

#contact_form #your_details label {

padding-right: 15px;
text-align: right;

}

#contact_form #your_pupils label {

padding-right: 10px;

}


#contact_form #agree_submit {

margin: 15px 0px 0px 0px;

}


#contact_form #sendbutton {

display: block;

width: 68px;
height: 20px;

margin: 10px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/send_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}


	
#contact_form .textbox {

}



/* form stuff */

#main_content div.form_panel {

margin: 15px 0px 0px 0px;
padding: 15px;
background: #eee;

}


/* feedback form stuff */

#feedback {



}

#feedback p {

margin-bottom: 15px;

}

#feedback fieldset {

padding: 15px;
margin: 0px 0px 15px 0px;
border: 1px solid #ccc;

}


#feedback legend {

margin: 5px;
padding: 0px;

font-weight: bold;
color: #000;

}

#feedback label {

position: relative;
top: -2px;

margin: 0px 5px 0px 5px;
padding: 0px;

}

#feedback label.field {

margin: 5px 0px 0px 0px;
padding: 0px;

}

#feedback input {

margin: 5px 0px 0px 0px;
padding: 0px;

}

#feedback input.textfield {

margin: 5px 0px 10px 0px;
padding: 0px;

}

#feedback #submitbutton {

display: block;

width: 76px;
height: 20px;

margin: 10px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/submit_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}



/* registration stuff */


#registration {


}

#registration div.label {

float: left;
clear: left;
margin: 5px 10px 5px 0px;
padding: 3px 0px 0px 0px;

}

#registration div.input {

float: left;
margin: 5px 0px 5px 0px;
padding: 0px;

}

#registration div.radiobutton {

margin: 10px 0px 10px 10px;
padding: 0px;

}

#registration div.radiobutton input {


}

#registration div.radiobutton label {

position: relative;
top: -2px;
margin-left: 5px;

}

#registration div.label label {

display: block;
width: 130px;
margin: 0px;
padding: 0px;
text-align: right;

}

#registration fieldset {

padding: 15px 0px 15px 15px;
margin: 0px 0px 15px 0px;
border: 1px solid #ccc;

}

#registration fieldset p {

padding: 0px;
margin: 0px 0px 15px 0px;

}


#registration legend {

margin: 0px;
padding: 3px;

font-weight: bold;
color: #000;

}

#registration #registerbutton {

display: block;

width: 80px;
height: 20px;

margin: 10px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/register_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}


#registration #updatebutton {

display: block;

width: 80px;
height: 20px;

margin: 10px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/update_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}



/* basket stuff */

#item_select {

margin: 10px;

}

#item_select #basket_table {

width: 100%;

margin: 0px 0px 15px 0px;
padding: 0px;
background: #fff;

border-collapse: collapse;

}


#item_select #basket_table th {

margin: 0px;
background: #f0f7e8;

}

#item_select #basket_table td {

margin: 0px;
background: #fff;

}

#item_select #basket_table th.remove_header {

width: 70px;
color: #f0f7e8;

}


#item_select #place {

display: block;

width: 120px;
height: 20px;

margin: 15px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/place_order_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}


#item_select #update {

display: block;

width: 120px;
height: 20px;

margin: 10px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/update_basket_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}


#item_select button.remove_button {

display: block;

width: 62px;
height: 18px;

margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/remove_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}


/* change password stuff */

#change_password_form {


}

#change_password_form label {

padding: 0px;
margin: 0px;

}

#change_password_form input {

margin: 5px 0px 10px 0px;

}


#change_password_form #submit {

display: block;

width: 140px;
height: 20px;

margin: 15px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/change_password_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}




#forgotten_password_form {


}

#forgotten_password_form p {

margin: 0px 0px 15px 0px;

}

#forgotten_password_form label {

padding: 0px;
margin: 0px;

}

#forgotten_password_form input {

margin: 5px 0px 10px 0px;

}


#forgotten_password_form #submit {

display: block;

width: 160px;
height: 20px;

margin: 15px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/new_password_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}



/* Site map stuff */

#sitemap {

font-size: small;

}

#sitemap li {

font-weight: bold;

}

#sitemap li ul {

list-style: disc;

}

#sitemap li ul li{

font-weight: normal;

}




/* secondary column */

#secondary_column {

width: 275px;
padding: 0px 0px 15px 0px;
margin: 0px;
float: left;

}




/* login area and form stuff */

#login_area {

width: 260px;
margin: 10px 0px 10px 0px;
padding: 0px;

}

#login_area h3 {

color: #490;
font-size: small;
margin: 5px 0px 10px 0px;
padding: 0px;

}

#login_area p {



}


#login_area p.logout {

margin: 5px 5px 0px 0px;
text-align: right;

}


#login_area p.logout a {

color: #490;
border-bottom: 1px dotted #490;
padding: 0px 0px 2px 0px;

}

#login_area p.logout a:hover {

text-decoration: none;
border: none;

}

#login_area .text_input_div {

float: left;
margin: 0px 0px 0px 0px;
padding: 0px;

}

#login_area label {

color: #666;

}

#login_area input.text {

width: 122px;
margin: 3px 0px 0px 0px;
padding: 0px 0px 2px 2px;
border: 1px solid #bbb;
background: #f0f7e8;
font-size: xx-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;
color: #666;

}

#login_area #login_email {

margin-right: 8px;

}

#login_area #forgotpass {



}

#login_area #login_or_forgotpass {

color: #fff;
text-align: right;

}


#login_area #loginbutton {

width: 68px;
height: 20px;

margin: 10px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/login_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}






#resources_menu {

width: 258px;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 1px solid #7c1;

}


#resources_menu h2 {

/* uses the smart leahy/langridge image replacement (LIR) technique */

padding: 29px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:29px;
	
background: url("../img/design/resources_menu_heading.gif") no-repeat 0px 0px;

}

#resources_menu ul {

list-style: none;
padding: 5px 10px 5px 10px;
margin: 0px;

}

#resources_menu li {

padding: 6px 0px 6px 24px;
color: #999;
background: url("../img/design/resources_menu_bullet.gif") no-repeat 0px 11px;
border-bottom: 1px dotted #ccc;

}

/*
#resources_menu li.last {

border: none;

}
*/

#resources_menu li.active {

background: url("../img/design/resources_menu_bullet_a.gif") no-repeat 0px 11px;

}

#resources_menu li a, #resources_menu li a:link, #resources_menu li a:active, #resources_menu li a:visited {

color: #5a0;
font-weight: bold;
text-decoration: none;

}


#resources_menu li a:hover {

color: #5a0;
text-decoration: underline;

}


#resources_menu ul li ul {

list-style: none;
padding: 0px;
margin: 6px 0px 0px 0px;

}

#resources_menu ul li ul li {

padding: 2px 0px 2px 14px;
color: #999;
background: url("../img/design/resources_menu_bullet_sm.gif") no-repeat 0px 3px;
border: 0px;

}



#resources_menu #resources_menu_item_07 {

border: none;

}





#info_box {

width: 258px;
margin: 0px;
padding: 0px;
border: 1px solid #7c1;
border-top: none;

background: #f0f7e8;

}


#info_box h2 {

/* uses the smart leahy/langridge image replacement (LIR) technique */

padding: 29px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:29px;

}

#info_box #about_meat_and_education {

background: url("../img/design/about_meat_education_heading.gif") no-repeat 0px 0px;

}

#info_box #teachers_notes {

background: url("../img/design/teachers_notes_heading.gif") no-repeat 0px 0px;

}

#info_box #digi_bites_recipes {

background: url("../img/design/digi_bites_recipes_heading.gif") no-repeat 0px 0px;

}

#info_box #what_teachers_say {

background: url("../img/design/what_teachers_say_heading.gif") no-repeat 0px 0px;

}

#info_box #about_interactives {

background: url("../img/design/about_interactives_heading.gif") no-repeat 0px 0px;

}

#info_box #about_downloads {

background: url("../img/design/about_downloads_heading.gif") no-repeat 0px 0px;

}

#info_box #about_the_recipes {

background: url("../img/design/about_recipes_heading.gif") no-repeat 0px 0px;

}

#info_box #my_account {

background: url("../img/design/my_account_heading.gif") no-repeat 0px 0px;

}

#info_box #online_evaluation {

background: url("../img/design/online_evaluation_heading.gif") no-repeat 0px 0px;

}

#info_box #digibites_quiz {

background: url("../img/design/digibites_quiz_heading.gif") no-repeat 0px 0px;

}

#info_box h3 {

font-size: x-small;
color: #666;
padding: 10px 10px 0px 10px;

}

#info_box p {

color: #666;
padding: 10px;

}

#info_box p.pdf_link {

color: #666;
padding: 0px 0px 5px 20px;
margin: 0px 0px 10px 10px;
background: url("../img/design/pdf_icon_green.gif") no-repeat top left;

}

#info_box a:link, #info_box a:active {

color: #490;
text-decoration: underline;

}

#info_box a:visited {

color: #5a0;
text-decoration: underline;

}

#info_box a:hover {

text-decoration: none;

}

#info_box blockquote {

color: #333;
padding: 10px;

}

#info_box ul {

list-style-type: square;
color: #7c0;

margin: 0px 0px 0px 20px;
padding: 10px;

}

#info_box li {

margin: 0px;
padding: 5px;

}

#info_box ul.account a, #info_box ul.account a:link, #info_box ul.account a:active, #info_box ul.account a:visited {

color: #490;
text-decoration: none;

}

#info_box ul.account a:hover {

text-decoration: underline;

}


#secondary_content {

margin: 0px;
padding: 0px 15px 0px 0px;

}


#secondary_content div.secondary_content_item {

margin: 0px;
padding: 15px 0px 15px 0px;
border-bottom: 1px dotted #ccc;

}

#secondary_content div.secondary_content_item h2 {

color: #666;
font-size: small;
margin: 0px;
padding: 0px;

}

#secondary_content div.secondary_content_item p {

color: #666;
margin: 0px;
padding: 10px 0px 0px 0px;

}

#secondary_content div.secondary_content_item p.pdf_link {

padding: 0px 0px 5px 20px;
background: url("../img/design/pdf_icon.gif") no-repeat top left;

}


#secondary_content div.secondary_content_item img {

margin: 0px;
padding: 0px;
border: 0px;

}


/* footer stuff */

#footer {

width: 770px;

margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 50px 0px;
text-align: left;

background: url("../img/design/bg_footer.gif") top center no-repeat #eee;

}


/* get rid of padding for ie */
* html #footer {

padding-bottom: 20px;

}


#footer p {

margin: 0px;
padding: 12px 20px 10px 20px;

float: left;

color: #fff;

}

#footer p.copyright {

float: right;

}

#footer p a {

color: #fff;
font-weight: normal;
text-decoration: underline;

}

#footer p a:hover {

text-decoration: none;

}




/* generic tags */


p, blockquote {

line-height: 1.5em;

}


a, a:link, a:active, a:hover {

color: #490;
text-decoration: none;

}

a:visited {

color: #390;
text-decoration: none;

}


a:hover {

text-decoration: underline;

}


table {

border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
border-collapse: collapse;

margin: 0px 0px 20px 0px;
padding: 0px;

font-family: myriad, verdana, helvetica, arial, sans-serif;
font-size: xx-small;

float: left;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

html>body table {

font-size: x-small;

}

/* end ie5 fontsize fix */


td, th {

border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-collapse: collapse;

padding: 5px;

}

table td p {

padding: 5px 0px 5px 0px;

}

acronym, abbr {

cursor: help;

}


/* generic classes */


.back_to_top {

text-align: right;

}

.back_to_top a, .back_to_top a:active, .back_to_top a:visited, .back_to_top a:hover {

font-weight: normal;

}

.no_break {

white-space: nowrap;

}

.error {

font-weight: bold;
color: #f0082e;

}


/* young chef challenge styles */


#youngchef_heading {

background: url("../img/design/youngchef_heading.gif") no-repeat 0px 0px;

}

#main_content .youngchefintro {

font-size: small;
font-weight: bold;
color: #0075bf;

}

#main_content .youngchefoutro {

width: 425px;

padding-bottom: 20px;
font-size: small;
color: #0075bf;

float: left;

}

#main_content .youngchefintropara {

margin-bottom: 15px;

}

#main_content .youngchefrow {

float: left;

}


#main_content .youngchefrow p {

color: #fff;
padding: 10px 15px 10px 15px;

}

#main_content .youngchefrow a, #main_content .youngchefrow a:visited, #main_content .youngchefrow a:active, #main_content .youngchefrow a:link {

font-weight: bold;
text-decoration: underline;
color: #fff;

}

#main_content .youngchefrow a:hover{

text-decoration: none;

}


#main_content .youngcheftextboxleft {

width: 225px;
height: 200px;
float: left;
clear: left;
background: url("../img/design/youngchef_bg_225l_blue.gif") no-repeat;

}

#main_content .youngcheftextboxright {

width: 225px;
height: 200px;
float: left;
background: url("../img/design/youngchef_bg_225r_blue.gif") no-repeat;

}

#main_content .youngcheftextboxstackleft {

width: 225px;
height: 400px;
float: left;
background: url("../img/design/youngchef_bg_400l_blue.gif") no-repeat;

}

#main_content .youngcheftextboxstackleft img {

padding: 8px 0px 2px 0px;

}

#main_content .youngcheftextboxstackright {

width: 225px;
height: 400px;
float: left;
background: url("../img/design/youngchef_bg_400r_blue.gif") no-repeat;

}

#main_content .youngchefimgbox {

width: 200px;
height: 200px;
float: left;
background: url("../img/design/youngchef_bg_200_green.gif") no-repeat;

}

#main_content .youngchefimgbox img {

margin: 15px;

}

#main_content .youngchefimgboxleft {

width: 200px;
height: 200px;
float: left;
background: url("../img/design/youngchef_bg_200_green.gif") no-repeat;

}

#main_content .youngchefimgboxright {

width: 200px;
height: 200px;
float: left;
background: url("../img/design/youngchef_bg_200_green.gif") no-repeat;

}

#main_content .youngchefimgboxstackright {

width: 200px;
height: 200px;
float: left; 
background: url("../img/design/youngchef_bg_200_green.gif") no-repeat;

}


#youngcheflogo {

margin: 20px 20px 10px 0px;
padding: 0px;

float: left;

}


#info_box #welcome_pack {

background: url("../img/design/welcome_pack_heading.gif") no-repeat 0px 0px;

}