body {
  margin:0px;
  text-align:center;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:18px;
  vertical-align:baseline;
}
p {
  margin:10px 0px;
}
a {
  color:#0066CC;
  text-decoration:none; 
  font-weight:normal; 
}
a:hover {
  color:#000; 
  text-decoration:underline; 
}
table {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
}
.footerEng {font-size:10px}
.header {
  background-color: #FFCC00;
}
.title {
  font-size: 14px;
  color:#000000;
  letter-spacing: 2px;
  font-weight: bold;
}
.info {
  color:#666666;
  padding-right: 2px;
  padding-left: 2px;
}
a.info {color:#0000FF;text-decoration:none;font-weight:normal}
a.info:hover {color:white;text-decoration:underline;background-color:#FF9900;}
ul.info {
  margin: 2px 0px 0px 0px;
  list-style-type: none;
  display:list-item;
}
ul.info li {
  padding: 2px 0px 2px 0px;
  margin: 2px 0px 2px 20px;
  list-style-image: url(../images/bulletNav.gif);
}
.infoWhite {
  color:#FFFFFF;
  padding-right: 2px;
  padding-left: 2px;
}
a.infoWhite {color:#FFFFFF;text-decoration:none;font-weight:normal}
a.infoWhite:hover {color:black;text-decoration:underline;background-color:white;}
.navTitle {
  font-size: 16px;
  color: #FFFFFF;
  background-color: #999999;
  letter-spacing: 4px;
  padding-right: 2px;
  padding-left: 2px;
}
.tdhead {
  color:#FFFFFF;
  background-color:#996600;
}
.tdOdd {
  color : #000000;
  background-color : #FFFF99;
}
.tdEven {
  color : #000000;
  background-color : #FFDC71;
}
a.tdLink {color:#0000FF;text-decoration:none;font-weight:normal}
a.tdLink:hover {color:#FFFFFF; text-decoration: underline;background-color:#FF9900;}
.tdProfileItem {
  color : #333333;
  background-color : #FFDC71;
  padding: 3px 2px 2px 2px;
}
.tdProfileText {
  color : #000000;
  background-color : #FFFFCC;
  padding: 3px 2px 2px 2px;
}
div.spacer {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
  height: 0;
}
.row {
  clear:both;
  display:block;
}
div.row span.left {float: left; text-align: left}
div.row span.right {float: right; text-align: right;}
.rowButton {
  clear:both; 
  height:auto;
  text-align:center; 
  padding:8px 0px; 
  margin:8px 0px 0px 0px
}
div.rowButton span {
  border:1px outset #333333; 
  color:#999999; 
  background-color:#FFCC00; 
  text-align:center; 
  margin:0px; 
  padding:4px 0px;
}
.inlineRowButton {
  border:1px outset #333333; 
  color:#999999; 
  background-color:#FFCC00; 
  text-align:center; 
  margin:8px 5px 0px 5px; 
  padding:3px 5px;
}
.formField {
  color : #666666;
  padding: 2px;
  font-size: 12px;
}
.formField0 {
  color : #666666;
  padding: 2px;
  font-size: 12px;
  letter-spacing: 0px;
}
.formHeader {
  padding:5px; 
  background-color:#666666; 
  color:#FFFFFF;
}
.formButton {
  padding:5px; 
  background-color:#CCCCCC;
}
.shortPara {
  margin:0.2em 0em 0.4em 1em;
}
.highlight {
  color:#FF0033;
}
.sectionHeader a {color:#FFFF00;text-decoration:none;font-weight:normal}
.sectionHeader a:hover {color:#000000;text-decoration:underline;background-color:#FFFF99;}
.formHeader a {color:#FFFF00;text-decoration:none;font-weight:normal}
.formHeader a:hover {color:#000000;text-decoration:underline;background-color:#FFFF99;}
.newsHeader {
  color:#333333; 
  padding: 2px;
  margin-bottom:2px; 
  border-bottom:1px solid #666666;
}
ul.menu {
  margin: 2px 0px;
  list-style-type: none;
  padding-right: 0px;
  padding-left: 0px;
}
ul.menu li {
  display: inline;
  border-left: 1px solid #FFFFFF;
  padding: 0px 5px 0px 5px;
  margin-left: 0px;
}
ul.menu li.first {
  display: inline;
  padding: 0px 2px 0px 2px; /* 0px */
  margin-left: 0px;
  border: none;
}
ul.menu li a {color:#FFFF99;text-decoration:none;font-weight:normal}
ul.menu li a:hover {color:#FFFF99;text-decoration:underline;}

ul.fontMenu {
  margin: 2px 0px;
  list-style-type: none;
  padding-right: 0px;
  padding-left: 0px;
}
ul.fontMenu li {
  display: inline;
  border-left: 1px solid #3F3F3F;
  padding: 0px 5px 0px 5px;
  margin-left: 0px;
}
ul.fontMenu li.first {
  display: inline;
  padding: 0px 2px 0px 2px; /* 0px */
  margin-left: 0px;
  border: none;
}
ul.fontMenu li a {color:#3F3F3F;text-decoration:none;font-weight:normal}
ul.fontMenu li a:hover {color:#000000;text-decoration:none;background-color:#3FCC00;}

.pageIndex {
  background-color:#FFFFFF;
  color:#333333;
  margin-left:3px;
}
ul.day {
  list-style-type: none;
  border:none;
  margin: 0px;
  padding: 0px;
}
ul.day li {
  display: inline;
  color:#FFFFFF;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  padding:1px 2px;
  margin:0px 1px;
}
ul.day li a {color:#FFFF99;text-decoration:none;font-weight:normal}
ul.day li a:hover {color:#000000;text-decoration:none;background-color:#FFCC00;}
.tocTitle {
	font-size: 16px;
	color:#333333;
	border-left: 6px solid #999999;
	letter-spacing: 4px;
	line-height:23px;
	padding:0px 0px 0px 8px;
	margin-top:10px;
	overflow:auto;
}
.author {
	color:#666666;
	margin: 4px;
	padding: 1px 2px 1px 5px;
	border-right:1px solid #999999; border-bottom:1px solid #999999;
}
abbr, acronym, .help {
  color:#0000FF;
  padding-left:1px;
  padding-right:1px;
  border-bottom: 1px dotted #333333;
  cursor: help;
}
ul {
  padding-left:0px;
  margin: 2px 0px 0px 0px;
  list-style-type: none;
  display:list-item;
}
ul li {
  padding: 2px 0px 2px 0px;
  margin: 2px 0px 2px 20px;
  list-style-image: url(../images/bulletNav.gif);
}
.colLeft {
  float:left;
  margin-left:5px;
  margin-right:5px;
  text-align:left;
}
/*.colLeft a {color:#0000FF;text-decoration:none;font-weight:normal}
.colLeft a:hover {color:white;text-decoration:underline;background-color: #FF9900;}*/
.colLeft a.lvl {color:#FFFF66;text-decoration:none;font-weight:normal}
.colLeft a.lvl:hover {text-decoration:underline}
.colRight {
  float:right;
  margin-left:5px;
  margin-right:5px;
  text-align:left;
}
.section {
  letter-spacing:1px;
  border-top:1px solid #666666;
  border-left:1px solid #666666;
  background-color:#DDDDDD;
  padding:1px 0px 1px 2px;
  text-align:left;
  margin-top:10px;
}
.section a {color:#996600;text-decoration:none;font-weight:normal}
.section a:hover {color:black;text-decoration: underline;background-color: #EEEEEE;}
ol li {
  margin-top:10px;
}
#content {
  width:760px;
  margin:0 auto;
  text-align:left;
  background-color:#FFFFFF ;
  color:#000000;
}
#header {
  background-color:#CCCCCC;
  height:220px;
}
#chocoHeader {
  position:absolute;
  top:0px;
  width:760px;
  height:32px;
  clear:both;
  display:block;
  background-repeat:no-repeat;
  background-position:right top;
  text-align:right;
  color:#ccc;
  padding-bottom:2px;
  background-color:#000;
  /*vertical-align:top;*/
}
#chocoHeader a {color:#ccc;text-decoration:none;font-weight:normal;padding:3px}
#chocoHeader a:hover {color:#fff; text-decoration:underline}
#menu {
  color:#FFFFFF;
  background-color:#333333;
  position:absolute;
  top:200px;
  width:760px;
  height:18px;
  margin:0px;
  border-top:1px solid #999999;
  border-bottom:1px solid #333333;
  padding:2px 0px 2px 0px;
  display:inline;
  clear:both;
}
#selectedEssays {
  float:left;
}
#toc {
  background-color:#EEEEEE;
  top:195px;
  margin-left:0px;
  margin-right:0px;
  border-left:10px solid #999999;
  border-right:10px solid #CCCCCC;
  border-bottom:1px solid #999999;
  padding:10px;
  clear:both;
  display:block;
}
#toc .header {
  font-size:16px;
  letter-spacing:2px;
  border-left:4px solid #CCCCCC;
  padding:4px;
}
#essay {
}
#essayContent {
  float:right;
  width:435px;
  padding:10px;
}
.essayTitle {
  font-size: 18px;
  color:#333333;
  border-left: 6px solid #999999;
  /*letter-spacing: 4px;*/
  line-height:23px;
  padding:0px 0px 0px 8px;
  margin-top:10px;
  margin-bottom:10px;
  /*overflow:auto;*/
}
#essayText {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.5em;
  padding-top:10px;
  padding-bottom:10px;
  margin-bottom:10px;
}
#essayText h1 {
  font-size:15px;
  letter-spacing: 2px;
  padding-top:10px;
  margin-top:5px;
}
#sectionCaption .picture {
  float:left;
}
#sectionCaption .picture img {
  border:1px outset #CCCCCC;
}
#sectionCaption .caption {
  text-align:right;
  margin-bottom:10px;
  color:#666666;
}
#questions {
  clear:both;
  margin:0px;
  padding:0px;
  border-left:1px solid #333333;
  border-right:1px solid #CCCCCC;
}
#footer {
  background-color:#666666; 
  color:#ccc;
  clear:both;
  margin:0;
  text-align:right;
  padding:10px;
  line-height:1.5em;
}
#footer a {color:#eee;text-decoration:none;font-weight:normal}
#footer a:hover {color:#eee;text-decoration: underline}
#toc .colLeft ul {
  background-color:#FFFFCC;
  padding-left:5px;
}
#theme_column {
  background-color:#FFDE59;
}  
#word_wonder {
  background-color:#FF9966;
}  
#literature_garden {
  background-color:#D1E981;
}  
#science_discovery {
  background-color:#A4D1FF;
}
#one_world {
  background-color:#D7D7D7;
}
#science_discovery {
  background-color:#A4D1FF;
}
#life_living {
  background-color:#E9C810;
}
#story_corner {
  background-color:#F5ADC2;
}
#student_forum {
  background-color:#E3CCFD;
}
li.level1 {
  padding: 2px 0px 2px 0px;
  margin: 2px 0px 2px 20px;
  list-style-image: url(../images/bullet1.gif);
}
li.level2 {
  padding: 2px 0px 2px 0px;
  margin: 2px 0px 2px 20px;
  list-style-image: url(../images/bullet2.gif);
}
li.level3 {
  padding: 2px 0px 2px 0px;
  margin: 2px 0px 2px 20px;
  list-style-image: url(../images/bullet3.gif);
}
.lvl {
  color:#FFFF99;
  padding-top:2px;
  padding-right:2px;
  padding-left:2px;
  border:none; 
  background-color:none;
}
#lvlSelected {
  color:#FFFF99;
  padding-right: 2px;
  padding-left: 2px;
  border:1px solid #FFFFFF; 
  background-color:#666666;
}
.rightBoxMenu {float:right; padding:3px 1px; margin:2px; line-height:1.5em; color:#333; background-color:#fff; } 
.rightBoxMenu a, .rightBoxMenu a.selected {padding:3px 5px; text-decoration:none; margin:0px; color:#999; border:1px solid #ccc; }
.rightBoxMenu a.selected {border:1px solid #666; color:#000; }
.rightBoxMenu a:hover {color:#fff; text-decoration:none; background-color:#666; }