body {
  margin:0;
  padding:0;
  background:#fff;
  color:#000;
  font:small Verdana,Sans-serif;
  voice-family: "\"}\"";
  voice-family:inherit;
  }

#print { display:none;}    

#content {
  margin-left:30px;
  margin-right:10px;
  width:94%;
  }

.maincol {
  margin-left: 160px;
  margin-right:200px;
  padding: 0px 0px 0px 5px; 
  width:55%; 
  line-height:1.3em;
  }
.subcol {
  float:right;
  position: absolute;  
  right:10px;
  top:90px;
  width:190px;
  margin:0;
  line-height:1.3em;
}

/*
#home .maincol {
  float:right; 
  width:65%;
  margin:0;
  font-size:85%;
  line-height:1.5em;
  }
#home .subcol {
  float:right;
  width:230px;
  margin:0;
  font-size:85%;
  line-height:1.5em;
  }
*/

/* Logo Header
----------------------------------------------- */
/*
#header {
  background:#fff;
  height:90px;
  border-bottom:8px solid #151515;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:82px;
  } html>body #header {height:100px;}
*/

#header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 5px; BACKGROUND: #455372 repeat-x left bottom; PADDING-BOTTOM: 11px; PADDING-TOP: 2px; POSITION: relative; HEIGHT: 3em; voice-family: inherit;
   
}
#ignored {
	
}
#header UL {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; Z-INDEX: 90; RIGHT: 0px; BACKGROUND: url(../images/header_br.gif) no-repeat right bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute
}
#header LI {
	PADDING-RIGHT: 6px; PADDING-LEFT: 0px; BACKGROUND: url(../images/header_tab.gif) no-repeat 100% -600px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 1px 0px 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #515358 1px solid
}
#header UL A {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: url(../images/header_tab.gif) no-repeat 0% -600px; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 4px; TEXT-DECORATION: none
}
#header UL LI:hover A {
	BACKGROUND-POSITION: 0% -400px
}
#header UL LI:hover {
	BACKGROUND-POSITION: 100% -400px
}

#logo {
  position:absolute;
  top:0px; left:10px;
  width:56px;
  }
#sitetitle {
  position:absolute;
  top:10px; left:100px;
  width:475px;
  }


/* Main Navigation
----------------------------------------------- */
ul.nav
{
    float:left; 
    padding-left: 0px;
    margin: 0px 0px 20px 0px;
    list-style-type: none;
    font-size:13px;
    width: 170px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1.5px #ccc;
    position: absolute; 
}
ul.nav li
{
    margin: 0px 0px 0px 0px;
    padding-left:0px;
    padding-bottom:0px;
}

ul.nav ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size:10px;
}

ul.nav a
{
    display: block;
    padding: 5px;
    border-top: #ccc 1px solid; 
    background-color: #eee;
    text-decoration: none;
    width: 170px;
    color: #003399 !important;
    font-weight: bold;
}

ul.nav ul a
{
    padding-left: 25px;
    width: 150px; 
    font-weight:normal;
}

/* these 2 lines are hacks to help Mozilla, hidden from IE6 */
html>body ul.nav a { width:160px;}
html>body ul.nav ul a { width:140px;}


ul.nav a:hover
{
    color: #cc6600 !important;
    background-color: #ffffff;
    text-decoration: underline;
}

ul.nav a:visited
{
    text-decoration: none;
}

ul.nav ul a.active
{
	color: #cc6600 !important;
    background-color: #ffffff;
}
/* End Navigation */

/* Page Title Header
----------------------------------------------- */

#search h1, #lessons h1, #links h1, #home h1, #glossary h1, #control h1, #sitemap h1, #dictionary h1, #shop h1, #faq h1, #contact h1, #search h1, #basics h1, #beginners h1, #news h1  {
  margin:0;
  padding:0;
  border-width:0;
  font-size:1px;
  }

#search h1 strong, #lessons h1 strong, #links h1 strong, #home h1 strong, #glossary h1 strong, #control h1 strong, #sitemap h1 strong, #dictionary h1 strong, #shop h1 strong, #faq h1 strong, #contact h1 strong, #search h1 strong, #basics h1 strong, #beginners h1 strong, #news h1 strong {
  display:block;
  height:50px;
  }
#search h1 span, #lessons h1 span, #links h1 span, #home h1 span, #glossary h1 span, #control h1 span, #sitemap h1 span, #dictionary h1 span, #shop h1 span, #faq h1 span, #contact h1 span, #search h1 span, #basics h1 span, #beginners h1 span, #news h1 span  {display:none;}

#home h1 {
  background:#b0c0d0 url("../images/home_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;    
  }
