/*LAYOUT*/

body{text-align: left; padding: 0px; margin: 0px; 
  background-image: url(/images/bg.jpg);
  background-repeat: repeat-x;
}

table tr {
 height: 20px;
}

#main{margin: auto; margin-top: 20px; text-align: left; width: 870px;}

#top{border-bottom: 1px solid #378717;}
#top ul{list-style: none; padding: 0px 0px 15px 0px; margin: 0px;}
#top ul li{display: inline; margin: 0px; padding: 0xp;}
#top ul li a{padding: 10px;}
#top .loggedIn ul{float:right;}

#content{margin: auto; padding: 2em 0em 2em 0em;text-align: left;}

#left{
	float:left;
	width:650px;
}
#right{
	float:left;
	width:200px;
}
#right .box{
	background-color:#b5d886;
	padding:10px;
	margin: 10px 0px 10px 0px;
	border:1px solid #378717;
}
#footer{
  position: absolute;
  height: 168px;
  width: 100%;
  background-image: url(/images/footer_bg.jpg);
  background-repeat: repeat-x;
  top: 800px;
  z-index: -1;
}

/* FONTS standards */
body {font-size: 12px; font-family: "Lucida Grande", Arial, sans-serif;}

ul {font-size: 12px; font-family: "Lucida Grande", Arial, sans-serif; color:#666;}
li {font-size: 12px; font-family: "Lucida Grande", Arial, sans-serif; color:#666;}

h1, h2, h3, h4, h5, h6 {color: #378717; font-weight: 500;}
h1 {font-size:22px; line-height: 1; margin-bottom:0.5em; font-weight: bold; text-align: center; letter-spacing: -1px; width: auto; color: #666;}
h2 {font-size:18px; margin-bottom:0.75em;}

h3 {font-size: 14px;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

sup {font-size: 9px;}

p {margin:0 0 1.5em; color: #666; font-size: 16px;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* LINKS standards */
a:focus, a:hover {color:#000;}
a {color: #14223E;text-decoration:underline;}
h1 a{color: #378717; text-decoration: none;}


/* FORM ELEMENTS */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error ul{margin-bottom: 0; padding-bottom: 0;}
/************************************************************************/

#main_panel {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(/images/main_panel_bg.png);
  background-repeat: no-repeat;
}

#top_bar {
  width: 860px;
  height: 63px;
  background-image: url(/images/top_bar.png);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}

#top_menu {
 clear: both;
 width: 876px;
 height: 24px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 1.2em;
 background-color: transparent;
}

#top_menu #a_home{
 background-image: url(/images/home_menu2.gif);
 background-repeat: no-repeat;
 width: 139px;
 height: 24px;
 display: block;
 float: left;
}

#top_menu #a_home:hover {
 background-position: 0 -24px;
}

#top_menu #a_about_sns {
 background-image: url(/images/about_menu2.gif);
 background-repeat: no-repeat;
 width: 140px;
 height: 24px;
 display: block;
 float: left;
}

#top_menu #a_about_sns:hover {
 background-position: 0 -24px;
}

#top_menu #a_teachers {
 background-image: url(/images/teachers_menu2.gif);
 background-repeat: no-repeat;
 width: 140px;
 height: 24px;
 display: block;
 float: left;
}

#top_menu #a_teachers:hover {
 background-position: 0 -24px;
}

#top_menu #a_students {
 background-image: url(/images/students_menu2.gif);
 background-repeat: no-repeat;
 width: 140px;
 height: 24px;
 display: block;
 float: left;
}

#top_menu #a_students:hover {
 background-position: 0 -24px;
}

#top_menu #a_glossary {
 background-image: url(/images/glossary_menu2.gif);
 background-repeat: no-repeat;
 width: 139px;
 height: 24px;
 display: block;
 float: left;
}

#top_menu #a_glossary:hover {
 background-position: 0 -24px;
}

