@charset "utf-8";
#content p {
/*line-height:1.2em;*/
margin:.6em 0;
font-size:.9em;
}
/*#content h1 {
text-align:center;
color:#fff;
font-size:1.2em;
font-weight:normal;
width:auto;
line-height:30px;
background:#890C08;
} taken over by greenheader and redheader */

#content h2 {
color:#fff;
font-size:1em;
font-weight:normal;
width:auto;
line-height:15px;
background:#A0C76C;
}
#content h1 a {
color:#fff;
text-decoration:none;
}
#content img {
border:none;
float:left;
margin:0 4px 0 0;
}
/* **** for intro.cfm **** */
#intro {
height:160px;
width:auto;
overflow: auto;
border:#890C08 thin solid;
margin:0 10px 2em 10px;
}
#intro p {
padding:0 2em;
}
.l_topicbox {
background:url(../images/green-diag.gif) repeat;
float:left;
border:#890C08 solid thin;
margin:0 0 2em 10px;
width:320px; /* about half of 702px */
}
.l_topicboxRed {
background:url(../images/red-diag.gif) repeat;
float:left;
height:200px;
border:#174518 solid thin;
margin:0 0 2em 10px;
width:320px; /* about half of 702px */
}

.r_topicbox {
background:url(../images/green-diag.gif) repeat;
float:right;
border:#890C08 solid thin;
margin:0 10px 2em 0;
width:320px;
}
.r_topicboxRed {
background:url(../images/red-diag.gif) repeat;
float:right;
border:#174518 solid thin;
margin:0 10px 2em 0;
width:320px;
}
.innerbox {
float:left; 
width:200px; 
zoom:1;
overflow:auto;
}
.titleTextBox {
overflow:auto;
height:100px;
margin-left:90px;
}
.topicImage {
float:left;
}
/* **** for library.cfm **** */
#player {
height: 170px;
overflow:auto;
width:59%;
float:left;
border:#777 1px solid;
text-align:center;
}
#pageindex {
height: 170px;
overflow:auto;
width:39%;
float:right;
border:#777 1px solid;
}
#ew_script {
height: auto;
overflow:auto;
width:59%;
float:left;
border:#777 1px solid;
}
#titlelist {
height: auto;
overflow:auto;
width:39%;
float:right;
border:#777 1px solid;
}
/* styleing speak.cfm */
#topics {
font-size:.9em;
 /*display:inline; fix IE6's double margin for float bug */
width:auto;
border:#890C08 thin solid;
margin:0 10px 20px 10px;
}
#topicbox {
height:250px !important;
overflow:auto;
}
/* styleing the library page */

div #library_topics {
font-size:.9em;
/*display:inline;  fix IE6's double margin for float bug*/
height:300px;
overflow:auto;
width:95%;
	background-position: top center;
	background-image: url("../images/library-bg.jpg");
	background-repeat: no-repeat;
border:#890C08 thin solid;
margin:0 auto;/* 0 0 20px 10px; */
}
#topics table, #library_topics table {
table-layout:auto;
width:95%;
border-collapse:separate;
margin:5px;
}
#topics table td, #library_topics table td {
padding: 0 3px;
border-bottom:#A0C76C 1px dotted;
}
#scriptbox {
height:500px;
overflow:auto;
padding: 10px;
}
#scriptbox p {
padding:0;
border:none;
margin:3px 0;
}
#mplayer {
float:right;
width:200px;
overflow:auto;
text-align: center;
color:#890C08;
margin:10px 10px 10px 10px;
font-size:.75em;
}
#vplayer {
float:right;
width:400px;
overflow: hidden;
text-align: center;
color:#890C08;
margin:10px 10px 10px 10px;
font-size:.75em;
}
#script {
zoom:1;
background:url(../images/green-diag.gif) repeat;
height:auto;
width:auto;
overflow: auto;
border:#890C08 thin solid;
margin:20px 10px 20px 10px;
}
#script pre {
font-size:.9em;
padding: 10px 10px 10px 10px;
}

#pageindex, #searchbox, #records {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
font-weight:bold;
text-align:justify;
height:auto;
width:auto;
padding:0;
border:none;
line-height:3em;
}
#pageindex ul {
display:inline;
}
#pageindex li {
display: inline;
list-style-image:none;
margin:0 0 0 3px;
}
ul #selected {
color:#890C08;
font-size:1.5em;
}
th {
height:1.5em;
background: url(../images/green-diag.gif) repeat;
border-bottom:#890C08 2px solid;
border-top:#890C08 4px solid;
color:#890C08;
}
/* styleing the contact page */
.l_greenbox {
display: inline;
background:url(../images/green-diag.gif) repeat;
float:left;
height:400px;
overflow: auto;
border:#174518 solid thin;
margin:0 10px 2em 10px;
width:45%; /* about half of 702px */
}
.r_greenbox {
display: inline;
background:url(../images/green-diag.gif) repeat;
float: right;
height:400px;
overflow: auto;
border:#174518 solid thin;
margin:0 10px 2em 0;
width:45%;
}
.l_greenbox h1, .r_greenbox h1 {
background-color:#174518 !important;
}
.l_greenbox p, .r_greenbox p {
margin:10px !important;
line-height:1.4em;
}
.allmargin10 {
margin:10px !important;
}
.choice_button ul {
margin:10px 0;
text-align:center;
}
#content_choice {
padding:10px;
}
.choice_button li {
padding:5px 7px;
display:inline;
background-color:#fff;
}
/* styling the Request page */
#formcontainer {
margin:20px 0;
/*border:#174518 thin solid;*/
padding:10px;
}
#address {
float:right;
width:30%;
font-size:.9em;
}
#address p {
margin:0 0 8px 0;
}
#address input, #address textarea, .dvd input {
background:url(../images/green-diag.gif) repeat;
}
#dvdinfo, #chinesetodays {
float:left;
width:60%;
}
.dvd {
margin:0 0 40px 0;
}
.dvd img {
padding:0 10px 0 0;
}
#content_contactus {
padding:20px;
}