#contact h1 {
  background:#b0c0d0 url("../images/contact_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;    
  }
#sitemap h1 {
  background:#b0c0d0 url("../images/sitemap_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;    
  }
#search h1 {
  background:#b0c0d0 url("../images/search_title.gif") no-repeat left top;
  border-bottom:1px solid #151515; 
  }
#links h1 {
  background:#b0c0d0 url("../images/links_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;   
  }
#glossary h1 {
  background:#b0c0d0 url("../images/glossary_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;   
  }
#dictionary h1 {
  background:#b0c0d0 url("../images/dictionary_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;   
  }
#shop h1 {
  background:#b0c0d0 url("../images/shop_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;   
  }
#control h1 {
  background:#b0c0d0 url("../images/control_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;   
  }
#lessons h1 {
  background:#b0c0d0 url("../images/lessons_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;   
  }
#basics h1 {
  background:#b0c0d0 url("../images/basics_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;   
  }
#beginners h1 {
  background:#b0c0d0 url("../images/beginners_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;   
  }
#news h1 {
  background:#b0c0d0 url("../images/news_title.gif") no-repeat left top;
  border-bottom:1px solid #151515;   
  }

/* Links
----------------------------------------------- */

a:link {
  color:#003399;
  text-decoration:underline;
  }
a:visited {
/*
  color:#636;
*/  
  color:#003399;
  text-decoration:underline;
  }
a:hover {
  color:#cc6600;
  text-decoration:underline;
  }
a:link img, a:visited img {border-width:0;}

p {margin:0 0 1em;}


/* Footer
----------------------------------------------- */

#footer {
  clear:both;
  padding-top:15px;
  font-size:85%;
  }
#footer span {
  display:block;
  margin:0;
  color:#000;
  background:#b0c0d0;
  padding:3px 42px 3px 30px;
  border-top:1px solid #151515;
  }
#footer div {
  margin:0;
  background:#eee;
  color:#000;
  padding:3px 42px 3px 30px;
  }
#footer div strong {}
#footer div em {color:#cc0000; font-style:normal;}

a.footer:link, a.footer:visited { color: #000; text-decoration:none; border-bottom:0px;}
a.footer:hover, a.footer:active { color: #000; text-decoration:underline; border-bottom:0px;}

#icons {
	text-align: right;
	}
a.icons:link, a.icons:visited { color: #cc0000; text-decoration:none; border-bottom:0px;}
a.icons:hover, a.icons:active { color: #cc0000; text-decoration:underline; border-bottom:0px;}

  
#newsflashes {
  background:#fafaff;
  padding:5px;
  margin:2em 0 1em;
  border:1px solid #c0d0e0;
  color:#000000;
  }

#newsflashes h3 {color:#000000;}  
#newsflashes p {
	font:85% Verdana,Sans-serif;
	border-bottom:1px dotted #cccccc; 
	padding:0 0 1em;
	margin:5px 0 10px 0;
	clear:both;	
	}  
	
#searchlogo {
  background:#ffffff;
  padding:5px;
  margin:2em 0 1em;
  border:1px solid #ffffff;
  color:#000000;
  }
#searchlogo a:link, #searchlogo a:visited, #searchlogo a:hover, #searchlogo a:active { text-decoration:none; border-bottom:0px;}


/* Titles
----------------------------------------------- */
h1 {
  margin:0 30px 10px 30px;
  padding:0 0 .1em;
  border-bottom:1px dotted #9c3;
  font:160%/1.2em Arial,Verdana,Sans-serif;
  color:#000;
  }
h2 {
  margin:10px 0px 10px 0px;
  padding:0 0 .1em;
  font:150%/1.2em Georgia,Serif;
  color:#000000;
  }

h3 {
  margin:0 0 .25em;
  font:bold 125%/1.3em Arial,Georgia,Serif;
  color:#000000;
  }
h4 {
  margin:0;
  font-size:100%;
  color:#000000;  
  }	
  
/* Article List
----------------------------------------------- */
.title {
  font:bold 110%/1.3em Georgia,Serif;
  }

a:title {
  color:#003399;
  text-decoration:underline;
  }
a.title:visited {
  color:#636;
  text-decoration:underline;
  }
a.title:hover {
  color:#cc6600;
  text-decoration:underline;
  }  
  
.author {
  font-style:normal;
  font-weight:bold;
  }
.date {
  font-style:normal;
  color:#999999;
  }  
.author {display:block;}  
.level1 {
  font-style:normal;
  color:#999999;
  }  
.level2 {
  font-style:normal;
  color:#666666;
  }  