#top_menu #a_topchef {
 background-image: url(/images/topchef_menu2.gif);
 background-repeat: no-repeat;
 width: 108px;
 height: 24px;
 display: block;
 float: left;
}

#top_menu #a_topchef:hover {
 background-position: 0 -24px;
}

#top_menu #a_contactus {
 background-image: url(/images/contactus_menu.gif);
 background-repeat: no-repeat;
 width: 162px;
 height: 24px;
 display: block;
 float: left; 
}

#top_menu #a_contactus:hover {
 background-position: 0 -24px;
}

#overlay {
  width: 876px;
  background-image: url(/images/overlay.png);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  padding-top: 50px;
}

#home_menu_words {
  height: 150px;
}

#teacher0 {
  background-image: url(/images/home_for_teacher.jpg);
  background-repeat: no-repeat;
  width: 400px;
  height: 187px;
}

#teacher0 div {
  padding-top: 100px;
  padding-left: 10px;
}

#teacher0 .title1 {
  font-family: verdana;
  font-size: 14px;
  color: #003333;
}

#teacher0 .title2 {
  font-family: verdana;
  font-size: 14px;
  color: white;
}

#teacher0 p {
  color: white;
  font-size: 12px;
  font-family: verdana;
}

#teacher1 {
  background-image: url(/images/home_for_teacher1.jpg);
  background-repeat: no-repeat;
  width: 400px;
  height: 91px;
}

#teacher1 div {
  padding-top: 10px;
  padding-left: 10px;
}

#teacher1 .title1 {
  font-family: verdana;
  font-size: 14px;
  color: #003333;
}

#teacher1 .title2 {
  font-family: verdana;
  font-size: 14px;
  color: white;
}

#teacher1 p {
  color: white;
  font-size: 12px;
  font-family: verdana;
}

#teacher2 {
  background-image: url(/images/home_for_teacher2.jpg);
  background-repeat: no-repeat;
  width: 400px;
  height: 98px;
}

#teacher2 div {
  padding-top: 10px;
  padding-left: 10px;
}

#teacher2 .title1 {
  font-family: verdana;
  font-size: 14px;
  color: #003333;
}

#teacher2 .title2 {
  font-family: verdana;
  font-size: 14px;
  color: white;
}

#teacher2 p {
  color: white;
  font-size: 12px;
  font-family: verdana;
}

#student0 {
  background-image: url(/images/home_for_student.jpg);
  background-repeat: no-repeat;
  width: 400px;
  height: 190px;
}

#student0 div {
  padding-top: 100px;
  padding-left: 10px;
}

#student0 .title1 {
  font-family: verdana;
  font-size: 14px;
  color: #003333;
}

#student0 .title2 {
  font-family: verdana;
  font-size: 14px;
  color: white;
}

#student0 p {
  color: white;
  font-size: 12px;
  font-family: verdana;
}

#student1 {
  background-image: url(/images/home_for_student1.jpg);
  background-repeat: no-repeat;
  width: 400px;
  height: 187px;
}

#student1 div {
  padding-top: 10px;
  padding-left: 10px;
}

#student1 .title1 {
  font-family: verdana;
  font-size: 14px;
  color: #003333;
}

#student1 .title2 {
  font-family: verdana;
  font-size: 14px;
  color: white;
}

#student1 p {
  color: white;
  font-size: 12px;
  font-family: verdana;
}

#student2 {
  background-image: url(/images/home_for_student2.jpg);
  background-repeat: no-repeat;
  width: 400px;
  height: 95px;
}

#student2 div {
  padding-top: 10px;
  padding-left: 10px;
}

#student2 .title1 {
  font-family: verdana;
  font-size: 14px;
  color: #003333;
}

#student2 .title2 {
  font-family: verdana;
  font-size: 14px;
  color: white;
}

#student2 p {
  color: white;
  font-size: 12px;
  font-family: verdana;
}

#footer_bar { 
  margin-left: auto; 
  margin-right: auto;
  padding: 0px;
  margin: 0px;
  background-image: url(/images/footer_bg.jpg);
  background-repeat: repeat-x;
  height: 168px;
}

