html, body { 
  margin:0; 
	padding: 0 ;
}
body { 
  min-width: 630px;	
	font-family: verdana, sans-serif;
	font-size: 80%;
	/*background-color: #ffffcc;*/		
}
#wrapper {
  position: relative;
	margin: 0 auto;
	width: 800px;
	padding: 0;
	text-align: left;
	overflow: hidden;
}
/* ---------------- header ------------------- */
#pageHeader {
  float: left;
	margin-top: 15px;
	width: 800px;
	padding: 4px 0;	
	height: 100px;
	overflow: hidden;
}
#pageHeader img {
  border: none;	
	width: 800px;
	height: 100px;	
}
#pageHeader img { 
  margin: 0;
	padding: 0;
}
#pageHeader a {
  text-decoration: none;
  margin: 0;
	padding: 0;
}
#pageHeader h1 {
  margin: 0; padding: 0;
}
#pageHeader h1 a { 
  text-indent: -9999em; 
  height: 100px; 
  width: 800px;
	display: block;
	border: none;
	margin: 0;
	padding: 0;
}
/* -------------------- subHeader ---------------------------*/
#subHeader {
  width: 640px;
	margin: 0 0 0 160px;
	display: inline; 
	padding: 0;
	float: left;
}

/* -------------------- images ---------------------------*/

/*
a img#img1 { 
  height: 278px;
	width: 428px; 
	margin: 0;
	padding: 0;
	float: left;	
}
a img#img2 { 
  width: 208px; 
	margin: 0; 
	padding: 0;
	float: left;
	height: 138px;
}
a img#img3 { 
  width: 208px; 
	margin: 0;
	padding: 0; 
	float: left; 
	height: 138px;
}
a img#img4 { 
  width: 208px; 
	margin: 0;
	padding: 0; 
	float: left; 
	height: 278px;	
}




a img#img1 { 
  height: 320px;
	width: 428px; 
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	border: none;	
}
a img#img2 { 
 
	margin: 0 0 10px 0; 
	padding: 0;
	float: left;
	border: none;
}
a img#img3 { 

	margin: 0;
	padding: 0; 
	float: left; 
	
	border: none;
}
a img#img4 { 
  
	margin: 0;
	padding: 0; 
	float: left; 
	border: none;	
}
*/

div#imgwrapper {
  height: 320px;
}

a img#img1 { 
  	height: 320px;
	width: 428px; 
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	border: none;	
}
a img#img2 { 
  	width: 202px; 
  	height: 158px;
	margin: 0 0 5px 0; 
	padding: 0;
	float: left;
	border: none;
}
a img#img3 { 
  	width: 202px;
	height: 157px;  	
	margin: 0;
	padding: 0; 
	float: left; 	
	border: none;
}
a img#img4 { 
  	/*width: 202px; 
  	height: 321px;*/	
	margin: 0;
	padding: 0; 
	float: left; 
	border: none;	
}
/* ---------------- core links ------------------- */
#coreLinks {
  position: absolute;
	top: 0;
	z-index: 100;
	width: 800px;
	font-size: 0.9em;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	height: 25px;
	display: block;
}
#coreLinks p {
  float: left; 
	text-align: left;
	margin: 0;
	padding: 4px 0 4px 8px;
	width: 150px;
	color: #ffc;
}
#coreLinks ul {
  float: right;
	margin: 0; 
	padding: 4px 0;
	width: 640px;
	text-align: right;
}
#coreLinks li {
  display: inline;
	list-style: none;
	/*margin: 0 7px;
	padding: 0 14px;*/
	margin: 0 8px;
  width: auto;
	text-align: right;
	vertical-align: bottom;
}
#coreLinks li a {
  color: #ffffcc;
	padding-bottom: 3px;
	text-decoration: none;
}
#coreLinks li a:hover, #coreLinks li a:focus {
  color: #ffffcc;
	/*border-bottom: 1px solid #ffc;*/
	text-decoration: underline; 	
}


/* ---------------- page content  ------------------- */

#pageContent {
  /* background: #ffffff; */
	background-color: #ffffcc;
	color: black;
	float: left;
	clear: right; 
	padding: 0; 
	width: 640px; 
	min-height: 416px;
	margin: 0;
	/* change to this: min-height: 140px;*/
	/*padding-bottom: 10px;*/	
}
h2.hidden {
  display: none;
	margin: 0;
	padding: 0;
}
#pageContent #contText {
  float: left;
	clear: left;
	width: 600px;
	padding-left: 10px;
	padding-top: 0;
	padding-bottom: 10px;
	min-height: 140px;
	margin-left: -3px;
	margin-right: 25px;	
}

