/* common */
P {FONT-WEIGHT: 300; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: verdana,arial,geneva}
TD {FONT-WEIGHT: 300; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: verdana,arial,geneva}
body {behavior: url("include/csshover.htc"); margin:0; padding:0; color:#222; background: url("../images/tiled_bg.gif") 0 0 repeat-y #f8f8f8;}
H1	{font-weight: 600; font-size: 18px; color: #006699; FONT-FAMILY: verdana,arial,geneva}
H2	{color: #006699; font-size: 14px;}
H2 a:link {FONT-WEIGHT: 600; COLOR: #006699; TEXT-DECORATION: none;}
H2 a:visited {FONT-WEIGHT: 600; COLOR: #006699; TEXT-DECORATION: none;}
H2 a:hover {FONT-WEIGHT: 600; COLOR: #006699; TEXT-DECORATION: underline;}
H3	{color: #006699; font-size: 12px;}
H3 a:link {FONT-WEIGHT: 600; COLOR: #006699; TEXT-DECORATION: none;}
H3 a:visited {FONT-WEIGHT: 600; COLOR: #006699; TEXT-DECORATION: none;}
H3 a:hover {FONT-WEIGHT: 600; COLOR: #006699; TEXT-DECORATION: underline;}

B	{FONT-WEIGHT: 600; COLOR: #006699; FONT-FAMILY: verdana,arial,geneva}

/* LINKS */
A:link {FONT-WEIGHT: 600; COLOR: #0066ff; TEXT-DECORATION: none;}
A:visited {COLOR: #9966cc;}
A:hover {COLOR: #ff0000; TEXT-DECORATION: underline;}

A.ul:link {FONT-WEIGHT: 600; COLOR: #0066ff; TEXT-DECORATION: underline;}
A.ul:visited {COLOR: #9966cc;}
A.ul:hover {COLOR: #ff0000;}

A.scan:link, A.scan:visited {COLOR: #ffffff; TEXT-DECORATION: none}
A.scan:hover {COLOR: #ff0000; TEXT-DECORATION: underline}

A.smalllight:link {FONT-WEIGHT: 300; FONT-SIZE: 7pt; COLOR: #ffffff; FONT-FAMILY: arial,sans-serif}
A.smalllight:visited {COLOR: #ccccff;}
A.smalllight:hover {COLOR: #ff0000;}

A.nav:link {FONT-WEIGHT: 300; FONT-SIZE: 7pt; COLOR: #0066ff; FONT-FAMILY: verdana,arial,geneva; TEXT-DECORATION: underline}
A.nav:visited {COLOR: #9966cc;}
A.nav:hover {COLOR: #ff0000;}

A.city:link {FONT-WEIGHT: 300; FONT-SIZE: 7pt; COLOR: #0066ff; FONT-FAMILY: verdana,arial,geneva; TEXT-DECORATION: none}
A.city:visited {COLOR: #9966cc;}
A.city:hover {COLOR: #ff0000;TEXT-DECORATION: underline}

A.menu:link {FONT-WEIGHT: 600; FONT-SIZE: 8pt; COLOR: #0066ff; FONT-FAMILY: verdana,arial,geneva; TEXT-DECORATION: underline}
A.menu:visited {COLOR: #9966cc; FONT-FAMILY: verdana,arial,geneva;}
A.menu:hover {COLOR: #ff0000;}

A.chunky:link {FONT-WEIGHT: 600; FONT-SIZE: 13px; COLOR: #0066ff; FONT-FAMILY: verdana,arial,geneva; TEXT-DECORATION: none}
A.chunky:visited {COLOR: #9966cc;}
A.chunky:hover {COLOR: #ff0000;}

A.first:link {FONT-WEIGHT: 600; FONT-SIZE: 7pt; COLOR: #0066ff; FONT-FAMILY: verdana,arial,geneva; TEXT-DECORATION: none}
A.first:visited {COLOR: #9966cc;}
A.first:hover {COLOR: #ff0000;}

A.ad:link {FONT-WEIGHT: 300; FONT-SIZE: 7pt; COLOR: #0066ff; FONT-FAMILY: arial,sans-serif; TEXT-DECORATION: none}
A.ad:visited {COLOR: #9966cc;}
A.ad:hover {COLOR: #ff0000; TEXT-DECORATION: underline}

A.address:link {FONT-WEIGHT: 300;  COLOR: #0066ff; FONT-FAMILY: verdana,arial,geneva; TEXT-DECORATION: none}
A.address:visited {COLOR: #9966cc;}
A.address:hover {COLOR: #ff0000; TEXT-DECORATION: underline;}

A.subjectjumplink:link, A.subjectjumplink:visited, A.subjectjumplink:hover {FONT-WEIGHT: 600; FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: arial,verdana,geneva; TEXT-DECORATION: none;}

A.authorgateway:link, A.authorgateway:visited {FONT-WEIGHT: 300; FONT-SIZE: 8pt; COLOR: #cc6633; FONT-FAMILY: arial,verdana,geneva; TEXT-DECORATION: underline;}
A.authorgateway:hover {TEXT-DECORATION: none;}

A.header:link, A.header:visited, A.header:hover {FONT-WEIGHT: 600; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: arial,verdana,geneva; TEXT-DECORATION: none;}

A.shoppinglinks:link, A.shoppinglinks:visited{COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none;}
A.shoppinglinks:hover {TEXT-DECORATION: underline}

A.nextprevious:link, A.nextprevious:visited {FONT-SIZE: 11px; COLOR: #0f5070; FONT-FAMILY: arial; TEXT-DECORATION: none;}
A.nextprevious:hover {TEXT-DECORATION: underline;}

A.navlink:link, A.navlink:visited  {FONT-SIZE: 11px; COLOR: #0f5070; FONT-FAMILY: arial; TEXT-DECORATION: none}
A.navlink:hover {TEXT-DECORATION: underline}

A.title:link, A.title:visited, A.title:hover {FONT-WEIGHT: 600; FONT-SIZE: 14px; COLOR: #0066ff; FONT-FAMILY: arial; TEXT-DECORATION: underline;}

A.author:link {FONT-WEIGHT: 300; FONT-SIZE: 11px; COLOR: #660000; FONT-FAMILY: arial; TEXT-DECORATION: underline}
A.author:visited, A.author:hover {TEXT-DECORATION: none}

A.test:link, A.test:visited {FONT-WEIGHT: 600; COLOR: #0066ff; FONT-FAMILY: arial,sans-serif; TEXT-DECORATION: underline;}
A.test:hover {COLOR: #ff0000;}

a img, a:visited img  {border: 0;}

.adv {FONT-WEIGHT: 300; FONT-SIZE: 7pt; FONT-FAMILY: arial,sans-serif}
.heading {FONT-WEIGHT: 600; FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: verdana,geneva}
.heading2 {FONT-WEIGHT: 600; FONT-SIZE: 9pt; COLOR: #006699; FONT-FAMILY: verdana,geneva}
.subjectheading {FONT-WEIGHT: 600; FONT-SIZE: 12pt; COLOR: navy; FONT-FAMILY: arial,verdana,geneva}
.roundedbox {FONT-WEIGHT: 600; FONT-SIZE: 8pt; COLOR: #999999; FONT-FAMILY: arial,verdana,geneva}
.smallgrey {FONT-WEIGHT: 300; FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: arial,verdana,geneva}
.ANSWERBOX {font-family:verdana; font-size: 10px; color:#006699; height:14px; width:100px; BORDER-BOTTOM:#999999 1px solid; BORDER-LEFT:#999999 1px solid; BORDER-RIGHT:#999999 1px solid; BORDER-TOP:#999999 1px solid; line-height:30px}
.ANSWERBOX2 {font-family:verdana; font-size: 10px; color:#006699; height:14px; width:79px; BORDER-BOTTOM:#999999 1px solid; BORDER-LEFT:#999999 1px solid; BORDER-RIGHT:#999999 1px solid; BORDER-TOP:#999999 1px solid; line-height:30px}
.ANSWERBOX3 {font-family:verdana; font-size: 10px; color:#006699; height:14px; width:59px; BORDER-BOTTOM:#999999 1px solid; BORDER-LEFT:#999999 1px solid; BORDER-RIGHT:#999999 1px solid; BORDER-TOP:#999999 1px solid; line-height:30px}
.ANSWERBOX4 {font-family:verdana; font-size: 10px; color:#006699; height:14px; width:160px; BORDER-BOTTOM:#d6d6d6 2px solid; BORDER-LEFT:#d6d6d6 2px solid; BORDER-RIGHT:#d6d6d6 2px solid; BORDER-TOP:#d6d6d6 2px solid; line-height:30px}
.ANSWERBOX5 {font-family:verdana; font-size: 10px; color:#006699; height:14px; width:137px; BORDER-BOTTOM:#d6d6d6 2px solid; BORDER-LEFT:#d6d6d6 2px solid; BORDER-RIGHT:#d6d6d6 2px solid; BORDER-TOP:#d6d6d6 2px solid; line-height:30px}
.INPUT1 {font-family:verdana; font-size:12px; COLOR:#666666; height:17px; width:100px; BORDER-BOTTOM:#666666 1px solid; BORDER-LEFT:#666666 1px solid; BORDER-RIGHT:#666666 1px solid; BORDER-TOP:#666666 1px solid; COLOR:#333333;}
.SELECT1 {font-family:verdana; font-size:11px; BORDER-BOTTOM:#666666 1px solid; BORDER-LEFT:#666666 1px solid; BORDER-RIGHT:#666666 1px solid; BORDER-TOP:#666666 1px solid; COLOR:#333333;}
.authorgateway {FONT-WEIGHT: 300; FONT-SIZE: 8pt; COLOR: #cc6633; FONT-FAMILY: arial,verdana,geneva; TEXT-DECORATION: underline}
.white {FONT-WEIGHT: 600; FONT-SIZE: 8pt; COLOR: #ffffff}
.biblioinfo {FONT-WEIGHT: 300; FONT-SIZE: 11px; COLOR: #999999; FONT-FAMILY: arial}
.biblioheading {FONT-WEIGHT: 600; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: arial}
.small {FONT-WEIGHT: 300; FONT-SIZE: 11px; COLOR: #990000; FONT-FAMILY: arial; TEXT-DECORATION: none}
.NavLabeltext {FONT-WEIGHT: 600; FONT-SIZE: 11px; COLOR: #4f7fa0; FONT-FAMILY: arial}
.NavLabelcount {FONT-WEIGHT: 300; FONT-SIZE: 12px; COLOR: #4f7fa0; FONT-FAMILY: arial}
.subtitle {FONT-WEIGHT: 600; FONT-SIZE: 11px; COLOR: #0f5070; FONT-FAMILY: arial}
.searchheading {FONT-WEIGHT: 600; FONT-SIZE: 14px; COLOR: #0f5070; FONT-FAMILY: chicago}
.biblioinfo {FONT-WEIGHT: 300; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial}
.description {FONT-WEIGHT: 300; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: arial}
.blacksmall {FONT-WEIGHT: 300; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial}
.HighLight {BACKGROUND-COLOR: #ff69b4}
.blue16 {font-weight: 600; font-size: 16px; color: #006699; FONT-FAMILY: verdana,arial,geneva}
.blue14 {font-weight: 600; font-size: 14px; color: #006699; FONT-FAMILY: verdana,arial,geneva}
.blue12 {font-weight: 600; font-size: 12px; color: #006699; FONT-FAMILY: verdana,arial,geneva}

.white12 {font-weight: 600; font-size: 12px; color: #ffffff; FONT-FAMILY: verdana,arial,geneva}
.medlight {font-weight: 600; font-size: 11px; color: #ffffff; font-family: verdana,arial,geneva}
.navi {FONT-WEIGHT: 300; FONT-SIZE: 7pt; FONT-FAMILY: verdana,arial,geneva}
.smallwhite {FONT-WEIGHT: 300; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: arial,verdana,geneva}
.smalllight {font-weight: 300; font-size: 7pt; color: #ffffff; font-family: arial,sans-serif}
.menutable, .menutable td, .menutable th {font-family:verdana,arial,geneva; font-size:8pt}
.menutable {background-color:#99cccc}
.menutable td {background-color:#e9e9e9; font-weight:300; vertical-align: top;}
.menutable th {background-color:#006699; color:#e9e9e9; font-weight:600;}
.menutable em {font-family:verdana,arial,geneva; font-size:8pt; font-weight: 600; color: #0066ff; font-style: normal}
.listtable, .listtable td, .listtable th {font-family:verdana,arial,geneva; font-size:8pt}
.listtable {background-color:#99cccc}
.listtable td {background-color:#e9e9e9; font-weight:300; vertical-align: middle;}
.listtable th {background-color:#006699; color:#e9e9e9; font-weight:600;}
.verbtable, .verbtable td, .verbtable th {font-family:verdana,arial,geneva; font-size:8pt}
.verbtable td {font-weight:300; vertical-align: middle;}
.verbtable th {color:#006699; font-weight:600;}
.contentstable, .contentstable td, .contentstable th {font-family:verdana, arial, geneva; font-size:7pt;}
.contentstable em {font-weight: 600; font-style: normal; color:#006699; text-decoration:underline}

/* leftcol */
#leftcol {width: 152px; float: left; line-height: 1; background: url("../images/bg_leftcol.gif") 0 80px no-repeat #369; color: #F0F3F9; min-height: 600px; font-weight: bold;font: 110%/1 Arial, Helvetica, sans-serif;}
div#leftcol a, #leftcol a:visited {color: #fff; text-decoration: none; font-weight: bold;}
div#leftcol a:focus, #leftcol a:hover {color: #fff; text-decoration: none;}
div#leftcol a img {border: 0;}
div#leftcol ul {margin: 45px 0 22px 0; padding: 0; list-style: none;}
div#leftcol li {position:relative; list-style:none; margin:0; width: 100%;}
div#leftcol ul li a {display: block; padding: 3px 0 3px 12px; z-index: 50;}
div#leftcol ul li a:hover {background: url("../images/leftcol_hover_bg.png") repeat;}
* html div#leftcol ul li a:hover {background: url("../images/leftcol_hover_bg.gif") repeat; }
/*div#leftcol ul ul {margin: 2px 0; z-index: 20;}
div#leftcol ul ul li {border: 0;}
div#leftcol ul ul li a {padding-left: 16px; font-weight: normal;}*/
div#leftcol ul ul {margin: 0; position: absolute; width: 160px; top: 0; left:152px; background: #369; border: 1px solid #036; display: none; z-index: 20;}
div#leftcol ul ul li a {padding: 4px;}
div#leftcol li.submenu:hover ul.level3 {display:block;}

/* series feature sections */
#feature {margin: 0 0 20px 40px; padding: 0; position: relative; z-index: 10;}
#feature h1, #feature h2 {font-weight: normal;}
#feature h3 {font-weight: normal; margin: 0.2em 0;}
#feature fieldset {position: absolute; top: 0; right: 0; border: 0;}
#feature legend, #feature label {display: none;}
#feature select {font-size: 11px;}
h1.features {border-bottom: 1px solid #069; padding:0 0 0.5em 0; margin-right: 10px;}
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
#feature a {font-weight: normal;}

.sidebox {margin: 0 0 10px 0; background: url("../images/rounded_box_br.png") no-repeat bottom right; font-size: 100%;}
.boxhead {background: url("../images/rounded_box_tr.png") no-repeat top right; margin: 0; padding: 0; text-align: left;}
.boxhead .tl {background: url("../images/rounded_box_tl.png") no-repeat top left; margin: 0; padding: 6px 0 6px 16px;}
.boxhead .tl h2 {padding: 6px 0 0.4em 0; margin: 0;}
.boxbody {background: url("../images/rounded_box_bl.png") no-repeat bottom left; margin: 0; padding: 1px 14px 12px 14px; overflow:hidden;}
.boxbody p {margin-top: 0; padding-top: 0;}

.mapboxes {clear: left; width: 100%;}
.mapboxes .sidebox {width: 260px; margin: 0 0 10px 0; float: left;}
.mapboxes .sidebox img {float: left; margin: 0 10px 10px 0;}
.mapboxes .boxbody {height: 21em;}

.maincol {float: left; width: 470px;}
.maincol  .sidebox {width: 460px;}
.maincol .intro {float: left; margin-bottom: 1em;}
.maincol .fullwidth {float: left; clear: left; width: 100%;}
.quote-author {text-align: right; padding-bottom: 1em;}
.boxbody blockquote {padding: 0 0 0 30px; margin: 0; background: url("../images/quote.png") 0 0 no-repeat;}
.boxbody blockquote p {color: #006699; margin: 0 0 0.2em;}

.maincol-sm {float: left; width: 400px;}
.maincol-sm .sidebox {width: 400px;}
.maincol-sm .fullwidth {float: left; clear: left; width: 100%;}
.maincol-lang {float: left; width: 320px;}
.maincol-lang .sidebox {width: 320px;}
.maincol-lang .fullwidth {float: left; clear: left; width: 100%;}

.rightcol {margin: 0 0 0 480px;}
.rightcol .sidebox {width: 320px;}
.rightcol-wide {margin: 0 0 0 420px;}
.rightcol-wide .sidebox {width: 380px;}
.rightcol-lang {margin: 0 0 0 320px;}
.rightcol-lang .sidebox {width: 480px;}

.booklist {list-style: none; margin: 0; padding: 0;}
.booklist li {list-style: none; width: 100px; margin: 0 20px 20px 0; float: left;}
.booklist li .title {height: 3em;}
.booklist li a {font-weight: normal;}

.browse-list {list-style: none; float: left; margin: 0; padding: 0;}
.browse-list li {list-style: none; float: left; padding: 0; margin: 0 10px 12px 0;}
.browse-list li p {margin: 0 0 10px 0px;}
.browse-list li a {font-weight: normal; margin: 0 0 1em 0;}
.browse-list li img {margin-top: 10px;}

.guides-browse {margin-bottom: 1em;}
.guides-browse li {width: 240px; margin-right: 16px; overflow: hidden;}
.guides-browse li img {float: left; margin: 10px 12px 10px 0;}

.rightcol .boxbody ul {list-style: none; margin: 0; padding: 0;}
.rightcol .boxbody ul li {display: block; list-style: none; overflow: hidden; margin: 0; padding: 10px 0; border-top: 1px solid #ccc; height: 1%;}
.rightcol .boxbody ul li h2 {margin: 0 0 0.4em 0; padding: 0;}
.rightcol .boxbody ul li h3 {font-weight: normal; margin: 0 0 0.4em 0; padding: 0;}

/* language feature */
.language-list li {width: 95px; margin-right: 10px; float: left;}
.language-list li img {float: left; margin: 10px 0;}				
#lang-choice {list-style: none; padding: 0 0 20px 0; margin: 0; overflow: hidden; _height: 1%;}
#lang-choice li {list-style: none; width: 96px; margin-bottom: 18px; float: left; text-align: center;}
#lang-choice a, #lang-choice a:visited {display: block; padding-top: 48px; font-weight: bold; color: navy; text-decoration: none;}
#lang-choice a:hover, #lang-choice a:focus {text-decoration: underline;}
li.lang_fr {background: url("../images/flag_fr.png") 50% 0 no-repeat;}
li.lang_es {background: url("../images/flag_es.png") 50% 0 no-repeat;}
li.lang_de {background: url("../images/flag_de.png") 50% 0 no-repeat;}
li.lang_it {background: url("../images/flag_it.png") 50% 0 no-repeat;}
li.lang_en {background: url("../images/flag_en.png") 50% 0 no-repeat;}
li.lang_jp {background: url("../images/flag_jp.png") 50% 0 no-repeat;}

.lang-list li {width: 215px; float: left; margin: 0 10px 1em 0;}
.lang-list li img {float: right; margin: 0 0 8px 8px;}

p.lang-quiz {font-weight: bold; text-align: center; padding: 0 2px; margin: 0 0 0.2em 0; color: #d00; line-height: 200%;}
p.lang-quiz a, p.lang-quiz a:visited {color: #d00; text-decoration: underline; font-weight: bold !important;}
p.lang-quiz a:hover, p.lang-quiz a:focus {background: #d00; text-decoration: none; color: #fff;}

/* phrase books */
.phrase-feature {overflow: hidden; _height: 1%;}
.phrase-feature h3 {color: #06c; margin: 0 0 0.4em 0; padding: 0;}
.phrase-feature p {color: #06c; line-height: 140%; margin: 0 0 0.8em; padding: 0;}
.phrase-feature img {float: right; margin: 0 0 0.8em 8px; padding: 0;}

/* dictionaries */
.dictionary-feature {overflow: hidden; _height: 1%;}
.dictionary-feature h3 {color:#0066CC;; margin: 0 0 0.4em 0; padding: 0;}
.dictionary-feature p {color:#0066CC;; line-height: 140%; margin: 0 0 0.8em; padding: 0;}
.dictionary-feature p a {text-decoration: underline;}
.dictionary-feature img {float: right; margin: 0 0 0.8em 8px; padding: 0;}
.bullet-list {list-style-type: square; list-style-position: inside; display: inline;}
.dict-list li {width: 70px; float: left;}
.dict-list li img {float: left;}

.dict-list-rcol {overflow: hidden; _height: 1%;}
.dict-list-rcol ul {list-style: none; margin: 0 75px 10px 0; padding: 0;}
.dict-list-rcol img {float: right; margin: 0 0 6px 4px;}
.dict-list-rcol ul li {list-style: none; width: 100%; border: 0; background: url("../images/bullet.png") no-repeat 0 4px; margin: 0; padding: 0 0 0 8px;}

/* kids */
.kids-list li {width: 225px; float: left;}
.kids-list li p {margin-left: 110px;}
.kids-list li img {float: left; margin: 0 8px 8px 0;}

.footer {clear: both; width: 800px; margin: 0 auto; text-align: center;}
.footer table {margin: 0 auto;}

.rightcol-wide .boxbody img, .rightcol .boxbody img {float: right; margin: 0 0 10px 10px;}

.index-list {list-style:  disc outside; margin: 0 0 0 180px; padding: 0;}
.index-list li {list-style:  disc outside; margin: 1em 0 1em 20px; padding: 0;}