#footer_bar #enter {
  width: 861px;
  height: 124px;
  margin-left: auto;
  margin-right: auto;
}

#footer_bar #terms {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

#footer_bar a {
 text-decoration: none;
}

.green_title {
  color: #99cc33;
  font-family: verdana;
  font-size: 18px;
}

.darkgreen_title {
  color:#719b09;
  font-family: verdana;
  font-size: 18px;
}

.sub_title {
  font-weight: bold;
  font-family: verdana;
  font-size: 14px;
}

p {
  font-size: 12px; color:#666; font-family: "Lucida Grande", Arial, sans-serif;
}

.bg_lightgreen {
 background-color: #ebf3d5;
}

.bg_darkgreen {
 background-color: #cfdcb2;
}

.green {
  color: #088f0f;
}

.darkgreen {
  color: #2c6143;
  font-weight: bold;
}

.reply_panel {
 width: 490px;
 height: 50px;
 padding-left: 10px;
}

#post_reply_panel, .green_panel {
 width: 500px;
}

#reply_textarea {
 height: 100px;
 width: 350px;
}

#poster {
 width: 350px;
}

.inputbox {
 width: 200px;
}

#teachers_tools {
  background-image: url(/images/teacher_tools.jpg);
  background-repeat: no-repeat;
  width: 600px;
  height: 91px;
  padding-left: 100px;
  padding-top: 10px;
}

#teachers_forum {
  background-image: url(/images/teachers_forum.jpg);
  background-repeat: no-repeat;
  width: 600px;
  height: 91px;
  padding-left: 100px;
  padding-top: 10px;

}

#interactive_lessons {
  background-image: url(/images/interactive_lessons.jpg);
  background-repeat: no-repeat;
  width: 600px;
  height: 91px;
  padding-left: 100px;
  padding-top: 10px;

}

#lessons_pdfs {
  background-image: url(/images/lessons_pdfs.jpg);
  background-repeat: no-repeat;
  width: 600px;
  height: 91px;
  padding-left: 100px;
  padding-top: 10px;

}

#for_teachers {
  padding-left: 40px;
}

#for_teachers .title1 {
 font-family: verdana;
 font-size: 18px;
 color: #3d4f23;
}

#for_teachers .title2 {
 font-family: verdana;
 font-size: 18px;
 color: white;
}

.hyperlink_div {  
  width: 490px;
  text-align: right;
}

#login_panel {
  background-image: url(/images/login_panel.jpg);
  background-repeat: no-repeat;
  width: 281px;
  height: 48px;
  margin-left: 400px;
  padding-left: 10px;
  padding-top: 5px;
}

.login_panel_div { 
 width: 350px;
 height: 210px;
 background-image: url(/images/login_bg.jpg);
 background-repeat: no-repeat;
}

.forgot_password_panel_div {
 width: 300px;
 height: 90px;
 background-image: url(/images/login_bg2.jpg);
 background-repeat: no-repeat;
}

.apple-bottom {
 background-image: url(/images/apple-bottom.jpg); 
 background-repeat: no-repeat; 
 background-position: 7.35em 0;
}

.vegetable-bottom {
 background-image: url(/images/vegetable-bottom.jpg);
 background-repeat: no-repeat;
 background-position: 5.2em 0;
}

.forum-bottom {
 background-image: url(/images/forum-bottom.jpg);
 background-repeat: no-repeat;
 background-position: 8.05em 0;
}

.lesson_box {
 background-color: #ebf3d5;
 padding-left: 10px;
 padding-right: 10px;
}

.watch_box {
 background-color: #ebf3d5;
 width: 600px;
}

a.lesson1 {
 background-image: url(/images/lesson_1_8.jpg);
 background-repeat: no-repeat;
 width: 127px;
 height: 32px;
 display: block;
 float: left;
 margin-bottom: 10px;
 background-position: 0px -32px;
}