#pageContent #contText p {
	float: left;
	margin: 10px 0 0 10px;
	width: 580px;
  padding: 0 0 0 4px;
	text-align: left;
	line-height: 1.4em;
	font-size: 1em;	
	letter-spacing: 0.1em;
}	
#pageContent #contText h3 {
  float: left;
	clear: left;
	margin: 10px 0 4px 10px;
	width: 100%;
}
#pageContent #contText ul, #pageContent #contText ol {
  float: left;
	clear: left;
	width: 100%;
}
#pageContent #contText ol {
  list-style-type: decimal;
	float: none;
}
#pageContent #contText ol  #pageContent #contText ul  {
    margin:0;
    padding:0;
}
#pageContent #contText li {
  margin: 0 2em;
  padding:0;
}
#pageContent #contText li {
  /*float: left;
	clear: left;
	width: 500px;*/
	text-align: left;
	letter-spacing: 0.1em;
	font-size: 1em;
}
#pageContent ul.extra {
  float: left;
	clear: left;
	width: 580px;
	margin: 10px;
	padding: 0;
}
#pageContent ul.extra li {
  float: left;
	clear: left;
	list-style: none;
	font-size: 1em;
	color: black;
	padding: 4px;
	margin: 0;
}
#pageContent h3.top {
  float: left;
	width: 580px;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	margin: 0 10px 0 140px;
	padding: 4px;
}

/*
ul.mappio {
  width: 400px;
}
ul.mappio li {
  font-weight: bold;
}
ul.mappio ul li {
  font-weight: normal;
  font-style: italic;
}
ul.mappio ul li li {
  font-weight: normal;
	font-style: normal;
}
ul.mappio, ul.mappio ul {
  margin: 10px 0 0 0;
	padding: 5px 0 5px 15px;
}
ul.mappio li  {
  padding: 0;
	margin: 0;
	list-style: none;
}
*/

#pageContent a {
  color: red;
}
#pageContent a:hover {
  color: green;
}

#pageContent ul.mappio li a {
 color: #ffffcc;
}
#pageContent ul.mappio li a:hover {
 color: #000000;
}
#pageContent h4 {
  border-bottom: 1px solid black;
	margin: 0 0 5px 0;
	padding: 2px 0;
}
/* ---------------- page breadcrumbs ------------------- */
#pageBreadcrumbs {
	background-color: #990000;
	text-align: left;
	color: #ffffcc;
	width: 800px;
	/*width: 640px;*/
	padding: 1px 0;
	clear: left;
}
#pageBreadcrumbs p {
  text-align: left;
	padding: 4px;
	margin: 0 0 0 160px;
	color: #ffffcc;	
}
#pageBreadcrumbs a {
  color: #ffffcc;
}
#pageBreadcrumbs a:hover {
  color: #99ccff;
}
/* ---------------- top level links ------------------- */
#topLevelLinks {
  width: 640px;
	float: left; 
	clear: none; 
	font-size: 0.95em;
	color: white;
	padding: 0;
	margin: 0; 
	text-align: left;		
}
#topLevelLinks ul {
  float: left;
	list-style: none;
	margin: 0; 
	padding: 0;
	display: inline;
	margin-left: 0;
}
#topLevelLinks li {
  display: inline;
	float: left;
	margin: 0;
	padding: 0;
	vertical-align: bottom;			
}
#topLevelLinks li a {
  width: 98.6px;
	min-height: 30px;
	/*overflow: hidden;*/
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px;
	/*margin: 0 7px 0 0;*/
	display: block;
	margin: 0;
	/*border-top: 1px solid #ffffcc;*/
	color: #000000;
	
	/*font-size: 0.9em;*/
}
#topLevelLinks li a:hover {
  color: #333300;	
	/*background-color: #cccc99;*/
}
#topLevelLinks li a:focus {
  border-bottom: 4px solid #fcc;
}
#topLevelLinks li a.curr{
  /*background-image: url(../img/curr.gif);
	background-position: left center;
	background-repeat: no-repeat;*/		 		
}
#topLevelLinks li a span  {
  
}

/* ---------------- column one ------------------- */
#columnOne {
	color: white;
	float: left;
	width: 160px;
	overflow: hidden;
	padding: 0 0 80px 0;
	margin: 0;
}

#columnOne h2 {
  margin: 0;
	padding: 0;
	font-size: 1em;
	width: 160px;	
}
#columnOne h2 a {
  /*background-color: black;*/
  margin: 0;
	padding: 10px;
	display: block;
	color: #ffffcc;
  font-weight: bold;
  text-align: left;
  text-decoration: none; 
}
#columnOne h2 a:hover, #columnOne h2 a:focus {
  text-decoration: underline;
}
#columnOne h2 span.page {
 /*display: none;*/
}
#columnOne ul#linkNest {
	width: 160px;
	margin: 0;
	padding: 0;	
}
#columnOne ul#linkNest li {
  margin: 0; 
	padding: 0;
	list-style: none;
}
#columnOne ul#linkNest li a {
  /*font-size: 0.9em;*/
	display: block;
	width: 150px;
	padding: 4px 4px 4px 10px;
	text-decoration: none;
	text-align: left;		
	/*background: #cc0000;*/
	color: #ffffcc;
}
#columnOne ul#linkNest li a.curr {
  font-weight: bold;
	/*background: #ffffcc;
	color: #000000;*/
	background-image: url(../img/spot.gif);
	background-position: left center;
	background-repeat: no-repeat;
	
}
#columnOne ul#linkNest li a:hover, #columnOne ul#linkNest li a:focus {
  text-decoration: underline;
	/*background: #ffffcc url(../img/fadeDarkGrey.png) bottom left repeat-x*/;
}
#columnOne ul#linkNest li a.curr:hover {
  /*background-color: #ffffcc;*/
	color: #000000;
}
#columnOne ul#linkNest ul {
  margin: 0; 
	padding: 0;
	/*background-color: #cc0000;*/
	width: 140px;
}
#columnOne ul#linkNest li li a {
	width: 140px;
	padding-left: 20px;
	/*font-size: 0.9em;*/
}
#columnOne ul#linkNest li li a.curr {
	background-image: url(../img/spot.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
#columnOne a.lang {
  background-color: white;
	color: black;
}
#columnOne a.lang:hover {
  background-color: #fc0;
	color: red;
}
#columnOne ul.extra {
  list-style: none;
	float: left;
	margin: 0 0 4px 0;
	padding: 0;
	width: 160px; 
}
#columnOne ul.extra li {
 font-size: 1em; 
 color: #ffffcc;
 font-weight: normal;
 text-align: left;
 padding: 4px 8px;
 margin: 0;
 
}
#columnOne ul.extra li a {
  padding: 4px 0;
	margin: 0;
}
#columnOne ul.extra li a:link {
  color: #ffc;
}
#columnOne ul.extra li a:visited {
  color: #ffc;
}
#columnOne ul.extra li a:hover,#columnOne ul.extra li a:focus {
  color: #ffc;
}
#columnOne ul.extra li a:active {
  color: #ffc;
}
/*#columnOne ul.extra li.top  {*/
#columnOne h2.top  {
  padding: 8px;
	background-color: red;
	font-weight: bold;
	margin-bottom: 0;
}
a#sponsor img, a#sponsor_front img {
  position: absolute;
	bottom: 0;
	margin: 0;
	z-index: 100;
	border: 4px solid white;
}
a#sponsor_front img {
  margin-left: -160px;	
}
a#sponsor:focus img {
  border: 4px solid black;
}

/* ---------------- column two ------------------- */
#columnTwo {
  padding: 0; 
	float: left;
	width: 138px;  
}
#columnTwo p {
  margin: 0 4px; 
	padding: 0;
}
#columnTwo a {
  color: #666666;
}
#columnTwo a:hover {
  color: red;
}
#media, #links, #images {
  padding: 4px 0;
	margin: 4px 2px;
	border: 1px solid #6495ed;
	background-color: #ffffff;
	color: #666666;
	font-size: 0.8em;
	border-bottom: 2px solid #6495ed;
}
/* ---------------- footer ------------------- */
#pageFooter {
  background-color: white;
	width: 780px;
	padding: 40px 10px 15px 10px;
	margin: 0 auto;
	color: white;
	border: none;
}
#pageFooter p {
  color: black;
	text-align: right;
  margin: 0; 
	padding: 0 4px;
}
#pageFooter a {
  color: red;
}
#pageFooter a:hover {
  color: green;
}
/* ------------------ misc --------------------------- */
ul.top { 
  padding: 10px; 
	margin: 10px; 
}
ul.top { 
  list-style: none;  
}
ul.top ul { 
  list-style: none; 
	float: left; 
	clear: left;  
}

ul.top li { 
  font-weight: normal; 
	margin: 0; 
	padding: 0; 
	float: left; 
}
ul.top li.top { 
  font-weight: bold; 
}

/* ------------------ howa --------------------------- */

p.howa {
  float: left;
	clear: left;
}
ul.howaImag {
  list-style: none;
  float: left;
  text-align: left;
  padding:0;
  margin: 10px 0 0 10px;
  width: 584px;
  b/order: 1px solid red;	
}
ul.howaImag li {
  f/loat: left;
}
div#wrapper #pageContent #contText ul.howaImag li a {
  margin: 0;
  padding: 0;
  border: none;
}
div#conText ul.howaImag li {
  padding: 0 0;
  margin: 0 0;
  t/ext-indent: 0;
  d/isplay: inline;
  float: left;
}
#pageContent #contText ul.howaImag li {
  margin: 5px 7px 5px 0;
  padding: 0;
  float: left;
}
#pageContent #contText ul.howaImag li a img {
  border: none;
}
ul.howaImag * {
  padding: 0 0;
  margin: 0 0;
}

/*
ul.howaImag {
  float: left;
	clear: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: auto;
	border: 1px solid red;
}
ul.howaImag * {
  w/idth: 139px;
  f/loat: none;
}
ul.howaImag li {
  list-style: none;
	padding:0;
	margin: 0;
	padding: 0;
	d/isplay: inline;
	f/loat: left;	
}
ul.howaImag li + li + li {
  padding:0;	
}
ul.howaImag li img {
  fl/oat: left;
	height: 190px;
	width: 190px;
	m/argin: 10px 0;
}
ul.howaImag li img.press {
  float: left;
	height: 100px;
	width: 100px;
	margin: 10px 5px;  
}
ul.howaImag li a img {
  border: none;
}
ul.howaImag li a img, ul.howaImag li a:hover img {
  border: 1px solid #ccccFF;
}
ul.howaImag li a img.press, ul.howaImag li a:hover img.press {
  border: 1px solid #ccccFF;
}
*/
dt {
  margin: 4px 0 4px 14px;
}
ul#front_lang_links {
  margin: 36px 0 0 0;   
	padding: 40px 0 0 0;
}
ul#front_lang_links li {
  padding: 10px 0;
	text-align: center;
	margin: 20px 0;
	list-style: none;
	float: left;
	clear: left;
	width: 160px;
	background-color: #999999;
	
}
ul#front_lang_links li a {
  color: #FFFFCC;
	text-decoration: none;
	font-size: 1.5em;		
}
img#front_img {
  float: left;
}
div#footer {
  width: 800px;
	height: 40px;
	margin: 0 auto 10px auto;
}
div#footer p {
  float: left;
	margin: auto;
	padding: 10px 0;
	color: #ffc;
	width: 160px;
	text-align: center;
}
div#footer p span {
  display: none;
}

ul#booklist li {
  float: left;
	clear: left;
	list-style: none;
}
ul#booklist li img {
  margin: 10px;
	float: left;
}
/* ------------------ howa --------------------------- */
table#learnDoc {
  margin: 20px;
}
table#learnDoc th, table#learnDoc td {
  padding: 4px;
}
table#learnDoc tr th {
  background-color: #FF9900; 
	color: #FFFFCC;
	white-space: nowrap;
}
table#learnDoc tr th a {
  color: #FFFFCC;
}
table#learnDoc a img {
  border: none;
	padding-left: 4px;
}
table#learnDoc tr.stripe td {
  background-color: #FFFF99;
	color: #000;
}
table#learnDoc tr td {
  background-color: #FFCC66;
	color: #000;
}
ul.mappio, ul.mappio ul, ul.mappio li {
  margin: 0;
  padding: 0;
  float: left;
  clear: left;
  line-height: 1.5em;
}
ul.mappio {
  margin:  0.5em 0;
  padding: 1em;
  overflow: hidden;
}
ul.mappio ul {
  padding: 1em;
}
ul.mappio li {
  list-style: none;
}
ul.mappio li li {
  list-style: disc;
}
ul.mappio li{
  b/ackground-color: white;
}
#pageContent ul.mappio li a {
  color: black;
}
div#img_wrapper {
  height: 320px;
}