/* Breadcrumb
----------------------------------------------- */
.breadcrumb {
  font-style:normal;
  color:#000000;
  }  
a.breadcrumb, a.breadcrumb:visited {color:#999999; border-width:0}
a.breadcrumb:hover {color:#cc0000; border-width:0; text-decoration:underline;}


/* Miscellaneous
----------------------------------------------- */
p.item {margin:5px 0 20px 0;clear:both;}

.hide {display:none;}

.imgleft {
  float:left;
  display:block;
  margin:5px 10px 0 0;
  font:italic 85%/1.4em Verdana,Sans-serif;
  color:#666;
  border:1px solid #000000 !important;
  }

.imgright {
  float:right;
  margin:0 0 5px 10px;
  font:italic 85%/1.4em Verdana,Sans-serif;
  color:#666;
  border:1px solid #000000 !important;
  }
  
.darkblue {color:#999!important;}

ul {
  margin:.5em 0 1em;
  padding:0;
  }
ol {
  margin-top:.5em;
  margin-bottom:1em;
  }
ul li {
	margin:0 0 0 5px;
	padding:0 0 5px 12px;
	line-height:1.5em;
	list-style:none;
	background:url("../images/bullet_blue.gif") no-repeat 0 .6em;
	background-color: #FFFFFF;
  }
ol li {
  padding:0 0 5px 0;
  }

h2.article {
	MARGIN: 1em 0px 0.2em; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: arial, verdana, sans-serif
	  }

/* Headlines
---------------------------------------------*/
.headliner {
  border:0px solid #000000;
  border-width:0px 0;
  }
.headliner h2 {font: 150%/1.25em Georgia,Verdana,Sans-serif;}
.headliner h2, .headliner h2 a, .headliner h2 a:visited {color:#000000; border-width:0}
.headliner h2 a:hover {color:#cc0000; text-decoration:none; border-bottom:1px dotted #cc0000;}

#section {
  background:#dddddd;
  position:static;
  font-size:85%;
  line-height:1.5em;
  }
#section .content div {background:none;}
#section .content {
  padding:7px 0 7px 30px;
  width:96%;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:96%;
  } html>body #section .content {width:96%;}
.maincol2 {width:96%;}
.reset {
  display:block;
  clear:both;
  margin:0;
  padding:0;
  height:1px;
  font-size:1px;
  line-height:1px;
  }

/* Forms
----------------------------------------------- */
form {
  margin:0; 
  line-height:1.3em;
  }
form div {padding:3px 0 2px;}
input.text {font:100% "Courier New",Courier,Monospace;}
input.button {
  background:#b0c0d0;
  color:#151515;
  font:bold 90% Verdana,Sans-serif;
  border:2px solid #f00;
  border-color:#C7D2DE #738FAC #738FAC #C7D2DE;
  }

#contactform div {padding-top:5px;}
#contactform label {
  display:block;
  padding-bottom:1px;
  }
#contactform input.text {width:200px;}
#contactform input#subject {
  voice-family: "\"}\"";
  voice-family:inherit;
  width:95%;
  } html>body #contactform input#subject {width:95%;}  
#contactform input.text, #contactform textarea {
  background:#eee;
  border:1px solid #cccccc;
  font:100%/1em Courier,Arial,Sans-serif;
  }
#contactform textarea {
  voice-family: "\"}\"";
  voice-family:inherit;
  width:95%;
  height:10em;
  } html>body #contactform textarea {width:95%;}
    
  
/* Subnav boxen - special features
-------------------------------------------------*/
ul#subnav {margin:0.45em 0 1.5em 0;}
ul#subnav br {display:none;}
#subnav li {margin:0 0 5px; padding:0; background-image:none;}
#subnav a:link, #home #subnav a:visited {
  display:block;
  background-repeat:no-repeat;
  background-position:7px 7px;
  padding:6px 10px;
  border-width:1px;
  border-style:solid;
  width:230px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:228px;
  } html>body #subnav a:link, html>body #subnav a:visited {width:228px;}
#subnav strong {
  display:block;
  font:165%/1em Arial,Sans-serif;
  text-transform:lowercase;
  margin-bottom:4px;
  /*
  padding-left:14px;
  background-repeat:no-repeat;
  background-position:0px .45em;
  */
  }
#subnav img {
  float:left;
  margin:0 8px 0 0;
  }

#subnav .box1 strong {color:#fff;}
#subnav .box2 strong {color:#000;}
#subnav .box3 strong {color:#000;}

.box1 a {
  background-color:#990000;
  color:#fff;
  border-color:#000;
  }
.box2 a {
  background-color:#DFDFBC;
  color:#000;
  border-color:#000;
  }
.box3 a {
  background-color:#999999;
  color:#000;
  border-color:#000;
  }

#subnav a:hover {
  background-color:#fff;
  border-color:#ccc;
  color:#333;
  }
#subnav a:hover strong {
  color:#c00;
  }
  


/* Abstracts with images
-------------------------------------------------*/
.visual {
  position:relative;
  float:left;
  top:15px;
  width:202px;
  margin-bottom:10px;
  }
.visual2 {
  position:relative;
  float:left;
  top:5px;
  width:202px;
  margin-bottom:10px;
  }
.visual3 {
  position:relative;
  float:left;
  top:5px;
  width:102px;
  margin-bottom:10px;
  }
.visual img, .visual2 img, .visual3 img {
  position:static;
  float:none;
  margin:0 0 2px;
  display:block;
  border:1px solid #000000 !important;
  }
.explanation {
  float:left;
  margin-left:20px;
  }  


.chinese {
	color:#000;
	font:medium SimSun,Arial,Sans-serif;
}
h2.chinese {
  color:#000;
  font:medium SimSun,Arial,Sans-serif;
}
.chinesesmall {
  color:#000;
 font:small SimSun,Arial,Sans-serif;
}
.pinyin {
	font:medium Arial,Sans-serif;
}	

/* Search Form */
    
#searchform {
  position:relative;
  top:15px; 
  right:10px;
  float:right;
  font-size:85%; 
  }	

#searchform input.text {
  background:#eee;
  border:1px solid #999;
  font:100%/1em Courier,Arial,Sans-serif;
  }

#searchform input.button {
  background:#b0c0d0;
  color:#151515;
  font:bold 90% Verdana,Sans-serif;
  border:2px solid #f00;
  border-color:#C7D2DE #738FAC #738FAC #C7D2DE;
  }


.searchtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight:bold;
}
.tableborder {
	border: 1px solid #999;
}	
.tableheader {
	background-color: #f1f3eb;
}	
.row1 {
	background-color:#f4f4f4;
	}
.row2 {
	background-color: #FFF;
}

/* Usage :  To display the header line with the following messages:
 *             "Search results for _words_."
 *             "Showing results 1 to 10 of 17"
 */
table.isearch_head
{
    background-color:#f1f3eb;
    border: 1px solid #999;
}

td.isearch_head
{
    color:#000;
    font-size:11px; 
}
/* Usage :  Displaying the search string in the message:
 *              Search results for _words_.
 */
.isearch_search
{
    font-style:italic;
}

/* Usage :  To display the page title in the results list.
 */
a.isearch_title:link
{
    color:#003399;
    text-decoration:underline;
    background-color:transparent
}

a.isearch_title:visited
{
    color:#636;
    background-color:transparent
}

a.isearch_title:hover
{
  color:#cc6600;
  text-decoration:underline;
}



/* Usage :  To display the page description in the results list.
 */
.isearch_description
{ 
    color:#000000;
}


/* Usage :  To display the page url in the results list.
 */
a.isearch_url:link
{
    font-size:11px;
    color:#008000;
    background-color:transparent
}

a.isearch_url:visited
{
    font-size:11px;
    color:#008000;
    background-color:transparent
}

/* Usage :  To display the file size in the results list.
 */
.isearch_size
{
    font-size:11px;
    color:#008000;
    font-size:80%;
}


/* Usage :  To display the "Cached" string in the results list.
 */
a.isearch_viewcache:link
{
    font-size:11px;
    color:#6f6f6f;
    background-color:transparent
}

a.isearch_viewcache:visited
{
    font-size:11px;
    color:#6f6f6f;
    background-color:transparent
}
/* Usage :  To display the "<< Previous Page" and "Next Page >>" links.
 */
table.isearch_prevnext
{
   background-color:#f1f3eb;
    border: 1px solid #999;

}

td.isearch_prevnext
{
    color:#000;
    font-size:11px;
}

a.isearch_prevnext:link
{
    color:#000;
    background-color:transparent
}

a.isearch_prevnext:visited
{
    color:#000;
    background-color:transparent
}


/* Usage :  To display the "No matches found." string.
 */
h2.isearch_nomatch
{
    font-size:16px;
    color:red;
}


/* Usage :  To display highlighted words in the page descriptions
 */
.isearch_highlight
{
    font-weight:bold;
}

/* New styles for ad placement 12/2007 */
.adbox {
	clear:left;
	margin-top:12px;
	padding:6px;
	border-bottom: #ccc 1px solid;
	border-top: #ccc 1px solid;
}


/* Google Search Form */
    
#cse-search-box {
  position:relative;
  top:10px;
  right:10px;
  float:right;
}