a.lesson1:hover {
 background-position: 0px 0px;
}
	
a.lesson2 {
 background-image: url(/images/lesson_9_16.jpg);
 background-repeat: no-repeat;
 width: 143px;
 height: 32px;
 display:block;
 float:left;
 margin-left: 10px;
 background-position: 0px -32px;
}

a.lesson2:hover {
 background-position: 0px 0px;
}
	
a.lesson3 {
 background-image: url(/images/lesson_17_22.jpg);
 background-repeat: no-repeat;
 width: 143px;
 height: 32px;
 display:block;
 float:left;
 margin-left: 10px;
 background-position: 0px -32px;
}

a.lesson3:hover {
 background-position: 0px 0px;
}

#topchef_logo {
 width: 214px;
 height: 439px;
 background-image: url(/images/topchef_logo.jpg);
 background-repeat: no-repeat;
 position: relative;
}

#topchef_logo_menu {
 position: absolute;
 right: 10px;
 top: 70px;
}

#topchef_logo_menu a {
 display: block;
 width: 140px;
 height: 30px;
 background-color: #fff0d7;
 text-align: center;
 line-height: 30px;
 color: #773307;
 text-decoration: none;
 margin-bottom: 5px;
}

#topchef_logo_menu a:hover {
 color: white;
 background-color: #f9ba56;
}

/* resource 2c */
#resource_2c_video_panel {
 width: 600px;
 height: 530px;
 background-color: #d1e999;
}

#resource_2c_video_panel_content {
 width: 530px;
 height: 500px;
 padding-top: 20px;
 margin-left: auto;
 margin-right: auto;
}

#resource_2c_question_panel {
 width: 600px;
 background-color: #d1e999;
}

#resource_2c_question_panel_content {
 width: 500px;
 padding-top: 50px;
 margin-left: auto;
 margin-right: auto;
}

#resource_2c_question_panel_content textarea {
 width: 500px;
 height: 150px;
 font-size: 12px;
 overflow: hidden;
}

#lesson9_video_panel {
 width: 820px;
 height: 650px;
 background-color: #d1e999;
 text-align: center;
}

#lesson9_video_content {
 width: 680px;
 height: 650px; 
 margin-left: auto;
 margin-right: auto;
}

#lesson9_video_space {
 width: 820px;
 height: 200px;
 background-color: #ebf3d5;
 margin-top: 10px;
 margin-bottom: 10px;
}

#lesson9_notes_panel {
 width: 820px;
 background-color: #d1e999;
 font-size: 9px;
line-height:1;
margin-bottom:1em;
}

#lesson9_notes_panel table td {
 background-color: white;
}

#lesson9_notes_panel textarea.functions {
 width: 190px;
 height: 300px;
 background-color: white;
 color: #666666;
 border: 0px;
 overflow: hidden;
 font-size: 12px;
font-family: "Lucida Grande", Arial, sans-serif;

}

#lesson9_notes_panel textarea.goodfood {
 width: 135px;
 height: 300px;
 background-color: white;
 color: #666666;
 border: 0px;
 overflow: hidden;
 font-size: 12px;
font-family: "Lucida Grande", Arial, sans-serif;

}

#lesson9_notes_panel textarea.effect {
 width: 155px;
 height: 300px;
 background-color: white;
 color: #666666;
 border: 0px;
 overflow: hidden;
 font-size: 12px;
font-family: "Lucida Grande", Arial, sans-serif;

}

#lesson9_notes_panel textarea.reason {
 width: 210px;
 height: 300px;
 background-color: white;
 color: #666666;
 border: 0px;
 overflow: hidden;
 font-size: 12px;
font-family: "Lucida Grande", Arial, sans-serif;


}

.hide_it {
 display: none;
}

.orange {
 color: #fe852c;
 font-weight: bold;
 font-size: 16px;
}

.gloss {font-size: 18px; font-family: "Lucida Grande", Arial, sans-serif; color:#638a3c;padding-right:15px;}

































































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */